// JavaScript Document

var x = 870; //Starting Location - left
	var w = 130;
	var dest_x = 700;  //Ending Location - left
	var dest_w = 260;
	var cx = 742; //Starting Location - left
	var cw = 258;
	var cdest_x = 870;  //Ending Location - left
	var cdest_w = 100;
	var interval = 5; //Move 10px every initialization
	var ph=20;
	var dest_ph=800;
	var ih=1;
	var dest_ih=500;
	var iw=1;
	var dest_iw=840;
	var navDone=0;
	var cntM=0;
	var cntL=1;
	var element=0;
	var ieCnt = 0;
	
function submitAll() {
	document.allComments.submit();
}
function submitID(id) {
		document.deleteComment.commentID.value=id;
}
function submitDel(){
	document.deleteComment.submit();
}
	


	
function submitColor() {
	document.colorMenu.submit();
}

	


function loading1(elem) {
	if (element==0 && elem!='x'){
		element=elem;
	}
	while (cntL > .01) {
			
					ieCnt=cnt*100;
					document.getElementById('wait').style.filter= "alpha(opacity="+ieCnt+")";
			document.getElementById('wait').style.opacity= cntL;
			window.setTimeout("cntM=0;", 40);	
			cntL = cntL - .1;
				}
			
			document.getElementById(element).style.visibility = 'visible';
			document.getElementById('wait').style.visibility = 'hidden';
		if (cntM < 1){
			ieCnt=cntM*100;
					document.getElementById(element).style.filter= "alpha(opacity="+ieCnt+")";
			document.getElementById(element).style.opacity= cntM;
			cntM = cntM + .06;
			window.setTimeout('loading1("x")', 40);
		}
		else {
			
			
			setTimeout('navExpand()', 300); 
			if (element!='content'){
				setTimeout('fadeIndex()', 300); 
				setTimeout('fadeContent()', 100);
			}
			if (elem=="x"){
				element=0;
				cntM=0;
			}
		}
		
	

	
}

function loading(element) {
			document.getElementById(element).style.visibility = 'visible';
			
			setTimeout('navExpand()', 300); 
			setTimeout('fadeIndex()', 300); 
			setTimeout('fadeContent()', 100);

	
}



function getUrl(page) {
	collapseNav();
	switch(page){
	case "index":
		window.setTimeout('index()', 500);
		break;
	case "portfolio":
		window.setTimeout('portfolio()', 500);
		break;
	case "contact":
		window.setTimeout('contact()', 500);
		break;
	case "services":
		window.setTimeout('services()', 500);
		break;
	default:
		alert("wtf");
		break;
	}
	
		
}

	function index(){
		document.location.href="index.php";
	}
	function portfolio(){
		document.location.href="portfolio.php";
	}
	function contact(){
		document.location.href="contact.php";
	}
	function services(){
		document.location.href="services.php";
	}


function navExpand() {
	//Keep on moving the image till the target is achieved
	if(x>dest_x) x = x - interval; 
	if(w<dest_w) w = w + interval;
	
	
	//Move the image to the new location
	document.getElementById("nav").style.left = x+'px';
	document.getElementById("nav").style.width = w+'px';

	if ((x-interval > dest_x) && (w+interval < dest_w)) {
		//Keep on calling this function every 100 microsecond 
		//	till the target location is reached
		window.setTimeout('navExpand()',20);
	}
	else {
		fadeIn(5);
		navDone=1;
	}
}

