var bannerFadeTimer;
var bannerPos = 1;
var bannerFade = function(){
	bannerFadeTimer = setTimeout (function(){
		bannerPos = bannerPos + 1;
		if(bannerPos == 5)
			bannerPos = 1;			
		
		$("#dlxiBannerStepBar div").removeClass("activeStep");
		$("#bannerLink" + bannerPos).addClass("activeStep");
		
		var bannerURL = $("#bannerLink" + bannerPos).attr("bannerIMG");
		var bannerCSS = "url(" + bannerURL + ")";
		var bannerLink = $("#bannerLink" + bannerPos).attr("bannerLink");
		$("#dlxiBannerImgCont").html("<img src='" + bannerURL + "' height='223' width='626' style='display: none;' />").attr("href", bannerLink);
		$("#dlxiBannerImgCont img").fadeIn(500, function(){
			$("#dlxiBannerImgCont").css("background-image", bannerCSS);	
			$("#dlxiBannerImgCont img").remove();
		});
		
		
		
		bannerFade();								  
	}, 6000);
};

$(document).ready(function(){
	bannerFade();
	
	$("#dlxiBanner").hover(function(){
		clearTimeout(bannerFadeTimer);						   
	},function(){
		bannerFade();	
	});
	
	$("#dlxiBannerStepBar div").click(function(){
		var linkString = String($(this).attr("id"));
		bannerPos = parseInt(linkString.substring(10));
		
		$("#dlxiBannerStepBar div").removeClass("activeStep");
		$("#bannerLink" + bannerPos).addClass("activeStep");
		
		var bannerURL = $("#bannerLink" + bannerPos).attr("bannerIMG");
		var bannerCSS = "url(" + bannerURL + ")";
		var bannerLink = $("#bannerLink" + bannerPos).attr("bannerLink");
		$("#dlxiBannerImgCont").html("<img src='" + bannerURL + "' height='223' width='626' style='display: none;' />").attr("href", bannerLink);
		$("#dlxiBannerImgCont img").fadeIn(500, function(){
			$("#dlxiBannerImgCont").css("background-image", bannerCSS);	
			$("#dlxiBannerImgCont img").remove();
		});
	});
});