var secs;
var timerID = null;
var timerRunning = false;
//var delay = 1000;	
var delay = 2000;	
var myBanner		=	new Array();	
var CurrentNo = 0;
var ChooseNo = 0;
var secs = 5; 
var timer	=	secs;
var BannerImg		=	new Array();	
var BannerLink		=	new Array();
var BannerTxt		=	new Array();
var ThisFadeTimeIn;
var ImgPath	=	ServerPath;

	
	var	banner_no	=	5; 	
	BannerTxt[1]	=	"HSBC Visa Platinum Exclusive Privileges 2010";	
	BannerImg[1] 	= 	ImgPath+"plattinum2010_th.jpg"; 
	BannerLink[1] 	= 	"/1/2/personal-th/creditcard/platinum"; 

	BannerTxt[2]	=	"HSBC Rewards 2009";	
	BannerImg[2] 	= 	ImgPath+"rewards2009_th.jpg"; 
	BannerLink[2] 	= 	"/1/2/personal-en/rewards?WT.ac=BKH_HomeRandom_Rewards"; 

	BannerTxt[3]	=	"สมัครบัตรเครดิตเอชเอสบีซี ผ่าน www.hsbc.co.th พร้อมเลือกรับของกำนัลเพื่อประสบการณ์ที่เหนือระดับ";		
	BannerImg[3] 	= 	ImgPath+"creditcard_630th.jpg"; 
	BannerLink[3] 	= 	"/1/2/personal-th/promotions/apply-card-online?WT.ac=BKH_HomeRandom_CreditCardAcquisition";  
	
	BannerTxt[4]	=	"สมัครสินเชื่อบุคคล เอชเอสบีซี ผ่านระบบออนไลน์ รับดอกเบี้ยอัตราพิเศษ ถูกสุดๆ 18.50%* พิเศษ รับเพิ่มฟรี บัตรกำนัล สูงสุดมูลค่า 5,000 บาท";
	BannerImg[4] 	= 	ImgPath+"pilonline_th.jpg"; 
	BannerLink[4] 	= 	"/1/2/personal-th/promotions/apply-pil-online"; 

	BannerTxt[5]	=	"รับเงินคืนสูงสุด 10%* เมื่อเติมน้ำมันทุก 800 บ./รายการ ที่ปั้ม ปตท. เชลล์ หรือ เอสโซ่";
	BannerImg[5] 	= 	ImgPath+"drive_th.jpg"; 
	BannerLink[5] 	= 	"/1/2/personal-th/promotions/driving?WT.ac=BKH_HomeRandom_CreditCardUseage"; 
	
<!-- // 



function FadeImgIn(){
	if(ThisFadeTimeIn < 1){
		ThisFadeTimeIn	=	ThisFadeTimeIn+0.05;	
		if(document.all) {
			document.getElementById("ShowBanner").style.filter	=	"alpha(opacity=" + (ThisFadeTimeIn*100) + ")";
		} else {
			document.getElementById("ShowBanner").style.MozOpacity = ThisFadeTimeIn;
		}	
		self.setTimeout("FadeImgIn()",100);	
	}
}

function ShowBanner(no)
{
	PicID	=	myBanner[no];
	ThisFadeTimeIn	=	0;	
	FadeImgIn();	
	document.getElementById("ShowBanner").innerHTML	=	"<a href='"+BannerLink[PicID]+"' target=_blank><img alt='"+BannerTxt[PicID]+"'  border=0 src='"+BannerImg[PicID]+"' ></a>";
}
function InitializeTimer()
{
	RandomBanner();
	ShowBanner(0);
	ShowNavigator(0);
    StartTheTimer();
}

function SelectViewBanner(ChooseNo)
{
	ShowBanner(ChooseNo);
	ShowNavigator(ChooseNo);
	StopTheClock();	
	CurrentNo	=	ChooseNo;
    StartTheTimer();
}

function StartTheTimer()
{
	
    if (secs==0)
    {
		if(CurrentNo >=  banner_no-1){
			CurrentNo	=	0;
		}else{
			CurrentNo	=	CurrentNo+1;		
		}		
			
		ShowBanner(CurrentNo);
		ShowNavigator(CurrentNo);		
        secs = timer;
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)		
    }
    else
    {
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}


function RandomBanner()
{
    for(i=0; i<banner_no; i++) 
    {    
            myBanner[i]    =    i+1;    
    }

}

function ShowNavigator(no)
{
	var NavLink	=	"";
	var	PadTopWidth=	0;			
	for(i=0; i<banner_no; i++) 
	{	
		pic_nav		=	i+1;
		pic_nav_or	=	pic_nav;
		if(no == i){
			pic_nav	=	pic_nav+"_on";
		}else{
			pic_nav	=	pic_nav+"_off";		
		}
		//var img_over	=		"images/"+pic_nav_or+"_on.gif";

		//var img_out		=		"images/"+pic_nav_or+"_off.gif";
		if(banner_no == 1){
			PadTopH	=	171;
		}else if(banner_no == 2){
			PadTopH	=	142;
		}else if(banner_no == 3){			
			PadTopH	=	113;	
		}else if(banner_no == 4){
			PadTopH	=	84;			
		}else if(banner_no == 5){
			PadTopH	=	55;			
		}else{
			PadTopH	=	0;			
		}
		if(pic_nav_or == 1){
			NavLink	=	NavLink+"<a href='#' onclick='SelectViewBanner("+i+")'><img src='"+ImgPath+"bbr_banner"+pic_nav+".gif' border=0 name='banner"+i+"' style='padding-top:"+PadTopH+"px' /></a>";		
		}else{
			NavLink	=	NavLink+"<a href='#' onclick='SelectViewBanner("+i+")'><img src='"+ImgPath+"bbr_banner"+pic_nav+".gif' border=0 name='banner"+i+"' /></a>";		
			
		}
		

	}
	document.getElementById("navigator").innerHTML	=	NavLink;
}