// JavaScript Document

ready = true;
aboutHeight = 500;
portfolioHeight = 244;
servicesHeight = 737;
client_listHeight = 589;
contactHeight = 725;
developmentHeight = 420;
our_toolsHeight = 420;
ui_designHeight = 420;
thank_youHeight = 420;
tempBarOpac = 0;
tempX = 0;
barFirst = true;

newPage="";
	
function slideBar(page){
	divBar -= 0.5
	object = document.getElementById('activeBar')
	if (divBar == 4.5){
		tempX = object.offsetLeft
	}
	if (barFirst){
		document.getElementById('activeBar').style.display=""
		preSet = true;
		object.style.left = newX+"px";
		if (tempBarOpac != 100){
			tempBarOpac += Math.round((100-tempBarOpac)/4)
			object.style.opacity = tempBarOpac/100
			object.style.MozOpacity = tempBarOpac/100
			object.style.KhtmlOpacity = tempBarOpac/100
			object.style.filter = "alpha(opacity=" + tempBarOpac + ")";
		} 
	}
	if (divBar > 0) {
		if (barFirst != true){
			tempX += Math.round((newX-object.offsetLeft)/4)
			object.style.left = tempX + "px";
		}
	} else {
		clearInterval(slideBarInt);
		object.style.left = newX+"px"
		barFirst = false;
	}
}


function fadePage(page){
	objectCover = document.getElementById('cover').style
	if (divFade == 10){
		objectCover.display=""
		if (newOpac == 0){
			tempOpac = 100;
		} else {
			tempOpac = 0;
		}
	}
	divFade --
	if ((newOpac != tempOpac) && (divFade > 0)) {
			tempOpac += Math.round((newOpac-tempOpac)/6);
			objectCover.opacity = tempOpac/100
			//alert(objectCover.opacity);
			objectCover.MozOpacity = tempOpac/100
			objectCover.KhtmlOpacity = tempOpac/100
			objectCover.filter = "alpha(opacity=" + tempOpac + ")";
	} else {
		clearInterval(fadePageInt);
		objectCover.opacity = newOpac/100
		objectCover.MozOpacity = newOpac/100
		objectCover.KhtmlOpacity = newOpac/100
		objectCover.filter = "alpha(opacity=" + newOpac + ")";
		
		
		if (newOpac == 0){
			//newPage2 = page;
			objectCover.display="none";
			//alert("load");
			
		} else {
			ready = true;
			newOpac = 0;
			divFade = 10;
			getNewPage(page+'.html')
			//fadePageInt = setInterval("fadePage(newPage)", 10);
		}
		if (page == "contact"){
			newHeight = aboutHeight;
			document.title = "MilanNJ - Contact Information"
		} else if (page == "bios"){
			newHeight = portfolioHeight;
			document.title = "MilanNJ - Band Bios"
		} else if (page == "videos"){
			newHeight = servicesHeight;
			document.title = "MilanNJ - Videos"
		} else if (page == "pics"){
			newHeight = client_listHeight;
			document.title = "MilanNJ - Pictures"
		} 
	}
}


function loadPage(page){
	/*if (typeof newPage == "undefined"){
		newPage="";
	}*/
	if ((ready == true) && (page != newPage)){
		ready = false;
		divBar = 10;
		divFade = 10;
		newOpac = 100;
		newPage = page;
		fadePageInt = setInterval("fadePage(newPage)", 10);
		//getNewPage(newPage+'.html')
	}

}

var http = createRequestObject();
	function createRequestObject() {
		var objAjax;
		var browser = navigator.appName;
		if(browser == "Microsoft Internet Explorer"){
			objAjax = new ActiveXObject("Microsoft.XMLHTTP");
		}else{
			objAjax = new XMLHttpRequest();
		}
		return objAjax;
	}
	
	function getNewPage(page){
		http.open('get',page);
		activePage = page;
		http.onreadystatechange = updateNewPage;
		http.send(null);
		return false;
	}
	
	function updateNewPage(){
		if(http.readyState == 4){
			document.getElementById('content').innerHTML = http.responseText
			newOpac = 0;
			divFade = 10;	
			fadePageInt = setInterval("fadePage(newPage)", 10);
		}
	}

function showBios(member){
	document.getElementById('milanLink').className = "milanClosed";
	document.getElementById('edwinLink').className = "edwinClosed";
	document.getElementById('daveLink').className = "daveClosed";
	
	document.getElementById('milanDescription').className = "hide";
	document.getElementById('edwinDescription').className = "hide";
	document.getElementById('daveDescription').className = "hide";
	
	
	document.getElementById(member+"Link").className = member+"Active";
	document.getElementById(member+"Description").className = "show";
}