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 = 7; 
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]	=	"";
	BannerImg[1] 	= 	ImgPath+"rmb_homebanner_id.jpg"; 
	BannerLink[1] 	= 	"/1/2/misc-id/other/rmb"; 
	
	BannerTxt[2]	=	"SPBU TOTAL Poin Rewards";	
	BannerImg[2] 	= 	ImgPath+"total_750x154_H0_id.gif"; 
	BannerLink[2] 	= 	"/1/2/misc-id/ccard/percayagaksih/total";
	
	BannerTxt[3]	=	"Shop around the world with your HSBC credit card";		
	BannerImg[3] 	= 	ImgPath+"homeandaway_mainbanner_ID.gif";
	BannerLink[3] 	= 	"http://www.homeandaway.hsbc.com";

	BannerTxt[4]	=	"POIN REWARDS BERLIPAT KALI";		
	BannerImg[4] 	= 	ImgPath+"rewards750x154_id.jpg "; 
	BannerLink[4] 	= 	"http://www.hsbc.co.id/percayagaksih"; 
	
	BannerTxt[5]	=	"Jelajahi berbagai peluang perdagangan terkini";	
	BannerImg[5] 	= 	ImgPath+"trade_banner750x154_id.jpg"; 
	BannerLink[5] 	= 	"http://tradeconnections.corporate.hsbc.com/en.aspx?WT.mc_id=GTrade_dotcom_BC_2609"; 
	
<!-- // 



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++) 
	{	
		var rep	=	"n";	
		rand_no	=	RandomNo(banner_no);
		if(i > 0)
		{
			for(j=0;j<i;j++)
			{
				if(myBanner[j] == rand_no){
				rep	=	"y";
				}
			}			
		}
		if(rep == "n"){
			myBanner[i]	=	rand_no;
		}else{
			i	=	i-1;
		}
		
	}

}
function RandomNo(banner_no)
{
	var rand_no = Math.random();
	rand_no = rand_no * banner_no;
	rand_no = Math.ceil(rand_no);
	return(rand_no);
}

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	=	0;
		}else if(banner_no == 2){
			PadTopH	=	0;
		}else if(banner_no == 3){			
			PadTopH	=	0;	
		}else if(banner_no == 4){
			PadTopH	=	0;			
		}else if(banner_no == 5){
			PadTopH	=	0;			
		}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;
}
