var pastAni=0;

function rotateBanner(_total)
{	
	
		var motionArray=setArray(_total);
		var randomNo;
		randomNo=0;
		
		if (motionArray.length>1)
			randomNo=makeRandom(pastAni,motionArray.length);	
			
		for (var i=0;i<motionArray.length;i++)
		{	
			if (i==randomNo)
				{
					document.getElementById(motionArray[i][0]).style.display="inline";						
					pastAni=i;
					setTimeout("rotateBanner("+_total+")",(motionArray[i][1]*1000));				
				}
			else
				document.getElementById(motionArray[i][0]).style.display="none";
		}
	
	
}

function makeRandom(_pastAni,arrayLength)
{
	
	var outputRan=0;
	ranNum=Math.floor(Math.random()*arrayLength);
	if (ranNum==_pastAni)
		makeRandom(_pastAni,arrayLength);
	else
		outputRan=ranNum;	
	return ranNum;
}

function setArray(_total)
{
	var total_banner=_total;
	var _ent0=new Array("rotimage_1","2");
	var _ent1=new Array("rotimage_2","2");
	var _ent2=new Array("rotimage_3","2");
	var _ent3=new Array("rotimage_4","2");
	var _ent4=new Array("rotimage_5","2");
	var _ent5=new Array("rotimage_6","2");
	var _ent6=new Array("rotimage_7","2");
	
	var motionArray=new Array();
	for (var i=0;i<=(total_banner-1);i++)
	{
		motionArray.push(eval("_ent"+i));
	}
	
	return motionArray;
}


function ajaxaddPrint(_id)
{
var xmlHttp;
try
  {  
  	xmlHttp=new XMLHttpRequest();  
  }
catch (e)
  {  
  	try
    		{    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");    }
  	catch (e)
    		{    try
      			{      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");      }
    			catch (e)
      				{      
      					alert("Your browser does not support AJAX!");      return false;      
      				}    
      			}  
      		}
  xmlHttp.open("GET","setPrintBasket.jsp?spot_id="+_id+"&rand="+createRandom(),true);
  xmlHttp.send(null);  
  
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      	// success
      	document.getElementById("addBasket").style.display="none";
      	document.getElementById("removeBasket").style.display="inline";
      }
    }
  
  }
  
  
  
  function ajaxRemovePrint(remove_str)
{
var xmlHttp;
try
  {  
  	xmlHttp=new XMLHttpRequest();  
  }
catch (e)
  {  
  	try
    		{    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");    }
  	catch (e)
    		{    try
      			{      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");      }
    			catch (e)
      				{      
      					alert("Your browser does not support AJAX!");      return false;      
      				}    
      			}  
      		}
  xmlHttp.open("GET","removePrintBasket.jsp?remove_str="+remove_str+"&rand="+createRandom(),true);
  xmlHttp.send(null);  
  
  
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      	// success
      }
    }  
  }
  
  
 
 function ajaxremovePrintitem(remove_str)
{
var xmlHttp;
try
  {  
  	xmlHttp=new XMLHttpRequest();  
  }
catch (e)
  {  
  	try
    		{    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");    }
  	catch (e)
    		{    try
      			{      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");      }
    			catch (e)
      				{      
      					alert("Your browser does not support AJAX!");      return false;      
      				}    
      			}  
      		}
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      	// success
      	document.getElementById("addBasket").style.display="inline";
      	document.getElementById("removeBasket").style.display="none";
      }
    }
  xmlHttp.open("GET","removePrintBasket.jsp?remove_str="+remove_str+"&rand="+createRandom(),true);
  xmlHttp.send(null);  
  }
  
  
  
  
function checkAll(field)
{
for (i = 0; i < field.length; i++)
	{
		field[i].checked = true ;
	}
}

function uncheckAll(field)
{
for (i = 0; i < field.length; i++)
	{
		field[i].checked = false ;
	}
}

function getCheckedBox(field)
{
	var checkedStr="0";		
	for (i = 0; i < field.length; i++)
	{
		if (document.getElementById("spot_"+field[i].value).style.display=="inline")
			{
				if (field[i].checked)
					checkedStr+="_"+field[i].value;
			}
	}
	
	window.open('print.jsp?print_str='+checkedStr+"&rand="+createRandom(), '_blank', '');	
}

function delCheckedBox(field)
{
	var checkedStr="0";
	for (i = 0; i < field.length; i++)
	{
		if (field[i].checked)
			{
				field[i].checked = false;
				document.getElementById("spot_"+field[i].value).style.display="none";
			}
		else
			{
				checkedStr+="_"+field[i].value;
			}
	}
	ajaxRemovePrint(checkedStr);
	//ajaxSetPrint(checkedStr);	
}

