// Initialize banner

$('.bigbanner img').css('opacity',0);
var bnr=$('.bigbanner img');
var ptotal=$('.bigbanner .productBannerList > a').length-1; // toal of banners
var pi=1; // counter for fade out banner
var px=1; // counter for fadeIn banner
var pz=5; // z-index

// frontpage_main_banner_fadeTime and frontpage_main_banner_showTime
// are currently exposed for user in the template of frontpage_main component

var fadeInTime=frontpage_main_banner_fadeTime;
showTime=frontpage_main_banner_showTime+frontpage_main_banner_fadeTime;

$(bnr[0]).css('z-index', pz-1);
$(bnr[0]).css('opacity', 100);

var fadeOutTime=frontpage_main_banner_fadeTime*2;

function showBanner() {

	if(pi==0){px=ptotal;}else{px=pi-1}
	pz=pz+1;

	$(bnr[pi]).css('z-index', pz).animate({opacity:1},fadeInTime);
	if(pi==ptotal){pi=0;}else{pi++;}

	setTimeout("$(bnr[px]).animate({opacity:0},50)",fadeOutTime);

}
if( ptotal && ptotal > 0 ){
	setInterval("showBanner()",showTime);	
}