var $=function(objName)
{
	if(document.getElementById)
	{
		return eval('document.getElementById("'+objName+'")')
	}
	else
	{
		return eval('document.all.'+objName)
	}
}
function picData(pTitle,pImgSrc,pUrl)
{
	this.title=pTitle;
	this.imgSrc=pImgSrc;
	this.url=pUrl;
	this.showTitle=picData_doTitle;
}
function picData_doTitle()				
{
	var titleHtml="this.title";
	titleHtml="<div class='f14white'>"+this.title+"</div>";
	return titleHtml;
}
var picArr=new Array();

picArr[1-1]=new picData();
picArr[1-1].title="<span style=''>Restaurant Booking - Offer you great value for dining 尊享美味，赢在预订</span>";
picArr[1-1].imgSrc="/shared/sir/picplayer/rest-940x306.jpg";
picArr[1-1].url="/restaurants/Restaurants.jsp";

picArr[2-1]=new picData();
picArr[2-1].title="<span style=''>Hotel Booking - Offer you great value for accommodation 尊享优惠，赢在预订</span>";
picArr[2-1].imgSrc="/shared/sir/picplayer/hotel-940x306.jpg";
picArr[2-1].url="/hotels/Hotels.jsp";

picArr[3-1]=new picData();
picArr[3-1].title="<span style=''>Flight Booking - Offer you great value for flying 尊享美景，赢在预订</span>";
picArr[3-1].imgSrc="/shared/sir/picplayer/flight-940x306.jpg";
picArr[3-1].url="/hotels/Hotels.jsp";


var numHtml="";
var numBgHtml="";
var picDiv="";
var curPicId=0;
var focusImgTime=5000;
for(i=picArr.length;i>0;i--)
{
	numHtml+="<div class='numDiv'><label onclick='javascript:clickPic("+(i-1)+")'>"+i+"</label></div>";//080813001 ws
	if (i==1)
	{
		numBgHtml+="<label id='picBtn"+(i-1)+"' class='current'></label>";
	}
	else numBgHtml+="<label id='picBtn"+(i-1)+"'></label>";							
	if(i==1)
	{
		picDiv+='<div id="focusImgDiv'+(i-1)+'" class="focusImgArea" style="z-index:'+((picArr.length+1)*10)+'"><a href="'+picArr[(i-1)].url+'"><img class="picImg" src="'+picArr[(i-1)].imgSrc+'" width="940" height="306" alt="" /></a></div>';
	}
	else
	{
		picDiv+='<div id="focusImgDiv'+(i-1)+'" class="focusImgArea" style="z-index:'+(i*10)+';opacity:0;filter:alpha(opacity=0);"><a href="'+picArr[(i-1)].url+'"><img class="picImg" src="'+picArr[(i-1)].imgSrc+'" width="940" height="306" alt="" /></a></div>';
	}	
}
var myPicTime;
var animateOpacityTime;
Ext.onReady(function(){
	$('numLink').innerHTML=numHtml;
	$('numBg').innerHTML=numBgHtml;
	$('focusImg').innerHTML=picDiv;
	$("titleArea").innerHTML=picArr[0].showTitle();				
	myPicTime=setInterval(autoPicPlay,focusImgTime);
});

function doPic(picId)
{
	curPicId=picId;
	for(z=0;z<picArr.length;z++)
	{						
		if(eval($("focusImgDiv"+z).style.zIndex)==(picArr.length+1)*10)
		{
			$("focusImgDiv"+z).style.zIndex=(picArr.length+1)*10-5;
			setOpacity(100,$("focusImgDiv"+z));
		}
		else {$("focusImgDiv"+z).style.zIndex=(z+1)*10;}
	}
	$("focusImgDiv"+picId).style.zIndex=(picArr.length+1)*10;
	setOpacity(0,$("focusImgDiv"+picId));
	myOpacity=0;
    clearInterval(animateOpacityTime);
	animateOpacityTime=setInterval(function(){animateOpacity($("focusImgDiv"+picId))},10);

	for(i=0;i<picArr.length;i++)
	{
		$("picBtn"+i).className=$("picBtn"+i).className.replace('current','');
	}
	$("picBtn"+picId).className+=" current";
	$("picBtn"+picId).blur();
	$("titleArea").innerHTML=picArr[picId].showTitle();
	
}

function setOpacity(opacity, theId) {
	var object = theId.style;
	if (navigator.userAgent.indexOf("Firefox") != -1) {
		if (opacity == 100) { opacity = 99.9999; }
	}
	object.filter = "alpha(opacity=" + opacity + ")"; // IE/Win
	object.opacity = (opacity / 100);                 // Safari 1.2, Firefox+Mozilla
}
var myOpacity=0;
function animateOpacity(obj)
{
	myOpacity+=5;
	setOpacity(myOpacity,obj);
	if(myOpacity>=95)
	{
		setOpacity(100,obj);
		clearInterval(animateOpacityTime);
	}

}
function clickPic(cId)
{
   clearInterval(myPicTime);
   doPic(cId);
   myPicTime=setInterval(autoPicPlay,focusImgTime);
}
function autoPicPlay()
{
	curPicId++;										
	if(curPicId>=picArr.length)
	{
		curPicId=0;
	}
	doPic(curPicId);
}