function changeImgOn(_name)
{
	_name.src=_name.src.replace("_off","_on");
}

function changeImgOff(_name)
{
	_name.src=_name.src.replace("_on","_off");
}


function createRandom()
{
	var randomnumber=Math.floor(Math.random()*100)
	return randomnumber;
}

function ajaxSetPrint(_id)
{
var xmlHttp;
try
  {  
  	xmlHttp=new XMLHttpRequest();  
  }
catch (e)
  {  
  	try
    		{    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");    }
  	catch (e)
    		{    try
      			{      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");      }
    			catch (e)
      				{      
      					alert("Your browser does not support AJAX!");      return false;      
      				}    
      			}  
      		}
  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
      	
      }
    }
  xmlHttp.open("GET","setPrintBasket.jsp?spot_id="+_id+"&rand="+createRandom(),true);
  xmlHttp.send(null);  
  }
  
  
  function merchant_onTram(district_id)
  {
  	document.getElementById("merchant_tram_"+district_id).src=document.getElementById("merchant_tram_"+district_id).src.replace("_off","_on");
  }
  
  
  
  function pageination (_currentpage,_totalpage,_totalcell,_coloring, pre_img, next_img)
{
	var fromcell=0;
	var tocell=0;
	var pageinationhtml="";
	var prepage=0;
	var nextpage=0;		
	var coloring="";
	coloring=_coloring;
	
	if (_currentpage==1||_currentpage==0)
		fromcell=0;
	else
		fromcell=((_currentpage-1)*5)
	
		
	tocell=fromcell+4;
	if (tocell>_totalcell-1)
		tocell=_totalcell-1;
	
	if (_currentpage>1)
		prepage=_currentpage-1;
	if (_currentpage+1<=_totalpage)
		nextpage=_currentpage+1;
		
	pageinationhtml+="<table cellspacing='0' cellpadding='0' border='0' class='paginfont' style='color:"+ _coloring +"'>";
		pageinationhtml+="<tr>";
			
			if (_currentpage>1)
				pageinationhtml+="<td style='padding-right:8px;cursor:pointer' onclick='pageination("+(_currentpage-1)+","+_totalpage+","+_totalcell+",&#34;"+coloring+"&#34;,&#34;"+pre_img+"&#34;,&#34;"+next_img+"&#34;)'><img src='"+pre_img+"' border='0' onmouseover='changeImgOn(this)' onmouseout='changeImgOff(this)'><img src='images/spacer.gif' width='8' height='1'/></td>";
			
			pageinationhtml+="<td style='color:#9E9E9E'>Page:</td>";
			if (_currentpage==1)
			{
				pageinationhtml+="<td style='padding-left:8px;'><b>"+(_currentpage)+"</b></td>";				
				if ((_currentpage+1)<=_totalpage)
				{
					pageinationhtml+="<td style='padding-left:8px;cursor:pointer' onclick='pageination("+(_currentpage+1)+","+_totalpage+","+_totalcell+",&#34;"+coloring+"&#34;,&#34;"+pre_img+"&#34;,&#34;"+next_img+"&#34;)'>"+(_currentpage+1)+"</td>";				
				}
				if ((_currentpage+2)<=_totalpage)
				{
					pageinationhtml+="<td style='padding-left:8px;cursor:pointer' onclick='pageination("+(_currentpage+2)+","+_totalpage+","+_totalcell+",&#34;"+coloring+"&#34;,&#34;"+pre_img+"&#34;,&#34;"+next_img+"&#34;)'>"+(_currentpage+2)+"</td>";				
				}
			}
			if (_currentpage==_totalpage && _currentpage!=1)
			{
				if ((_currentpage-2)>0)
					pageinationhtml+="<td style='padding-left:8px;cursor:pointer' onclick='pageination("+(_currentpage-2)+","+_totalpage+","+_totalcell+",&#34;"+coloring+"&#34;,&#34;"+pre_img+"&#34;,&#34;"+next_img+"&#34;)'>"+(_currentpage-2)+"</td>";				
				if ((_currentpage-1)>0)
					pageinationhtml+="<td style='padding-left:8px;cursor:pointer' onclick='pageination("+(_currentpage-1)+","+_totalpage+","+_totalcell+",&#34;"+coloring+"&#34;,&#34;"+pre_img+"&#34;,&#34;"+next_img+"&#34;)'>"+(_currentpage-1)+"</td>";				
				
				pageinationhtml+="<td style='padding-left:8px;'><b>"+(_currentpage)+"</b></td>";				
			}
			if (_currentpage>1 && _currentpage<_totalpage)
			{
				if ((_currentpage-1)>0)
					pageinationhtml+="<td style='padding-left:8px;cursor:pointer' onclick='pageination("+(_currentpage-1)+","+_totalpage+","+_totalcell+",&#34;"+coloring+"&#34;,&#34;"+pre_img+"&#34;,&#34;"+next_img+"&#34;)'>"+(_currentpage-1)+"</td>";				
				pageinationhtml+="<td style='padding-left:8px;'><b>"+(_currentpage)+"</b></td>";				
				if ((_currentpage+1)>0)
					pageinationhtml+="<td style='padding-left:8px;cursor:pointer' onclick='pageination("+(_currentpage+1)+","+_totalpage+","+_totalcell+",&#34;"+coloring+"&#34;,&#34;"+pre_img+"&#34;,&#34;"+next_img+"&#34;)'>"+(_currentpage+1)+"</td>";				
			}
			
			if (_currentpage+1<=_totalpage)
				pageinationhtml+="<td style='padding-left:8px;cursor:pointer' onclick='pageination("+(_currentpage+1)+","+_totalpage+","+_totalcell+",&#34;"+coloring+"&#34;,&#34;"+pre_img+"&#34;,&#34;"+next_img+"&#34;)'><img src='images/spacer.gif' width='8' height='1'/><img src='"+next_img+"' border='0' onmouseover='changeImgOn(this)' onmouseout='changeImgOff(this)'></td>";

		pageinationhtml+="</tr>";
	pageinationhtml+="</table>";
	document.getElementById("pageination").innerHTML=pageinationhtml;		
	document.getElementById("pageination2").innerHTML=pageinationhtml;		
	hideAllCell(_totalcell);
	showCell(fromcell,tocell);	
	document.location.href="#pageination";
}

