//function moveCrayon(){
//	if(navigator.userAgent.indexOf('Safari')>0){
//		document.getElementById("navCrayon").style.top="9px": 
//	}
//}
var isPortfolio = false;
function setMargin(){
	mainWin = document.getElementById('wrapper');
	rightWin = document.getElementById('rightColumn');
	if(navigator.appName.indexOf('icrosoft')>-1){
		winHeight = document.body.clientHeight;
	}else{
		winHeight = window.innerHeight;
	}
	marginTop = parseInt((winHeight-625)/2);
	if (marginTop>10){
		mainWin.style.margin=marginTop+"px auto 0 auto";
		if(navigator.appName.indexOf('icrosoft')>-1){
			rightWin.style.top = marginTop+20+"px";
		}
	}else{
		mainWin.style.margin="10px auto 0 auto";
	}
	
}
function swapUp(gID,root,dir){
	document.getElementById(gID).src=dir+root+"_up.gif";
}

function swapOver(gID,root,dir){
	document.getElementById(gID).src=dir+root+"_over.gif";
}
function animateLogo(){
		t=0;
		//document.getElementById('loading').style.display="none";
		
		setTimeout("fadeBG(100)",t+=70);
		setTimeout("fadeBG(90)",t+=70);
		setTimeout("fadeBG(80)",t+=70);
		setTimeout("fadeBG(70)",t+=70);
		setTimeout("fadeBG(60)",t+=70);
		setTimeout("fadeBG(50)",t+=70);
		setTimeout("fadeBG(40)",t+=70);
		setTimeout("fadeBG(30)",t+=70);
		setTimeout("fadeBG(20)",t+=70);
		setTimeout("fadeBG(10)",t+=70);
		setTimeout("fadeBG(0)",t+=70);
		setTimeout("fadeBG(100)",t);
		
		setTimeout("fadeLogo(10,140,66,340,310)",t+=500);
		setTimeout("fadeLogo(20,140,66,340,310)",t+=100);
		setTimeout("fadeLogo(30,140,66,340,310)",t+=100);
		setTimeout("fadeLogo(40,140,66,340,310)",t+=100);
		setTimeout("fadeLogo(50,140,66,340,310)",t+=100);
		setTimeout("fadeLogo(60,140,66,340,310)",t+=100);
		setTimeout("fadeLogo(70,140,66,340,310)",t+=100);
		setTimeout("fadeLogo(80,140,66,340,310)",t+=100);
		setTimeout("fadeLogo(90,140,66,340,310)",t+=100);
		setTimeout("fadeLogo(100,140,66,340,310)",t+=100);
		
		setTimeout("fadeLogo(100,150,38,320,292)",t+=70);
		setTimeout("fadeLogo(100,155,8,300,266)",t+=70);
		setTimeout("fadeLogo(100,155,-20,280,243)",t+=70);
		setTimeout("fadeLogo(100,155,-48,260,223)",t+=70);
		setTimeout("fadeLogo(100,158,-76,240,206)",t+=70);
		setTimeout("fadeLogo(100,161,-104,220,184)",t+=70);
		setTimeout("fadeLogo(100,164,-132,200,166)",t+=70);
		setTimeout("fadeLogo(100,167,-160,180,148)",t+=70);
		setTimeout("fadeLogo(100,170,-188,163,140)",t+=70);
		setTimeout("fadeLogo(50,173,-195,146,133)",t+=70);
		if(navigator.appName.indexOf('icrosoft')>-1){
			setTimeout("fadeLogo(0,173,-195,146,133)",t+=140);
			setTimeout("enableSmallLogo()",t-=70);
		}else{
			setTimeout("enableSmallLogo()",t+=70);
		}
		
		
		setTimeout("fadeDivider(0)",t+=50);
		//setTimeout("fadeDivider(10)",t+=50);
		setTimeout("fadeDivider(20)",t+=50);
		//setTimeout("fadeDivider(30)",t+=50);
		setTimeout("fadeDivider(40)",t+=50);
		//setTimeout("fadeDivider(50)",t+=50);
		setTimeout("fadeDivider(60)",t+=50);
		//setTimeout("fadeDivider(70)",t+=50);
		setTimeout("fadeDivider(80)",t+=50);
		//setTimeout("fadeDivider(90)",t+=50);
		setTimeout("fadeDivider(100)",t+=50);
				
		setTimeout("fadeNav1(25)",t+=500);
		setTimeout("fadeNav1(50)",t+=70);
		setTimeout("fadeNav1(75)",t+=70);
		setTimeout("fadeNav1(100)",t+=70);
		
		setTimeout("fadeNav2(25)",t+=70);
		setTimeout("fadeNav2(50)",t+=70);
		setTimeout("fadeNav2(75)",t+=70);
		setTimeout("fadeNav2(100)",t+=70);
		
		setTimeout("fadeNav3(25)",t+=70);
		setTimeout("fadeNav3(50)",t+=70);
		setTimeout("fadeNav3(75)",t+=70);
		setTimeout("fadeNav3(100)",t+=70);
		
		setTimeout("fadeNav4(25)",t+=70);
		setTimeout("fadeNav4(50)",t+=70);
		setTimeout("fadeNav4(75)",t+=70);
		setTimeout("fadeNav4(100)",t+=70);
		
		setTimeout("fadeNav5(25)",t+=70);
			setTimeout("fadeNav6(25)",t);		
		setTimeout("fadeNav5(50)",t+=70);
			setTimeout("fadeNav6(50)",t);
		setTimeout("fadeNav5(75)",t+=70);
			setTimeout("fadeNav6(75)",t);
		setTimeout("fadeNav5(100)",t+=70);
			setTimeout("fadeNav6(100)",t);
		
		setTimeout("fadeText(0)",t+=250);
		setTimeout("fadeText(10)",t+=70);
		setTimeout("fadeText(20)",t+=70);
		setTimeout("fadeText(30)",t+=70);
		setTimeout("fadeText(40)",t+=70);
		setTimeout("fadeText(50)",t+=70);
		setTimeout("fadeText(60)",t+=70);
		setTimeout("fadeText(70)",t+=70);
		setTimeout("fadeText(80)",t+=70);
		setTimeout("fadeText(90)",t+=70);
		setTimeout("fadeText(100)",t+=70);
		
		setTimeout("fadeTag(0)",t+=1750);
		setTimeout("fadeTag(10)",t+=70);
		setTimeout("fadeTag(20)",t+=70);
		setTimeout("fadeTag(30)",t+=70);
		setTimeout("fadeTag(40)",t+=70);
		setTimeout("fadeTag(50)",t+=70);
		setTimeout("fadeTag(60)",t+=70);
		setTimeout("fadeTag(70)",t+=70);
		setTimeout("fadeTag(80)",t+=70);
		setTimeout("fadeTag(90)",t+=70);
		setTimeout("fadeTag(100)",t+=70);
		
		setTimeout("loadImages()",t);
		//alert(t);	
	}
	function loadImages(){
		document.getElementById("preloader").src="preload.php?type=0";
	}
	function fadeLogo(alpha,topMargin,leftMargin,width,height){
		if(document.getElementById('main_logo_large') && document.getElementById('main_logo_large').style){
			document.getElementById('main_logo_large').style.opacity=(alpha/100);
			document.getElementById('main_logo_large').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('main_logo_large').style.margin=topMargin+"px 0 0 "+leftMargin+"px";
			document.getElementById('main_logo_large').style.height=height+"px";
			document.getElementById('main_logo_large').style.width=width+"px";
			document.getElementById('main_logo_large').style.visibility="visible";
		}
	}
	function fadeText(alpha){
		if(document.getElementById('introBox') && document.getElementById('introBox').style){
			document.getElementById('introBox').style.opacity=(alpha/100);
			document.getElementById('introBox').style.filter="alpha(opacity="+alpha+")";		
			document.getElementById('introBox').style.visibility="visible";
		}
	}
	function fadeDivider(alpha){
		//document.getElementById('rightColumn').style.visibility="visible";
		var xAtt = " 432px";
		var yAtt = " 0px";
		if(navigator.appName.indexOf('icrosoft')>-1){
			yAtt = " 40px";
		}
		if(document.getElementById('leftColumn') && document.getElementById('leftColumn').style){
			if(alpha<100){
				document.getElementById('leftColumn').style.background="url(images/divider_"+alpha+".gif) no-repeat"+xAtt+yAtt;
			}else{
				document.getElementById('leftColumn').style.background="url(images/divider.gif) no-repeat"+xAtt+yAtt;
			}
		}
	}
	function fadeNav1(alpha){
		if(document.getElementById('philosophy_link') && document.getElementById('philosophy_link').style){
			document.getElementById('philosophy_link').style.opacity=(alpha/100);
			document.getElementById('philosophy_link').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('philosophy_link').style.visibility="visible";
		}
	}
	function fadeNav2(alpha){
		if(document.getElementById('process_link') && document.getElementById('process_link').style){
			document.getElementById('process_link').style.opacity=(alpha/100);
			document.getElementById('process_link').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('process_link').style.visibility="visible";
		}
	}
	function fadeNav3(alpha){
		if(document.getElementById('portfolio_link') && document.getElementById('portfolio_link').style){
			document.getElementById('portfolio_link').style.opacity=(alpha/100);
			document.getElementById('portfolio_link').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('portfolio_link').style.visibility="visible";
		}
	}
	function fadeNav4(alpha){
		if(document.getElementById('profile_link') && document.getElementById('profile_link').style){
			document.getElementById('profile_link').style.opacity=(alpha/100);
			document.getElementById('profile_link').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('profile_link').style.visibility="visible";
		}
	}
	function fadeNav5(alpha){
		if(document.getElementById('sep_bar') && document.getElementById('sep_bar').style){
			document.getElementById('sep_bar').style.opacity=(alpha/100);
			document.getElementById('sep_bar').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('sep_bar').style.visibility="visible";
		}
	}
	function fadeNav6(alpha){
		if(document.getElementById('blog_link') && document.getElementById('blog_link').style){
			document.getElementById('blog_link').style.opacity=(alpha/100);
			document.getElementById('blog_link').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('blog_link').style.visibility="visible";
		}
	}
	
	function fadeBG(alpha){
		if(document.getElementById('content') && document.getElementById('content').style){
			document.getElementById('content').style.opacity=(alpha/100);
			document.getElementById('content').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('content').style.visibility="visible";
			if(alpha==0){
				document.getElementById('content').style.background="none";
			}
		}
	}
	function fadeTag(alpha2){
		alpha=100-alpha2;
		if(document.getElementById('textBlocker') && document.getElementById('textBlocker').style){
			document.getElementById('textBlocker').style.opacity=(alpha/100);
			document.getElementById('textBlocker').style.filter="alpha(opacity="+alpha+")";
			document.getElementById('textBlocker').style.visibility="visible";
		}
	}
	function enableSmallLogo(){
		document.getElementById('main_logo_small').style.visibility="visible";
		}
	function displayMenu(id,height,hide){
	document.getElementById(id).style.display="block";
	document.getElementById(id).style.height=height+"px";
	if (hide==true&&height==0){
		document.getElementById(id).style.display="none";
	}
	}
