var arrayOfSlides;
var noOfSlides;
var index = 0;
var intervalId = 0;


BannerRotate = {};

BannerRotate.Init = function() {
	 BannerRotate.SetupSlideIndex();
	 jQuery(".slide-index li").bind("click", function(event) { BannerRotate.ChangeOnClick(this); });
	 intervalId = setInterval("BannerRotate.ChangeOnTimer();", 7000);
	 BannerRotate.ChangeLink();
}

BannerRotate.SetupSlideIndex = function() {
	arrayOfSlides = jQuery('.slide');
	noOfSlides = jQuery(arrayOfSlides).length;
	
	jQuery("<ul class='slide-index'></ul>").insertAfter(".view-details");
	for (var i = 0; i < noOfSlides; i++) {
		jQuery(".slide-index").append("<li><a href='#'>" + (i + 1) + "</a></li>");
	}
	jQuery(".slide-index li:first").addClass("active");
}

BannerRotate.ChangeOnClick = function(clicked) {
    index = jQuery.inArray(clicked, jQuery(".slide-index li"));
    BannerRotate.ChangeSlide(index);
    BannerRotate.ChangeLink();
    clearInterval(intervalId);
    intervalId = setInterval("BannerRotate.ChangeOnTimer();", 7000);
}

BannerRotate.ChangeOnTimer = function() {
    if (index == (arrayOfSlides.length - 1)) {
        index = 0;
    }
    else {
        index = index + 1;
    }

    BannerRotate.ChangeSlide(index);
}

BannerRotate.ChangeSlide = function(index) {
    jQuery(".slide").eq(index).fadeIn("slow").addClass("activeSlide");
    jQuery(".slide").eq(index).siblings().not(".links").fadeOut("slow").removeClass("activeSlide");
	 
	jQuery(".slide-index li").eq(index).addClass("active");
	jQuery(".slide-index li").eq(index).siblings().removeClass("active");
}

BannerRotate.ChangeLink = function() {
    var url = jQuery(".activeSlide .slide_link").attr("href");
    jQuery(".view-details").attr("href", url);
}


jQuery(document).ready(function() {
	BannerRotate.Init();
});