function hideAllCell(_totalcell)
{
	for(var i=0;i<_totalcell;i++)
	{	
		document.getElementById("merchant_item_"+i).style.display="none";			
	}
}

function showCell(_fromCell,_toCell)
{	
	for(var i=_fromCell;i<=_toCell;i++)
	{
		document.getElementById("merchant_item_"+i).style.display="inline";							
	}
}

function timeLineAlloff()
{
	var left_img = new Array();
	left_img[0] = "1900_off.jpg";
	left_img[1] = "1910_off.jpg";
	left_img[2] = "1920_off.jpg";
	left_img[3] = "1930_off.jpg";
	left_img[4] = "1940_off.jpg";
	left_img[5] = "1950_off.jpg";
	left_img[6] = "1960_off.jpg";
	left_img[7] = "1970_off.jpg";
	left_img[8] = "1980_off.jpg";
	left_img[9] = "1990_off.jpg";
	left_img[10] = "2000_off.jpg";
	left_img[11] = "2010_off.jpg";
	
	document.getElementById("1_img_1").src=document.getElementById("1_img_1").src.replace("_on","_off");		
	
	for (var i=1;i<=11;i++)
	{
		document.getElementById("img_"+i).src=document.getElementById("img_"+i).src.replace("_on","_off");		
		document.getElementById("img_"+i+"_1").src="images/about/timeline/"+left_img[i];
	}
	
	for (var i=1900;i<=2010;i+=10)
	{
		document.getElementById("div_"+i).style.display="none";
	}
	
}

function tramTimeLineOn(_img_no,img_name, img_pre_name)
{
	timeLineAlloff();
	
	document.getElementById("img_"+_img_no).src=document.getElementById("img_"+_img_no).src.replace("_off","_on");
	if (_img_no==1)
	{
		document.getElementById("1_img_"+_img_no).src="images/about/timeline/"+img_pre_name+"_on.jpg";		
		document.getElementById("img_"+_img_no+"_1").src="images/about/timeline/"+img_name+"_on_L.jpg";
	}
	else
	{
		document.getElementById("img_"+(_img_no-1)+"_1").src="images/about/timeline/"+img_pre_name+"_on_R.jpg";		
		if (_img_no==11)
		{		
			document.getElementById("img_"+_img_no+"_1").src="images/about/timeline/"+img_name+"_on.jpg";
		}
		else
		{
			document.getElementById("img_"+_img_no+"_1").src="images/about/timeline/"+img_name+"_on_L.jpg";
		}
	}
	
	document.getElementById("marked_line").src="images/about/timeline/"+img_pre_name+"_mark.gif";
	document.getElementById("div_"+img_pre_name).style.display="inline";	
	
}