function showSubMenu(){
	if (document.getElementById('subMenu1').style.display!="block"){
		t=0;
		delay=25;
		setTimeout("displayMenu('subMenu1',0)",t);
		setTimeout("displayMenu('subMenu1',8)",t+=delay);
		setTimeout("displayMenu('subMenu1',17)",t+=delay);
		setTimeout("displayMenu('subMenu1',26)",t+=delay);
		
		setTimeout("displayMenu('subMenu2',0)",t+=delay);
		setTimeout("displayMenu('subMenu2',8)",t+=delay);
		setTimeout("displayMenu('subMenu2',17)",t+=delay);
		setTimeout("displayMenu('subMenu2',26)",t+=delay);
		
		setTimeout("displayMenu('subMenu3',0)",t+=delay);
		setTimeout("displayMenu('subMenu3',8)",t+=delay);
		setTimeout("displayMenu('subMenu3',17)",t+=delay);
		setTimeout("displayMenu('subMenu3',26)",t+=delay);
		
		setTimeout("setFadeObject('rightColumn')",t+=delay);
		setTimeout("changeExample('/expose')",t+=delay);
	}
}
function hideSubMenu(targetPage){
	//if (document.getElementById('subMenu1').style.display!="none"){
	if (isPortfolio){
		t=0;
		delay=25;
		setTimeout("displayMenu('subMenu3',26)",t);
		setTimeout("displayMenu('subMenu3',17)",t+=delay);
		setTimeout("displayMenu('subMenu3',8)",t+=delay);
		setTimeout("displayMenu('subMenu3',0,true)",t+=delay);
		
		setTimeout("displayMenu('subMenu2',26",t+=delay);
		setTimeout("displayMenu('subMenu2',17)",t+=delay);
		setTimeout("displayMenu('subMenu2',8)",t+=delay);
		setTimeout("displayMenu('subMenu2',0,true)",t+=delay);
		
		setTimeout("displayMenu('subMenu1',26)",t+=delay);
		setTimeout("displayMenu('subMenu1',17)",t+=delay);
		setTimeout("displayMenu('subMenu1',8)",t+=delay);
		setTimeout("displayMenu('subMenu1',0,true)",t+=delay);
		
		setTimeout("changeExample('"+targetPage+"')",t+=delay);
	}else{
		changeExample(targetPage);
	}
}
/*
function animateLogo(){
	
	setTimeout("fadeLogo(100,140,66,340,310)",1000);
	setTimeout("fadeLogo(100,144,38,320,292)",1050);
	setTimeout("fadeLogo(100,148,8,300,256)",1100);
	setTimeout("fadeLogo(100,151,-20,280,238)",1150);
	setTimeout("fadeLogo(100,154,-48,260,220)",1200);
	setTimeout("fadeLogo(100,157,-76,240,202)",1250);
	setTimeout("fadeLogo(100,160,-104,220,184)",1300);
	setTimeout("fadeLogo(100,163,-132,200,166)",1350);
	setTimeout("fadeLogo(100,167,-160,180,148)",1400);
	setTimeout("fadeLogo(100,170,-188,163,140)",1450);
	setTimeout("fadeLogo(0,173,-195,146,133)",1500);
	setTimeout("enableSmallLogo()",1500);
	setTimeout("fadeText(0)",2000);
	setTimeout("fadeText(10)",2050);
	setTimeout("fadeText(20)",2100);
	setTimeout("fadeText(30)",2150);
	setTimeout("fadeText(40)",2200);
	setTimeout("fadeText(50)",2250);
	setTimeout("fadeText(60)",2300);
	setTimeout("fadeText(70)",2350);
	setTimeout("fadeText(80)",2400);
	setTimeout("fadeText(90)",2450);
	setTimeout("fadeText(100)",2500);
}*/
/*
function fadeLogo(alpha,topMargin,leftMargin,width,height){
	document.getElementById('main_logo_large').style.opacity=(alpha/100);
	document.getElementById('main_logo_large').style.filter="alpha(opacity="+alpha+")";
	document.getElementById('main_logo_large').style.margin=topMargin+"px 0 0 "+leftMargin+"px";
	document.getElementById('main_logo_large').style.height=height+"px";
	document.getElementById('main_logo_large').style.width=width+"px";
}
function fadeText(alpha){
	document.getElementById('introBox').style.opacity=(alpha/100);
	document.getElementById('introBox').style.filter="alpha(opacity="+alpha+")";
	document.getElementById('introBox').style.visibility="visible";
}
function enableSmallLogo(){
	document.getElementById('main_logo_small').style.visibility="visible";
	}
*/
function toggleTextBlockOff(id,id2){
	setFadeObject(id);
	setTimeout("fadeExample(100)",0);
	setTimeout("fadeExample(90)",50);
	setTimeout("fadeExample(80)",100);
	setTimeout("fadeExample(70)",150);
	setTimeout("fadeExample(60)",200);
	setTimeout("fadeExample(50)",250);
	setTimeout("fadeExample(40)",300);
	setTimeout("fadeExample(30)",350);
	setTimeout("fadeExample(20)",400);
	setTimeout("fadeExample(10)",450);
	setTimeout("fadeExample(0)",500);
	setTimeout("setFadeObject(id2)",550);
	setTimeout("fadeExample(0)",600);
	setTimeout("fadeExample(10)",650);
	setTimeout("fadeExample(20)",700);
	setTimeout("fadeExample(30)",750);
	setTimeout("fadeExample(40)",800);
	setTimeout("fadeExample(50)",850);
	setTimeout("fadeExample(60)",900);
	setTimeout("fadeExample(70)",950);
	setTimeout("fadeExample(80)",1000);
	setTimeout("fadeExample(90)",1050);
	setTimeout("fadeExample(100)",1100);
}
function toggleTextBlockOn(id){
	setFadeObject(id);
	showObject(id);
	setTimeout("fadeExample(0)",0);
	setTimeout("fadeExample(10)",50);
	setTimeout("fadeExample(20)",100);
	setTimeout("fadeExample(30)",150);
	setTimeout("fadeExample(40)",200);
	setTimeout("fadeExample(50)",250);
	setTimeout("fadeExample(60)",300);
	setTimeout("fadeExample(70)",350);
	setTimeout("fadeExample(80)",400);
	setTimeout("fadeExample(90)",450);
	setTimeout("fadeExample(100)",500);
}
function animateExample(){
	var tmod=0;
	var t=0;
	if(navigator.appName.indexOf('icrosoft')>-1){
		t=200;
	}
	setTimeout("fadeExample(0)",t+0);
	setTimeout("fadeExample(10)",t+50);
	setTimeout("fadeExample(20)",t+100);
	setTimeout("fadeExample(30)",t+150);
	setTimeout("fadeExample(40)",t+200);
	setTimeout("fadeExample(50)",t+250);
	setTimeout("fadeExample(60)",t+300);
	setTimeout("fadeExample(70)",t+350);
	setTimeout("fadeExample(80)",t+400);
	setTimeout("fadeExample(90)",t+450);
	setTimeout("fadeExample(100)",t+500);
}

