// Global variables & functions
var currPage;
var currImg_m = 0;	// keep current image m-index, Digital=0, Print=1, Brand=2
var currImg_n = 1;	// keep current image n-index, 1,2,3,4...
var toonImg=null;
var isIE=-1;		// is IE browser(1) or not(0)
var isMAC=0;		// is MAC(1) or PC(0)
var isSAFARI=0;		// is MAC OS X Safari(1) or not (0)
var isVER=0;		// which version of browser is
var lang=""			// default is English, "_tw" is Traditional Chinese version
var currURL = "";
var maxDigitalImg =11;
var maxPrintImg =21;
var maxBrandImg =8;

function checkBrowserType()
{
	if(window.navigator.appName == "Microsoft Internet Explorer")
	{	isIE = 1;
		isVER = parseFloat(window.navigator.appVersion.substring(window.navigator.appVersion.indexOf("MSIE") + 5, 
				window.navigator.appVersion.indexOf("MSIE") + 8));
	}
	else
	{	isIE = 0;		}
	var tmpVer = window.navigator.appVersion.toUpperCase();
	if ((tmpVer.indexOf("MAC")!=-1) || (tmpVer.indexOf("POWERPC")!=-1))
	{	isMAC = 1;
		if (tmpVer.indexOf("SAFARI")!=-1)	
		{	isSAFARI = 1;	}
		else
		{	isSAFARI = 0;	}
	}
	else
	{	isMAC = 0;		}
}

// Function for top navigation bar
function loadNavigation()
{	var a,b;
	if (!document.navtab)
	{		
		document.navtab = new Array();
		a = new Array();
		b = new Array();
		document.navtab[0] = a;
		document.navtab[1] = b;
	}
	a[0]= new Image; a[0].src = "images/nav/mission0" +lang+ ".gif";
	a[1]= new Image; a[1].src = "images/nav/services0" +lang+ ".gif";
	a[2]= new Image; a[2].src = "images/nav/portfolio0" +lang+ ".gif";
	a[3]= new Image; a[3].src = "images/nav/aboutus0" +lang+ ".gif";
	a[4]= new Image; a[4].src = "images/nav/contactus0" +lang+ ".gif";
	b[0]= new Image; b[0].src = "images/nav/mission1" +lang+ ".gif";
	b[1]= new Image; b[1].src = "images/nav/services1" +lang+ ".gif";
	b[2]= new Image; b[2].src = "images/nav/portfolio1" +lang+ ".gif";
	b[3]= new Image; b[3].src = "images/nav/aboutus1" +lang+ ".gif";
	b[4]= new Image; b[4].src = "images/nav/contactus1" +lang+ ".gif";
	
	if (isIE <0)	checkBrowserType();
}

function onFocus(obj,i,j)
{
	if (document.navtab[i][j].src.indexOf(currPage) == -1)
	{	obj.src=document.navtab[i][j].src;	}
}  

