﻿(function($) {
    if (!$) {
        return;
    }

    $(function() {
        var container = $("#homepageSlider"),
			    controls = $("#slideshow-ctrls"), //container.find(".controls"),
                slides = $("#slideshow-imgs").children(), //container.find(".images").children(),
			    currentSlide = -1,
			    timer = null,
			    timerDelay = 7000,
			    slideshowEnabled = true,
			    slidesWidth = $(slides.parent()).width(),
			    selectorClick = function() {
			        var lastSlide = currentSlide;
			        currentSlide = $(this).data("slideNumber");
			        if (lastSlide === currentSlide) { return; }

			        showSlide(currentSlide, true);
			    };
        for (var i = 0, j = slides.length; i < j; i++) {
            controls.append($(document.createElement("img"))
			.attr({ src: "/images/homepagebox.png", width: 22, height: 13, id: ("selector" + i) })
			.addClass("selector").data("slideNumber", i).click(selectorClick));
        }
        var controlImages = controls.find(".selector");

        function showSlide(num, immediate) {
            var delay = immediate ? 0 : 1000;
            slides.css({ display: 'none' })
            $(slides.parent()).append($(slides[num]).css({ left: slidesWidth, opacity: 0, display: 'inline' }).animate({ "left": 0, "opacity": 1 }, delay));
            $(controlImages.removeClass("selected").get(currentSlide)).addClass("selected");
            if (num < slides.length - 1) {
                var img = $(slides[num + 1]).children();
                //alert(( $(slides[num]).attr("id")) + "||" + num + '/' + slides.length);
                if ((img.length == 0)) {
                    $(slides[num + 1]).append($(document.createElement("img")).attr({ src: $(slides[num + 1]).attr("rel"), usemap: '#bannerMap' + (num + 2) }));
                }
            }
        }

        function showNextSlide(immediate) {

            showSlide(currentSlide = ((currentSlide + 1) % slides.length), immediate === true);
            if (currentSlide === 0 && immediate !== true) {
                // stop slideshow on first frame
                //slideshowEnabled = false;
                //clearInterval(timer);
            }
        }
        container.find(".next").click(showNextSlide);

        function showPrevSlide(immediate) {
            showSlide(currentSlide = ((currentSlide + slides.length - 1) % slides.length), immediate === true);
        }
        container.find(".back").click(showPrevSlide);

        setTimeout(function() { showNextSlide(true) }, 0);

        container.
				bind("mouseenter", function() {
				    clearInterval(timer);
				}).
				bind("mouseleave", function() {
				    if (slideshowEnabled) {
				        timer = setInterval(showNextSlide, timerDelay);
				    }
				}).
				trigger("mouseleave");
    });
})(window.jQuery);

//function trackBanner(link) {    
//    $.ajax({
//        type: 'Post',
//        url: $(link).attr("href"),
//        data: { bannerName: $(link).attr("rel") }
//    });
//    window.location = link;
//    return false;
//}