var cnt = 0;
function fadeIn(id){
	
	
	switch (id) {
			
			case 1:
				if (cnt < 1) {
					ieCnt=cnt*100;
					document.getElementById('hBubbles').style.filter= "alpha(opacity ="+ieCnt+" )";
					document.getElementById('hBubbles').style.opacity= cnt;
					cnt = cnt + .1;
					window.setTimeout('fadeIn(1)', 5);
		
				}
				else {
					cnt = 0;
				}
				break;
			case 2:
				if (cnt < 1) {
					ieCnt=cnt*100;
					document.getElementById('pBubbles').style.filter= "alpha(opacity ="+ieCnt+" )";
					document.getElementById('pBubbles').style.opacity= cnt;
					cnt = cnt + .1;
					window.setTimeout('fadeIn(2)', 5);
		
				}
				else {
					
					cnt = 0;
				}
				break;
			case 3:
				if (cnt < 1) {
					ieCnt=cnt*100;
					document.getElementById('sBubbles').style.filter= "alpha(opacity ="+ieCnt+" )";
					document.getElementById('sBubbles').style.opacity= cnt;
					cnt = cnt + .1;
					window.setTimeout('fadeIn(3)', 5);
		
				}
				else {
					
					cnt = 0;
				}
				break;
			case 4:
				if (cnt < 1) {
					ieCnt=cnt*100;
					document.getElementById('cBubbles').style.filter= "alpha(opacity ="+ieCnt+" )";
					document.getElementById('cBubbles').style.opacity= cnt;
					cnt = cnt + .1;
					window.setTimeout('fadeIn(4)', 5);
		
				}
				else {
					
					cnt = 0;
				}
				break;
			case 5:
				document.getElementById('curBubbles').style.visibility = 'visible';
				if (cnt < 1) {
					ieCnt=cnt*100;
					document.getElementById('curBubbles').style.filter= "alpha(opacity="+ieCnt+")";
					document.getElementById('curBubbles').style.opacity= cnt;
					cnt = cnt + .05;
					window.setTimeout('fadeIn(5)', 20);
		
				}
				else {
					
					cnt = 0;
				}
				break;
			
		}
	
	
	
	
}


var cntC = 0;
function fadeContent(){
document.getElementById('content').style.visibility = "visible";
	if (cntC < 1) {
		ieCnt=cntC*100;
					document.getElementById('content').style.filter= "alpha(opacity="+ieCnt+")";
					document.getElementById('content').style.opacity= cntC;
					cntC = cntC + .06;
					window.setTimeout('fadeContent()', 70);
		
				}
				else {
					cntC = 0;
					fadeFooter();
	}
	
	
}
var cntF = 0;
function fadeFooter(){
	document.getElementById('footer').style.visibility= "visible";
	if (cntF < 1) {
		ieCnt=cntF*100;
					document.getElementById('footer').style.filter= "alpha(opacity="+ieCnt+")";
					document.getElementById('footer').style.opacity= cntF;
					cntF = cntF + .06;
					window.setTimeout('fadeFooter()', 40);
		
				}
				else {
					cntF = 0;
	}
	
	
}
var cntI = 0;
function fadeIndex(){
	if (cntI < 1) {
		ieCnt=cntI*100;
		document.getElementById('homeImg').style.filter= "alpha(opacity="+ieCnt+")";
		document.getElementById('homeImg').style.opacity= cntI;
		cntI = cntI + .06;
		window.setTimeout('fadeIndex()', 40);
		
	}
	else {
					
		cntI = 0;
	}
	
	
}

function collapseNav() {
	
	//Keep on moving the image till the target is achieved
	if(cx<cdest_x) cx = cx + interval; 
	if(cw>cdest_w) cw = cw - interval;
	
	
	document.getElementById('curBubbles').style.visibility = 'hidden';
	document.getElementById('navHover').style.display = 'none';
	//Move the image to the new location
	document.getElementById("nav").style.left = cx+'px';
	document.getElementById("nav").style.width = cw+'px';

	if ((cx+interval < cdest_x) && (cw-interval > cdest_w)) {
		//Keep on calling this function every 100 microsecond 
		//	till the target location is reached
		window.setTimeout('collapseNav()',20);
	}
	
}

function navHover(id){
		
		
		if (navDone==0){
		}
		else if (navDone==1){
			switch (id) {
				
				case 1:
					document.getElementById('hBubbles').style.visibility = 'visible';
					fadeIn(id);
					break;
				case 2:
				
					document.getElementById('pBubbles').style.visibility = 'visible';
					fadeIn(id);
					break;
				case 3:
				
					document.getElementById('sBubbles').style.visibility = 'visible';
					fadeIn(id);
					break;
				case 4:
				
					document.getElementById('cBubbles').style.visibility = 'visible';
					fadeIn(id);
					break;
				
			}
		}
		
	}
	
function navOut(id){
		
		switch (id) {
			
			case 1:
				document.getElementById('hBubbles').style.visibility = 'hidden';
				break;
			case 2:
			
				document.getElementById('pBubbles').style.visibility = 'hidden';
				break;
			case 3:
			
				document.getElementById('sBubbles').style.visibility = 'hidden';
				break;
			case 4:
			
				document.getElementById('cBubbles').style.visibility = 'hidden';
				break;
			
		}
		
	}