var currentimage = "";
var selectedimage = "";
var selectedindex = 0;
var banner;
var imgbanner;
var imgbannerlink;
var intvl;
var transtime = 1500; // Slide transition time (in milliseconds). Can be "slow", "normal", "fast" or a numeric value.
var delay = 1500; // Delay time between slides (in milliseconds).

//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() {
    currentimage = images[selectedindex].img;
	for (var i = 0; i < images.length; i++) {
        if (selectedindex == i) {
			i++;
			selectedindex = (i <= (images.length - 1)) ? i : 0;

			break;
        }
    }
	selectedimage = images[selectedindex].img;
	selectedimagelink = images[selectedindex].imgLink;
}

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

function rotateImage() {
	getNextImage();
	
    banner.css({'background-image':'url("' + currentimage + '")'});
	imgbanner.css({'opacity':0});
	imgbannerlink.attr('href', selectedimagelink);
    imgbanner.attr('src', selectedimage);
	window.clearInterval(intvl);
	
	imgbanner.animate(
		{ opacity: 1.0 },
		{ 
			duration: transtime, 
			complete: function() {
				intvl = setInterval("rotateImage()", delay);
			}
		}
	);
}

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();
	selectedimage = images[0].img;
	imgbanner.attr('src', selectedimage);
	imgbannerlink.attr('href',images[0].imgLink);
	//generateDots();
    //switchDot(selectedindex);
    
	if(images.length > 1){
	    intvl = setInterval("rotateImage()", delay);
	}
});