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="";
	titleHtml="<a href='"+this.url+"' target='_blank' class='white'>"+this.title+"</a>";
	return titleHtml;
}
var picArr=new Array();

picArr[1-1]=new picData();
picArr[1-1].title="<span style=''>The Square @ Furama 1 for 1 at $40++</span>";
picArr[1-1].imgSrc="/shared/sir/picplayer/restaurant-rest1.jpg";
picArr[1-1].url="/singapore/restaurant/the_square_furama_tiong_bahru/";

picArr[2-1]=new picData();
picArr[2-1].title="<span style=''>Seafood Kitchen 海鲜小厨 10% off</span>";
picArr[2-1].imgSrc="/shared/sir/picplayer/restaurant-rest2.jpg";
picArr[2-1].url="/singapore/restaurant/seafood_kitchen_east_coast_park/";

picArr[3-1]=new picData();
picArr[3-1].title="<span style=''>Palm Beach Seafood 棕榈滩 (One Fullerton) 10% off</span>";
picArr[3-1].imgSrc="/shared/sir/picplayer/restaurant-rest3.jpg";
picArr[3-1].url="/singapore/restaurant/palm_beach_seafood_restaurant_one_fullerton_raffles_place/";

picArr[4-1]=new picData();
picArr[4-1].title="<span style=''>Ah Yat Seafood Restaurant 阿一海鲜 (Turf City 马城) 50% off</span>";
picArr[4-1].imgSrc="/shared/sir/picplayer/restaurant-rest4.jpg";
picArr[4-1].url="/singapore/restaurant/ah_yat_seafood_restaurant_turf_city/";



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+'" target="_blank"><img class="picImg" src="'+picArr[(i-1)].imgSrc+'" width="422" height="214" 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+'" target="_blank"><img class="picImg" src="'+picArr[(i-1)].imgSrc+'" width="422" height="214" 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+=15;
	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;
	}
	
	//1. specifically to extend time of displaying 2nd pic
//	if (curPicId == 2) {
//		clearInterval(myPicTime);
//		setTimeout("doPic(curPicId)",5000)
//		setTimeout("myPicTime=setInterval(autoPicPlay,focusImgTime)",5000);
//	} else {
//		doPic(curPicId);
//	}
	//end
	
	doPic(curPicId);//enable this line if 1 above is deleted
	
}