$(document).ready(function() {
//Aktivujeme první odkaz
$(".contentnav a:first").addClass("active");
// Šířka plochy jedné stránku
var contentwidth = $(".contentholder").width();
// Celkový počet stran
var totalcontent = $(".content").size();
// Celková šířka celého obsahu (všechny stránky)
var allcontentwidth = contentwidth * totalcontent;
// Klouzaní obsahu nastavujeme na šířku, kterou dostali vyjíš
$(".contentslider").css({'width' : allcontentwidth});
// Nyní píšeme novou funkcí pro klouzaní a navigace
rotate = function(){
// Počet opakovaných cyklů
var slideid = $active.attr("rel") - 1;
// Nastavujeme vzdálenost, jednotlivého klouzaní
var slidedistance = slideid * contentwidth;
// Zapínáme aktivní class
$(".contentnav a").removeClass('active');
//Добавляем активный класс
$active.addClass('active');
//Animace klouzaní
$(".contentslider").animate({
        left: -slidedistance
    }, 500 );
}; 
 
//Nastavení času pro klouzaní
rotation = function(){
play = setInterval(function(){
//Navigace další stranky
$active = $('.contentnav a.active').next();
if ( $active.length === 0) {
//Přesun na první stránku v navigací
$active = $('.contentnav a:first');
}
rotate();
// Nastavení času mezí cykly po dobu 5 sekund
}, 5000);
};
//Spuštění funkci rotace
rotation();
$(".contentnav a").click(function() {
$active = $(this);
clearInterval(play);
rotate();
rotation();
return false;
});
});