/// <reference path="jquery-1.6.2.min.js"/>
/// <reference path="jquery.timer.js"/>
var banners = new Array("belfairBanner.png", "softTechBanner.png", "bouquetBanner.png");
var counter = 1;
var timer;
var timer2;
var activeLink = 1;
$(document).ready(function () {
    setUpTimers();
    initiateBannerLinks();
    preload(banners);

});
function preload(arrayOfImages) {
    Image = new Image();
    $(arrayOfImages).each(function () {
        var image = "images/" + this;
        Image.src = image;
    });
}

function changeBannerNumber(number) {
    var image = "url(images/" + banners[number] + ")";
    var link = "#link" + (number + 1);
    $("#bannerContainer").fadeOut("slow", function () {
        $("#bannerProduct").css("background-image", image);
        resetLinks();
        $(link).css("background-position", "0 -41px");

        $("#bannerContainer").fadeIn("slow", function () {
            activeLink = counter;
        });
    });
}

function resetLinks() {
    $("#link2").css("background-position", "0 0");
    $("#link3").css("background-position", "0 0");
    $("#link1").css("background-position", "0 0");
    $(".hover").each(function () {
        $(this).hover(function () {
            $(this).css("background-position", "0 -41px");
        }, function () {
            var current = $(this).attr("ID").substr(($(this).attr("ID").length - 1), 1);
            //alert(current+", "+activeLink);
            if (current != activeLink) {
                $(this).css("background-position", "0 0");
            }
        });
    });
}

function linkClicked(data) {
    link = $(data).attr("id");
    link = link.substr((link.length - 1), 1);
    resetLinks();
    counter = link.substr((link.length - 1), 1) - 1;
    activeLink = counter;
    changeBannerNumber(counter++);
    if (counter == banners.length) {
        counter = 0;
    }
    timer2.play();
    timer.stop();
}

function initiateBannerLinks() {
    $("#link1").click(function () {
        linkClicked(this);
    });
    $("#link2").click(function () {
        linkClicked(this);
    });
    $("#link3").click(function () {
        linkClicked(this);
    });
    $("#link1").css("background-position", "0px -41px");
}

function setUpTimers() {
    timer = $.timer(function () {
        changeBannerNumber(counter++);
        if (counter == banners.length) {
            counter = 0;
        }
    });
    timer2 = $.timer(function () {
        timer.play();
        timer2.stop();
    });
    timer.set({ time: 10000, autostart: true });
    timer2.set({ time: 100000 });
}

function clickedBanner() {
    alert("hello");
}