var divMidTiles;
var divFooter;
var divContent;
var divTabCurrent;
var divBackgroundImage;
var divTab1;
var divTab2;
var divTab3;
var divTab4;
var divTab5;
var areaTab1;
var areaTab2;
var areaTab3;
var areaTab4;
var areaTab5;
var nTabInterval1;
var nTabInterval2;
var nTabInterval3;
var nTabInterval4;
var nTabInterval5;
//
window.onload = window_onLoad;
//
function window_onLoad() {
	divMidTiles=document.getElementById("divMidTiles");
	divFooter=document.getElementById("divFooter");
	divContent=document.getElementById("divContent");
	divBackgroundImage=document.getElementById("divBackgroundImage");
	//divInfoBar=document.getElementById("divInfoBar");
	areaTab1=document.getElementById("areaTab1");
	areaTab2=document.getElementById("areaTab2");
	areaTab3=document.getElementById("areaTab3");
	areaTab4=document.getElementById("areaTab4");
	areaTab5=document.getElementById("areaTab5");
	divTab1=document.getElementById("divTab1");
	divTab2=document.getElementById("divTab2");
	divTab3=document.getElementById("divTab3");
	divTab4=document.getElementById("divTab4");
	divTab5=document.getElementById("divTab5");
	divTab1.nAlpha = 0;
	divTab2.nAlpha = 0;
	divTab3.nAlpha = 0;
	divTab4.nAlpha = 0;
	divTab5.nAlpha = 0;
	for (var j=1; j<=5; j++) {
		var objArea=document.getElementById("areaTab"+j);
		var objDiv=document.getElementById("divTab"+j);
		if (objArea!=undefined) {
			objArea.linkedDiv = objDiv;
			objArea.onmouseover = areaTab_mouseOver;
			objArea.onmouseout = areaTab_mouseOut;
			objDiv.linkedArea = objArea;
			if (objDiv.style.opacity != undefined) {
				objDiv.style.opacity = objDiv.nAlpha.toString();
			} else {
				var sA = objDiv.nAlpha * 100;
				objDiv.style.filter = "alpha(opacity=" + sA.toString() + ")";
			}
			objDiv.style.visibility = "visible";
		}
	}
	if (sTabCurrent != "") {
		divTabCurrent = document.getElementById(sTabCurrent);
	} else {
		divTabCurrent = new Object();
	}
	//setOpacity(divBackgroundImage, 0);
	//divBackgroundImage.style.visibility = 'visible';
	//fadeIn("divBackgroundImage",0);
	/*if (divTab1 != divTabCurrent) areaTab1.href="index.html";
	if (divTab2 != divTabCurrent) areaTab2.href="what.html";
	if (divTab3 != divTabCurrent) areaTab3.href="how.html";
	if (divTab4 != divTabCurrent) areaTab4.href="whats.html";
	if (divTab5 != divTabCurrent) areaTab5.href="projects.html";*/
}
function areaTab_mouseOver() {
	if (this.linkedDiv == divTabCurrent) return;
	this.linkedDiv.style.height = "50px";
	clearInterval(this.linkedDiv.nTabInterval);
	this.linkedDiv.nTabInterval = setInterval("fadeIn" + this.linkedDiv.id + "()", 18);
}
function areaTab_mouseOut() {
	if (this.linkedDiv == divTabCurrent) return;
	clearInterval(this.linkedDiv.nTabInterval);
	this.linkedDiv.nTabInterval = setInterval("fadeOut" + this.linkedDiv.id + "()", 18);
}
function fadeIndivTab1() {
	fadeIndivTab(divTab1);
}
function fadeIndivTab2() {
	fadeIndivTab(divTab2);
}
function fadeIndivTab3() {
	fadeIndivTab(divTab3);
}
function fadeIndivTab4() {
	fadeIndivTab(divTab4);
}
function fadeIndivTab5() {
	fadeIndivTab(divTab5);
}
function fadeOutdivTab1() {
	fadeOutdivTab(divTab1);
}
function fadeOutdivTab2() {
	fadeOutdivTab(divTab2);
}
function fadeOutdivTab3() {
	fadeOutdivTab(divTab3);
}
function fadeOutdivTab4() {
	fadeOutdivTab(divTab4);
}
function fadeOutdivTab5() {
	fadeOutdivTab(divTab5);
}
function fadeIndivTab(divTab) {
	if (divTab.nAlpha >= .5) {
		clearInterval(divTab.nTabInterval);
		//divTab.linkedArea.style.cursor = "hand";
		return;
	}
	divTab.nAlpha += .05;
	if (divTab.style.opacity != undefined) {
		divTab.style.opacity = divTab.nAlpha.toString();
	} else {
		var sA = divTab.nAlpha * 100;
		divTab.style.filter = "alpha(opacity=" + sA.toString() + ")";
	}
}
function fadeOutdivTab(divTab) {
	if (divTab.nAlpha <= 0) {
		clearInterval(divTab.nTabInterval);
		//divTab.linkedArea.style.cursor = "";
		return;
	}
	divTab.nAlpha -= .05;
	if (divTab.style.opacity != undefined) {
		divTab.style.opacity = divTab.nAlpha.toString();
	} else {
		var sA = divTab.nAlpha * 100;
		divTab.style.filter = "alpha(opacity=" + sA.toString() + ")";
	}
}
function areaTab_onClick() {
	if (this.linkedDiv == divTabCurrent) return;
	switch(this.id) {
		case "areaTab1":
			//window.open("who.html","_self");
		break;
		case "areaTab2":
			window.open("what.html","_self");
		break;
		case "areaTab3":
		break;
		case "areaTab4":
		break;
		case "areaTab5":
		break;
	}
}
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}