// Preload images for portfolio page 
function preloadImg()
{		
	if(document.images)	
	{ 
		var x, y, z
		if(!document.portfolio) 
		{
			document.portfolio=new Array();
			x = new Array();
			document.portfolio[0] = x;
			y = new Array();
			document.portfolio[1] = y;
			z = new Array();
			document.portfolio[2] = z;
		}
		//digital images; maxDigitalImg = 10;
		x[1]= new Image; x[1].src = "images/anitachen.jpg";
showIndicator("dot01");	
		x[2]= new Image; x[2].src = "images/awakenwithin.jpg";
showIndicator("dot02");	
		x[3]= new Image; x[3].src = "images/bodymassage.jpg";
showIndicator("dot03");			
		x[4]= new Image; x[4].src = "images/hi5english.jpg";
showIndicator("dot04");	
		x[5]= new Image; x[5].src = "images/w3.jpg";
showIndicator("dot05");		
		x[6]= new Image; x[6].src = "images/w4.jpg";
showIndicator("dot06");	
		x[7]= new Image; x[7].src = "images/michael_hsing.jpg";
showIndicator("dot07");		
		x[8]= new Image; x[8].src = "images/6channel6.jpg";
showIndicator("dot08");
		x[9]= new Image; x[9].src = "images/w5.jpg";
showIndicator("dot09");		
		x[10]= new Image; x[10].src = "images/w6.jpg";
showIndicator("dot010");
		x[11]= new Image; x[11].src = "images/w7.jpg";
showIndicator("dot011");		
		
		//print images; maxPrintImg=21		
		y[1]= new Image; y[1].src = "images/absolute1.jpg";
showIndicator("dot11");	
		y[2]= new Image; y[2].src = "images/absolute2.jpg";
showIndicator("dot12");	
		y[3]= new Image; y[3].src = "images/absolute3.jpg";
showIndicator("dot13");		
		y[4]= new Image; y[4].src = "images/p3.jpg";
showIndicator("dot14");	
		y[5]= new Image; y[5].src = "images/p1.jpg";
showIndicator("dot15");	
		y[6]= new Image; y[6].src = "images/p2.jpg";
showIndicator("dot16");			
		y[7]= new Image; y[7].src = "images/blia1.jpg";
showIndicator("dot17");			
		y[8]= new Image; y[8].src = "images/p11.jpg";
showIndicator("dot18");	
		y[9]= new Image; y[9].src = "images/p12.jpg";
showIndicator("dot19");	
		y[10]= new Image; y[10].src = "images/anitaposter.jpg";
showIndicator("dot110");	
		y[11]= new Image; y[11].src = "images/6channel6card1.jpg";
showIndicator("dot111");	
		y[12]= new Image; y[12].src = "images/6channel6card2.jpg";
showIndicator("dot112");	
		y[13]= new Image; y[13].src = "images/p14.jpg";
showIndicator("dot113");	
		y[14]= new Image; y[14].src = "images/p13.jpg";	
showIndicator("dot114");	
		y[15]= new Image; y[15].src = "images/poster1.jpg";	
showIndicator("dot115");	
		y[16]= new Image; y[16].src = "images/poster2.jpg";	
showIndicator("dot116");	
		y[17]= new Image; y[17].src = "images/p4.jpg";
showIndicator("dot117");	
		y[18]= new Image; y[18].src = "images/rooster_card.jpg";
showIndicator("dot118");
		y[19]= new Image; y[19].src = "images/p5.jpg";
showIndicator("dot119");	
		y[20]= new Image; y[20].src = "images/p7.jpg";
showIndicator("dot120");	
		y[21]= new Image; y[21].src = "images/p8.jpg";
showIndicator("dot121");	

		//brand images; maxBrandImg=8	
		z[1]= new Image; z[1].src = "images/6channel6_logo.jpg";
showIndicator("dot21");	
		z[2]= new Image; z[2].src = "images/awaken_within.jpg";
showIndicator("dot22");	
		z[3]= new Image; z[3].src = "images/hsing_logo.jpg";
showIndicator("dot23");			
		z[4]= new Image; z[4].src = "images/njblyco_logo.jpg";
showIndicator("dot24");			
		z[5]= new Image; z[5].src = "images/logo2.jpg";
showIndicator("dot25");			
		z[6]= new Image; z[6].src = "images/willrise_logo.jpg";
showIndicator("dot26");	
		z[7]= new Image; z[7].src = "images/highfiveeng_logo.jpg";
showIndicator("dot27");	
		z[8]= new Image; z[8].src = "images/logo1.jpg";
showIndicator("dot28");	

//showIndicator("dot098");
//showIndicator("dot099");
//showIndicator("dot198");
//showIndicator("dot199");
	}
}
// Display images for portfolio page 
//	m: 0 if digital, 1 if print, 2 if brand
//	n: index of x or y or z
function doShowImg(m,n)
{	var urlname = "";
	var currdesc = "";		
	if(document.portfolio)
	{	document.getElementById("portImg").src =  document.portfolio[m][n].src;
		currURL = "";
		// Show digital
		if ((m==0) && (n==1))
		{	currURL = "http://www.anita-chen.com";
			urlname = "www.anita-chen.com";	}
		if ((m==0) && (n==2))
		{	currURL = "http://www.awakenwithinpath.com";
			urlname = "www.AwakenWithinPath.com";	}
		if ((m==0) && (n==3))
		{	currURL = "http://www.bodymassagepro.com";
			urlname = "www.bodymassagepro.com";	}
		if ((m==0) && (n==4))
		{	currURL = "http://www.hi5english.com";
			urlname = "www.hi5english.com";	}
		if ((m==0) && (n==5))
		{	currURL = "http://www.willrisebio.com";
			urlname = "www.willrisebio.com";	}
		if ((m==0) && (n==6))
		{	currURL = "http://www.ibps.org/newjersey/";
			urlname = "www.ibps.org/newjersey/";
			currdesc = "The Design Firms Web Award Winner, 2005";	}
		if ((m==0) && (n==7))
		{	currURL = "http://www.benbev.com/clients/hsingforcongress/";
			urlname = "www.hsingforcongress.com";	}	
		if ((m==0) && (n==8))
		{	currURL = "http://www.6channel6.com";
			urlname = "www.6channel6.com";		}
		if ((m==0) && (n==9))
		{	currURL = "flash.asp?file=movie2004&w=270";
			urlname = "Click here to launch flash movie";		}
		if ((m==0) && (n==10))
		{	currURL = "flash.asp?file=movie2005&w=270";
			urlname = "Click here to launch flash movie";		}
		if ((m==0) && (n==11))
		{	currURL = "flash.asp?file=splash2006";
			urlname = "Click here to launch flash movie";		}

		// show Print
		if ((m==1) && (n==4))
		{	currdesc = "The American Graphic Design Award winner, 2008";		}		
		// show Brand
		if ((m==2) && (n==1))
		{	currdesc = "The American Graphic Design Award winner, 2008";		}
		if ((m==2) && (n==2))
		{	currdesc = "The American Inhouse Design Award winner, 2008";		}

		if (currURL!="")
		{	document.getElementById("pgurl").innerHTML = "<a href='" +currURL+ "' target='_blank' title='Click to open the site'>" +urlname+ "</a>";	}
		else
		{	//remove description for digital 
			document.getElementById("pgurl").innerHTML = "<BR>";	}
	
		if (currdesc!="")
		{	document.getElementById("pgdesc"+m).style.display="block";
			document.getElementById("pgdesc"+m).innerHTML = currdesc;	}
		else
		{	//remove description for print, brand
			if ((m==1)||(m==2))
			{	document.getElementById("pgdesc"+m).innerHTML = "<BR>";	}
			//remove description for digital
			if (m==0)
			{	document.getElementById("pgdesc"+m).innerHTML = "";
				document.getElementById("pgdesc"+m).style.display="none";	}
		}
	}
	doSwapImg2 (currImg_m,m,currImg_n,n);
	currImg_m = m;
	currImg_n = n;
	//document.getElementById("cImg"+m).innerHTML = n;	display index number on page
	return false;
}
//function doShowImg2(m,n)
//{
//	if ((n==98) && (currImg_n>1))
//	{	doShowImg(m,currImg_n-1);	}
//	if ((n==99) && (((m==0)&&(currImg_n < maxDigitalImg))||((m==1)&&(currImg_n < maxPrintImg))) )
//	{	doShowImg(m,currImg_n+1);	}	
//	return false;
//}
// Method to swap dot image
//	
function doSwapImg2(oldi,newi,oldj,newj)
{	//alert(oldi+","+oldj+" -> "+newi+","+newj);
	document.getElementById("dot"+oldi+oldj).className = "dot";
	document.getElementById("dot"+newi+newj).className = "doton";
	return false;
}
//
// Method used by <</>> or Prev/Next feature
//
function doSwapImg(m,dir)
{	var n = parseInt(currImg_n);
	if (dir=="B")
	{	if (n > 1)
		{	n -= 1;	}
	}
	else	// dir=F
	{	
		if (m == "0")
		{	if (n < maxDigitalImg)
			{	n += 1;	}
		}
		else
		{	if (n < maxPrintImg)
			{	n += 1;	}
		}
	}	
	doShowImg(m,n);		
	return false;
}
function openWindow()
{
	if (currURL!="")
	{	window.open(currURL,"_blank");	}
}
//Function for aboutus page
function showBio(p)
{	//to swap and show founder bio text
	if (p==1)
	{	//Beverly Bio
		document.getElementById("_bevBioDiv").style.display = "";
		document.getElementById("_benBioDiv").style.display = "none";
	}
	if (p==2)
	{	//Ben Bio
		document.getElementById("_bevBioDiv").style.display = "none";
		document.getElementById("_benBioDiv").style.display = "";
	}
	if (p==0)
	{	//turn off
		document.getElementById("_bevBioDiv").style.display = "none";
		document.getElementById("_benBioDiv").style.display = "none";
	}	
	return false;
}
// Function to show Portfolio images
function showPort(m)
{	if (m==0)
	{	document.getElementById('digitalImg').style.display="block";	}
	else
	{	document.getElementById('digitalImg').style.display="none";	}
	
	if (m==1)
	{	document.getElementById('printImg').style.display="block";	}
	else
	{	document.getElementById('printImg').style.display="none";	}
	
	if (m==2)
	{	document.getElementById('brandImg').style.display="block";	}
	else
	{	document.getElementById('brandImg').style.display="none";	}

	if (m==3)
	{	document.getElementById("bodyRight").style.display="none";			
		document.getElementById('awardImg').style.display="block";	}
	else
	{	document.getElementById("bodyRight").style.display="block";
		document.getElementById('awardImg').style.display="none";	}
}	
// show Award
function showAward(p)
{	if (p==3)
	{	document.getElementById("bodyRight").style.display="none";			
		document.getElementById("awardImg").style.display="block";	
		return false;	
	}
}
// Creating item dots
function drawIndicator(n,m)
{	document.write ("&nbsp;&#187;&nbsp; ")
	for (var i=n,j=1; j<=m; j++)
	{	
		if (j==1)
		{	document.write ("<a href='#' onClick='return doShowImg(" +i+ "," +j+ "); alert("+i+"-"+j+")' class='doton' id='dot" +i+j+ "' style='display:none;text-decoration: none;' title='Click to view next'>&nbsp;&nbsp;&nbsp;</a>");	}
		else
		{	document.write ("<a href='#' onClick='return doShowImg(" +i+ "," +j+ "); alert("+i+"-"+j+")' class='dot' id='dot" +i+j+ "' style='display:none;text-decoration: none;' title='Click to view next'>&nbsp;&nbsp;&nbsp;</a>");	}			
	}	
}
// Display dots when image loaded
function showIndicator(id) 
{ 
	document.getElementById(id).style.display = "";	
}
// Move back to 1st dot, whenever it is current.
function doReset(n)
{	var max;
	if (n=='0')
	{	max = maxDigitalImg;	}
	if (n=='1')
	{	max = maxPrintImg;	}
	if (n=='2')
	{	max = maxBrandImg;	}
	for (var j=1; j<=max; j++)
	{	document.getElementById("dot"+n+j).className = "dot";	}
}