var timerId;
var currentIndex = 0;
var timerId = null;
var internalTopElement;
var canFade = true;

function Hook(topElement) {
    internalTopElement = topElement;

    //$("body").append("<div id=\"debug\" style=\"overflow:scroll;font-family:consolas;font-size:8pt;position: absolute; width:200px; height:500px; background: #efefef;top:10px;left:10px;\"></div>");

    timerId = setInterval(onTick, 10000);

    fadeInCurrent();

    $(".Dot").click(function (event) {
        if (!canFade) return;

        clearInterval(timerId);

        fadeOutCurrent();

        var number = $(this).attr("class").substring(7);

        currentIndex = parseInt(number);
        fadeInCurrent();

        timerId = setInterval(onTick, 20000);
    });

    $(".Copy").click(function (event) {
        event.preventDefault();

        window.location = $(this).attr("href");
    });
    //$("#debug").append("Hook() - finished<br/>");
}

function onTick() {
    //$("#debug").append("onTick()<br/>");
    fadeOutCurrent();

    currentIndex++;

    if (currentIndex >= $(".Copy").length)
        currentIndex = 0;

    fadeInCurrent();
}

function fadeOutCurrent() {
    $(".Copy.Selected").fadeOut(1000);
    $(".Copy.Selected").removeClass("Selected");
    $(".Dot.Selected").removeClass("Selected");
}

function fadeInCurrent() {
    if (canFade == false) {
        return;
    }
    //$("#debug").append("Searching for " + currentIndex.toString() + "<br/>");

    $(".Copy").each(function () {

        if ($(this).hasClass("Copy" + currentIndex.toString())) {
            canFade = false;
            //$("#debug").append("Found.<br/>");
            $(this).addClass("Selected");
            $(this).delay(1000).fadeIn(1000, function () { canFade = true; });
            $(".Dot" + currentIndex.toString()).addClass("Selected");
            return;
        }
    });

   
}