$(document).ready(function(){

    //Pozycjonowanie obrazków najbardziej aktywnych
    $("ul.active-users img").ready(function(){
       $("ul.active-users img, ul.active-users a span").each(function(){
            var imgHeight = $(this).height();
            var imgTop = (100-imgHeight)/2;
            $(this).css('margin-top', imgTop);
        });
    });

    $("ul.your-chance img").ready(function(){
       $("ul.your-chance img, ul.your-chance a span").each(function(){
            var imgHeight = $(this).height();
            var imgTop = (100-imgHeight)/2;
            $(this).css('margin-top', imgTop);
        });
    });

    changeSpanMargin();
    $("#tb_text p:nth-child(1)").html($("ul#top_banner li:nth-child(3) span.corpname").html());
    $("#tb_text p:nth-child(2)").html($("ul#top_banner li:nth-child(3) span.corpcontent").html());
    $("#tb_text").fadeIn(1500);
    $('#top_banner').carouFredSel({
        visibleItems: 5,
            scroll : {
            items		: 1,
            effect		: 'swing',
            speed		: 600,
            pauseOnHover: true,
            onBefore	: function(){
                $("#tb_text").hide();
                $("img#center_arrow")
                    .hide()
                    .css('bottom', "55px");
//                $("ul#top_banner li span").hide();
            },
            onAfter		: function(){
                $("img#center_arrow")
                    .fadeIn(400)
                    .animate({
                        bottom: '50px'
                    }, 250);
                $("#tb_text p:nth-child(1)").html($("ul#top_banner li:nth-child(4) span.corpname").html());
                $("#tb_text p:nth-child(2)").html($("ul#top_banner li:nth-child(4) span.corpcontent").html());
                $("#tb_text").fadeIn(400);
//                $("ul#top_banner li:nth-child(4) span").show();
            }
        },
        auto : {
            pauseDuration: 5500
        },
        next : {
            button		: $('#tb_next')
        },
        prev : {
            button		: $('#tb_prev'),
            onAfter		: function(){
                $("img#center_arrow")
                    .fadeIn(400)
                    .animate({
                        bottom: '50px'
                    }, 250);
                $("#tb_text p:nth-child(1)").html($("ul#top_banner li:nth-child(3) span.corpname").html());
                $("#tb_text p:nth-child(2)").html($("ul#top_banner li:nth-child(3) span.corpcontent").html());
                $("#tb_text").fadeIn(400);
//                $("ul#top_banner li:nth-child(4) span").show();
            }
        }


    });


});
$(function(){
    var i = 1;
    $("ul.tabs-select").append('<li><a href="#prev-tab" class="prev-tab"><</a></li>');
    $("ul.tabs li").each(function(){
        $("ul.tabs-select").append('<li><a class="tab-nr tab-nr-'+i+'" href="#tabs-'+i+'">'+i+'</a></li>');
        i=i+1;
    });
    $("ul.tabs-select").append('<li><a href="#next-tab" class="next-tab">></a></li>');

    var $tabs = $('div.right-banner').tabs({
       fx: { opacity: 'toggle' }
    });
    $('div.right-banner').bind("tabsselect", function(event, ui){
        var sel = $tabs.tabs('option', 'selected')+2;
        if($tabs.tabs('option', 'selected') == $tabs.tabs('length')-1) {
            sel = 1;
        }
//        alert(sel);
        $("ul.tabs-select li a.tab-nr").removeClass('selected');
        $("ul.tabs-select li a.tab-nr-"+sel).addClass('selected');
    });

    var selected = $tabs.tabs('option', 'selected'); // => 0
    var rotate = $tabs.tabs('rotate', 5500, true);
    changeTabNrClass();
    var allTabs = $("ul.tabs li").length;
    $("ul.tabs li a").click(function(){
        changeTabNrClass();
    });
    $("ul.tabs-select li a.prev-tab").click(function(){
        $tabs.tabs('select', selected-1)
        selected = $tabs.tabs('option', 'selected');
        changeTabNrClass()
        return false;
    });
    $("ul.tabs-select li a.next-tab").click(function(){
        if(selected == allTabs-1) {
            $tabs.tabs('select', 0)
        }
        else {
            $tabs.tabs('select', selected+1)
        }

        selected = $tabs.tabs('option', 'selected');
        changeTabNrClass()
        return false;
    });
    $("ul.tabs-select li a.tab-nr").click(function(){
        $tabs.tabs('select', $(this).text()-1)
        selected = $tabs.tabs('option', 'selected');
        changeTabNrClass()
        return false;
    });
    function changeTabNrClass() {
        var selected = $tabs.tabs('option', 'selected');
        $("ul.tabs-select li a.tab-nr").removeClass('selected');
        $("ul.tabs-select li a.tab-nr-"+(selected+1)).addClass('selected');
    }
    function nextTab() {
        if(selected == allTabs-1) {
            $tabs.tabs('select', 0)
        }
        else {
            $tabs.tabs('select', selected+1)
        }

        selected = $tabs.tabs('option', 'selected');
        changeTabNrClass()
        return false;
    }
});
function changeSpanMargin() {
    $("#top_banner li span.nologo").each(function(){
        var imgHeight = $(this).height();
        var totalHeight = 80;
        var marginTop = (totalHeight-imgHeight)/2;
        $(this).css('margin-top', marginTop);
    });
}