var $j = jQuery.noConflict();

$j(document).ready(function() {
    //Aktivujeme první odkaz
    $j("#wrapper li a:first").addClass("active");
    // Šířka plochy jedné stránku
    var contentwidth = $j(".contentholder").width();
    // Celkový počet stran
    var totalcontent = $j(".content").size();
    // Celková šířka celého obsahu (všechny stránky)
    var allcontentwidth = contentwidth * totalcontent;
    // Klouzaní obsahu nastavujeme na šířku, kterou dostali vyjíš
    $j(".contentslider").css({
        'width' : allcontentwidth
    });
    autoplay = true;
    autoplayTime = 5000;
    autoplayPos = 1;

    rotate = function(){
        // Počet opakovaných cyklů
        var slideid = $jactive.attr("rel") - 1;
        // Nastavujeme vzdálenost, jednotlivého klouzaní
        var slidedistance = slideid * contentwidth;
        // Zapínáme aktivní class
        $j("#wrapper li a").removeClass('active');

        $jactive.addClass('active');
        //Animace klouzaní
        $j(".contentslider").animate({
            left: -slidedistance
        }, 500 );
    };

    autoRotate = function() {
        if(autoplay) {
            $jactive = $j($j("#wrapper li a")[autoplayPos%4]);
            autoplayPos++;
            rotate();
        }
        setTimeout(autoRotate, autoplayTime)
    }

    setTimeout(autoRotate, autoplayTime)

    $j("#wrapper li a").click(function() {
        $jactive = $j(this);
        autoplay = false;
        rotate();
        return false;
    });

});