var selectedimage = "";
var selectedindex = 0;
var banner;
var imgbanner;
var intvl;
var delay = 6000;

//preload banner images
function preloadImages() {
	if (images != null && images.length > 0) {
	    for (var i = 0; i < images.length; i++) {
	        images[i].image = new Image();
	        images[i].image.src = images[i].img;
	    }
	}
}

function getNextImage() {
    for (var i = 0; i < images.length; i++) {
        if (selectedindex == i) {
            i++;
            if (i <= (images.length - 1)) {
                selectedimage = images[i].img;
				selectedimagelink = images[i].imgLink;
            }
            else {
                i = 0;
                selectedimage = images[i].img;
				selectedimagelink = images[i].imgLink;
            }
			selectedindex = i;
            break;
        }
    }
}

function rotateImage() {
	getNextImage();
	
    //banner.css('background-image', 'url(' + imgbanner.attr("src") + ')');
    imgbanner.css('display', 'none');
	imgbannerlink.attr('href', selectedimagelink);
    imgbanner.attr('src', selectedimage);
    imgbanner.fadeIn("normal");
    switchDot(selectedindex);
}

function generateDots() {
	if(images != null && images.length > 0) {
		var controlholder = $('#controlholder');
		var items = "";
		for(var i = 0; i < images.length; i++) {
			items += "<div id=\"dot" + i + "\" class=\"gray\"></div>";
		}
		controlholder.append(items);
		
		var dots = $('div[id^="dot"]');
		dots.each(function(index) {
			$(this).click(function() {
				window.clearInterval(intvl);
				selectedindex = index == 0 ? images.length - 1 : index - 1;
				rotateImage();
				intvl = setInterval("rotateImage()", delay);
			})
		})
	}
}

function switchDot(index){
	var dots = $('div[id^="dot"]');
	
	dots.each(function (item){
		if(item == index){
			$(this).attr('class','blue');
		}
		else{
			$(this).attr('class','gray');
		}
	});
}


$(document).ready(function () {

    banner = $('#banner');
    imgbanner = $('#imgbanner');
	imgbannerlink = $('#imgbannerlink');
    preloadImages();
	generateDots();
    selectedimage = images[0].img;
	imgbannerlink.attr('href',images[0].imgLink);
    switchDot(selectedindex);
    
    intvl = setInterval("rotateImage()", delay);
});