var ourOverlayArray = new Array("contactOverlay", "imprintOverlay", "jobsOverlay", "ethicsOverlay");

function showJob(theJobNumber) {
	var myAjax = new Ajax.Request ("includes/jobs_includer.php", {
		method: "get",
		parameters: "site=" + (theJobNumber +1),
		onComplete: function(theRequest) {
				var myContentContainer = document.getElementsByClassName("content", "jobsOverlay" );
				myContentContainer[0].innerHTML = theRequest.responseText;
				if(theJobNumber == 0) {
					calculateHeight($("jobsOverlay"));
					calculatePosition($("jobsOverlay"));
					
				}
				var myNavi = document.getElementsByClassName("jobNavi")[0];
				var myMenuPoints = myNavi.getElementsByTagName("li");
				for(var i = 0; i < myMenuPoints.length; i++) {
					var myAnchor = myMenuPoints[i].getElementsByTagName("a")[0];
					myAnchor.className = "";
					if((theJobNumber ) == i) {
						myAnchor.className = "selected";
					}
				}
			}
		}
		
	);
}

function showCode(theCodeName) {
	var myAjax = new Ajax.Request ("includes/ethics_includer.php", {
		method: "get",
		parameters: "site=" + (theCodeName),
		onComplete: function(theRequest) {
			var myContentContainer = document.getElementsByClassName("content", "ethicsOverlay" );
				myContentContainer[0].innerHTML = theRequest.responseText;
				if(theCodeName == "Intro") {
					calculateHeight($("ethicsOverlay"));
					calculatePosition($("ethicsOverlay"));
					
				}
				var myNavi = document.getElementsByClassName("codeOfEthicsNavi")[0];
				var myMenuPoints = myNavi.getElementsByTagName("li");
				for(var i = 0; i < myMenuPoints.length; i++) {
					
					if(myMenuPoints[i].className == theCodeName.toLowerCase()) {
						myMenuPoints[i].className = theCodeName.toLowerCase() + "_selected";
					} else if (myMenuPoints[i].className == theCodeName.toLowerCase() + "_selected") {
					
					} else {
						myMenuPoints[i].className = myMenuPoints[i].className.split("_")[0];
					}
				}
		}
	}
	);
}

function showOverlay(theOverlayName) { //v2.0
	swapToDummy();
	
	for(var i = 0; i < ourOverlayArray.length; i++) {
		var myOverlay = $(ourOverlayArray[i]);
		myOverlay.style.display = "none";
	}
	theFeatures = 'scrollbars=yes,width=450,height=450,';
	var myInnerWidth = Element.getWidth(document.body);
	var myLeft = (screen.width - 450) / 2 - ((screen.width - myInnerWidth) / 2);
	var myFlashObject = document.getElementById("content");
	var myInnerHeight = Element.getHeight(document.body);
	
	var myOverlay = document.getElementById(theOverlayName + "Overlay");
	
	myOverlay.style.display = "block";
	if(theOverlayName == "ethics") {showCode("Intro");}
	else if(theOverlayName == "jobs") {showJob(0); }
	else {
	calculateHeight(myOverlay);
	calculatePosition(myOverlay);}
}
//-->

function calculateHeight(theOverlay) {
	var myContentHeight = document.getElementsByClassName("contentContainer", theOverlay);
	myContentHeight = Element.getHeight(myContentHeight[0])
	theOverlay.style.height = myContentHeight +"px";
}

function calculatePosition(theOverlay) {
	var myPos = Position.cumulativeOffset($("content"));
	theOverlay.style.top =  myPos[1] + "px"; 
	theOverlay.style.top =  (Element.getHeight(document.body) - theOverlay.offsetHeight) / 2 + "px";
	theOverlay.style.left = (Element.getWidth(document.body) - theOverlay.offsetWidth) / 2 + "px" ;
}

window.onresize = function() {
	for(var i = 0; i < ourOverlayArray.length; i++) {
		calculatePosition($(ourOverlayArray[i]));
	}
}

window.onload = function() {
	for(var i = 0; i < ourOverlayArray.length; i++) {
		var myOverlay = $(ourOverlayArray[i]);
		myOverlay.style.left = (Element.getWidth(document.body) - 450) / 2 + "px" ;
	}
}

function swapToDummy() {
	if(navigator.userAgent.indexOf("Safari") != -1) {
		var myFlashLayer = $("flashfilm");
		myFlashLayer.style.height = "0px";
		myFlashLayer.style.width = "0px";
		myFlashLayer.style.overflow = "hidden";
		var myDummyImage = $("dummyImage");
		myDummyImage.style.display = "block";
	}
}

function closeOverlay() {
	for(var i = 0; i < ourOverlayArray.length; i++) {
		var myOverlay = $(ourOverlayArray[i]);
		myOverlay.style.display = "none";
	}
	
	if(navigator.userAgent.indexOf("Safari") != -1) {
		var myFlashLayer = $("flashfilm");
		myFlashLayer.style.height = "510px";
		myFlashLayer.style.width = "940px";
		var myDummyImage = $("dummyImage");
		myDummyImage.style.display = "none";
	}
}