var to = 0;
var slideDuration = 8000;
$(document).ready(function () {
    InitMarqueeDisplay();


    $("#link-layer").live("click", function (e) {
        e.preventDefault();

        var link = $("#details-overlay").find(".more-link").attr("href");
        window.location = link;

        // alert(link);
    });

});
function ChangeDetails(x) {
    $("#details-overlay").html(x).fadeIn();
    if ($('#details-overlay .image-link').html() == '') {
        $('#details-overlay .image-link').addClass('nobg');
    } else {
    $('#details-overlay .image-link').removeClass('nobg');
    }

}

function ChangeSlide() {
    $("#details-overlay").fadeOut();
    $("#scroll").scrollable().next();
    //alert(t);
    to = setTimeout("ChangeSlide()", slideDuration);
}

function pauseSlides() {
    clearTimeout(to);
    $("#pause").removeClass("pause").addClass("start");

}

function InitMarqueeDisplay() {

    $.easing.ch = function (x, t, b, c, d) {
        if (t == 0) return b;
        if (t == d) return b + c;
        if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
        return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b;
    };

    var api = $("#scroll").scrollable({
        items: '#tools',
        circular: true,
        speed: 1600,
        easing: 'ch',
        onSeek: function (e, index) {
            var items = this.getItems();
            items.removeClass('current');
            items.eq(index).addClass('current');
            ChangeDetails(items.eq(index).find(".detail-wrapper").html());

        }

    }).navigator().data("scrollable");


    var slideMax = $("#scroll").scrollable().getSize();



    ChangeDetails(api.getItems().eq(0).find(".detail-wrapper").html());

    $("#scroll").css("visibility", "visible");
    to = setTimeout("ChangeSlide()", slideDuration);

    $("#pause").click(function (e) {
        e.preventDefault();
        if ($(this).hasClass("pause")) {
            $(this).removeClass("pause").addClass("start");

            clearTimeout(to);
        }
        else {
            ChangeSlide();
            $(this).addClass("pause").removeClass("start");
        }
    });

    $("#start").click(function (e) {
        e.preventDefault();
        ChangeSlide();
    });

    $(".navi a").click(function () {
        pauseSlides();
    });

    $("#next").click(function (e) {
        e.preventDefault();
        $("#scroll").scrollable().next();
        pauseSlides();
    });

    $("#previous").click(function (e) {
        e.preventDefault();
        $("#scroll").scrollable().prev();
        pauseSlides();
    });



}