function FillSlides(ItemCount) {
    for (i = 0; i < ItemCount; i++) {
        $('<li><a class="item" href="#"></a></li>').appendTo('#Slides');
    }
    $("#Slides li:first-child + li a.item").addClass("current");
    $("#Slides").css('margin-left', "-" + $("#Slides").width() / 2 + "px");
    if (ItemCount > 1)
        $(".next").removeClass("disabled");
}
function CountSlides() {
    var itemCount = 0;
    $("#Slider .items .item").each(function() {
        itemCount++;
    });
    return itemCount;
}

$(document).ready(function() {
    var ItemCount = CountSlides();
    var root;
    var teller = 0;
    if ($.browser.msie && $.browser.version < 9) {
        //Need to hack the images to fade in IE < 9
        $("#FrontPage #Slider > .items > .item > img").css('opacity', 'inherit');
        $("#FrontPage #Slider > .items > .item > img").css('filter', 'inherit');
    }

    $.tools.tabs.addEffect("emFade", function(tabIndex, done) {
        if (teller == 0) {
            this.getPanes().hide();
            this.getPanes().eq(tabIndex).show();
        }
        else {
            this.getPanes().fadeOut(600).delay(600);
            this.getPanes().eq(tabIndex).fadeIn(600);
        }
        teller++;
        done.call();
    });

    if (ItemCount > 1) {
        FillSlides(ItemCount);
        root = $("#Slides").tabs("#Slider > .items > .item", {
            effect: 'emFade',
            rotate: true,
            tabs: 'a.item'
        }).slideshow({ autoplay: true, autopause: false, interval: 10000, clickable: false });
        $('a.Control').addClass('Play');
        window.api = root.data("slideshow");
    }
    else {
        $("#Slider > .items > .item:first").show();
    }

    $("a.item").click(function() {
        $("a.Control").removeClass('Play');
        $("a.Control").addClass('Pause');
        api.stop();
    });
    $("a.Control").click(function() {
        if ($(this).is(".Play")) {
            $(this).removeClass('Play');
            $(this).addClass('Pause');
            api.stop();
        }
        else if ($(this).is(".Pause")) {
            $(this).removeClass('Pause');
            $(this).addClass('Play');
            api.play();
        }
    });
});