function changeExample(index){
	var t=0;
	setTimeout("fadeExample(100)",t);
	setTimeout("fadeExample(90)",t+50);
	setTimeout("fadeExample(80)",t+100);
	setTimeout("fadeExample(70)",t+150);
	setTimeout("fadeExample(60)",t+200);
	setTimeout("fadeExample(50)",t+250);
	setTimeout("fadeExample(40)",t+300);
	setTimeout("fadeExample(30)",t+350);
	setTimeout("fadeExample(20)",t+400);
	setTimeout("fadeExample(10)",t+450);
	setTimeout("fadeExample(0)",t+500);
	if (fadeTarget=="example_img"){
		setTimeout("navigate("+index+")",t+550);
	}else{
		setTimeout("navigate('"+index+"')",t+550);
	}
	
}
function navigate(index){
	if(fadeTarget=="exampleBox"){
		document.location="?e="+index;
	}else{
		document.location=index;
	}
}
var fadeTarget = "";
function setFadeObject(value){
	fadeTarget=value;
}
function hideObject(value){
	document.getElementById(value).style.display="none";
}
function showObject(value){
	document.getElementById(value).style.display="block";
}
function fadeExample(alpha){
	//if (fadeTarget==""){fadeTarget="example_img";}
	//alert(alpha);
	document.getElementById(fadeTarget).style.opacity=(alpha/100);
	document.getElementById(fadeTarget).style.filter="alpha(opacity="+alpha+")";
	document.getElementById(fadeTarget).style.visibility="visible";
	//window.status=document.getElementById(fadeTarget).style.filter
	}

function setLoadBar(perc){
	//alert(perc);
	document.getElementById('loadBar').style.width=(perc*450)+"px";
	if (perc==1){
		document.getElementById('loadBarParent').style.display="none";
	}
}