var mov_tram = null; // object
var currentPos=0;
var toRight=0;
var godestination=0;

function setDestionation(input)
{
	godestination=input;
	doMove();
}

function doMove() 
{	
  if (currentPos<godestination)
  {
  	moveRight();
  }
  else if (currentPos>godestination)
  {
  	moveLeft();
  }  
}

function moveRight()
{
	mov_tram.style.left = parseInt(mov_tram.style.left)+4+'px';
	currentPos=parseInt(mov_tram.style.left);
	setTimeout(doMove,1);
}

function moveLeft()
{
	mov_tram.style.left = parseInt(mov_tram.style.left)-4+'px';
	currentPos=parseInt(mov_tram.style.left);
	setTimeout(doMove,1);
}


function init() {
  mov_tram = document.getElementById('mov_tramObject'); // get the "mov_tram" object
  mov_tram.style.left = '24px'; // set its initial position to 0px
  
}

function showlisting(_id, imgObj , district_name)
{
	if (document.getElementById("div_"+_id).style.display=="inline")
		{
			imgObj.src="images/listing/0"+_id+"_"+district_name+"_bt_expand.jpg";
			document.getElementById("div_"+_id).style.display="none";			
		}
	else
		{
			imgObj.src="images/listing/0"+_id+"_"+district_name+"_bt_close.jpg";
			document.getElementById("div_"+_id).style.display="inline";			
		}
}

function turnOffAdd(_id)	
{
	if (_id!=0)
	{
		var outputHtml="";		
		if (document.getElementById("add_img_"+_id)!=null)
			{
				outputHtml=document.getElementById("add_img_"+_id).innerHTML;
				outputHtml=outputHtml.replace("_add.jpg","_add_grey.jpg");
				document.getElementById("add_img_"+_id).innerHTML=outputHtml;				
			}
	}
}

function checkimg_add(imgObj)
{
	if (imgObj.src.indexOf("add_grey.jpg")>0)
	{
		imgObj.style.cursor='default';
	}
	else
	{
		imgObj.style.cursor='pointer';
	}
}

function checkimg_add_click(imgObj,_id)
{
	if (imgObj.src.indexOf("add_grey.jpg")>0)
	{
		imgObj.style.cursor='default';
	}
	else
	{
		imgObj.style.cursor='pointer';
		ajaxSetPrint(_id);
		turnOffAdd(_id);
	}
}

var current_tab=1;

function timeline(_id)
{
	if (_id==1)
	{
		document.getElementById("tab_img_2").src=document.getElementById("tab_img_2").src.replace("_on","_off");		
		document.getElementById("tab_2").style.display="none";
		document.getElementById("tab_1").style.display="inline";			
		current_tab=1;		
	}
	else
	{
		document.getElementById("tab_img_1").src=document.getElementById("tab_img_1").src.replace("_on","_off");		
		document.getElementById("tab_1").style.display="none";
		document.getElementById("tab_2").style.display="inline";			
		current_tab=2;		
	}
	
}

function changeTabtimeline(_id,_name)
{
	if (_id!=current_tab)
	_name.src=_name.src.replace("_on","_off");
}


function changeLang(atLang,lang)
{
	var pageurl=location.href;
	var outputString="";
	var sclink="";
	var tclink="";
	var enlink="";
	
	if (atLang=="eng")
		{
			if (lang=="sc")
				pageurl=pageurl.replace("/eng/","/sc/");
			else
				pageurl=pageurl.replace("/eng/","/tc/");
		}
	if (atLang=="tc")
		{
			if (lang=="eng")
				pageurl=pageurl.replace("/tc/","/eng/");
			else
				pageurl=pageurl.replace("/tc/","/sc/");
		}
	if (atLang=="sc")
		{
			if (lang=="eng")
				pageurl=pageurl.replace("/sc/","/eng/");
			else
				pageurl=pageurl.replace("/sc/","/tc/");
		}
	
	window.location.href=pageurl;
}


function newTimeline(_year)
{
	for(var i=1900;i<=2000;i+=10)
	{
		if (i!=_year)
			{
				document.getElementById("img_"+i).src=document.getElementById("img_"+i).src.replace("_on","_off");
				document.getElementById("div_"+i).style.display="none";				
			}
		else
			{
				document.getElementById("img_"+i).src=document.getElementById("img_"+i).src.replace("_off","_on");
				document.getElementById("div_"+i).style.display="inline";				
				document.getElementById("marked_line").src="images/about/timeline/"+_year+"_mark.gif";
			}
	}
}