﻿var intervalId = null;
var time = 1500;
var showFor = 6000;
$(document).ready(function () {
    var count = $(".content>a").length;
    if (count == 1) {
        var img = $("#rotator .content>a:visible");
        $(".content a").fadeIn();
    }
    else {
        function rotateLink(className) {
            $("#rotator #itemLinks>a").removeClass("active");
            $("#rotator #itemLinks>a." + className).addClass("active");
            $("#itemText").html($("div." + className).html());
        }
        function rotateImgs() {
            var a = $("#rotator .content>a:visible");
            a.stop(true, true).fadeOut(time);
            if (a.next("a").length != 0)
                rotateLink(a.next("a").stop(true, true).fadeIn(time).attr("class"));
            else
                rotateLink($("#rotator .content>a:eq(0)").stop(true, true).fadeIn(time).attr("class"));
        }
        rotateImgs();
        intervalId = setInterval(rotateImgs, showFor);
        $("#itemLinks a").click(function () {
            var link = $(this);
            clearInterval(intervalId);
            $("#rotator .content>a:visible").stop(true, true).fadeOut(time);
            rotateLink($("#rotator .content>a." + link.attr("class").split(' ')[0]).stop(true, true).fadeIn(time).attr("class"));
            intervalId = setInterval(rotateImgs, showFor);
            return false;
        });
    }
});
