var strTmp = '';
var MaxX = 376;
var MaxY = new Array();
MaxY['homelayer1'] = 166;
MaxY['homelayer2'] = 153;
var currentLayer = '';
var currentX = 1;
var currentY = 1;
var stepX = 70;
var stepY = 0;
var timeout = 50;

function toggleSubnavi() {
	if(document.getElementById('subnavi').style.display == 'none') {
		openSubnavi();
	} else {
		closeSubnavi();
	}
}
function openSubnavi() {
	document.getElementById('subnavi').style.display = 'block';
	document.getElementById('displaced2').style.paddingTop = '126px';
}
function closeSubnavi() {
	/*document.getElementById('subnavi').style.display = 'none';
	document.getElementById('displaced2').style.paddingTop = '181px';*/
}

function closeLayer(ID,focusLinkID) {
	/*var myKeyEvent;
	//IE
	if (Event) myKeyEvent = Event.KEYUP;
	//Mozilla
	else if (event.keyCode) myKeyEvent = event.keyCode;

	if((myKeyEvent != 9) && (myKeyEvent != 39) && (myKeyEvent != 512)) {*/
	
	//strTmp = ID + "img";
	currentLayer = ID;
	/*currentX = MaxX;
	currentY = MaxY[ID];
	var ratio = MaxX / MaxY[ID];
	stepY = stepX / ratio;
	animateLayer("close");*/
	document.getElementById(currentLayer).style.display = 'none';
	//document.getElementById(focusLinkID).focus();
	currentLayer = "";
	//}
}

function openLayer(ID,focusLinkID) {
	/*var myKeyEvent;
	if (Event) myKeyEvent = Event.KEYUP;
	else if (event.keyCode) myKeyEvent = event.keyCode;

	if((myKeyEvent != 9) && (myKeyEvent != 39) && (myKeyEvent != 512)) {*/
	if(currentLayer == "") {
		//strTmp = ID + "img";
		currentLayer = ID;
		/*currentX = 1;
		currentY = 1;
		document.getElementById(strTmp).width = currentX;
		document.getElementById(strTmp).height = currentY;
		var ratio = MaxX / MaxY[ID];
		stepY = stepX / ratio;*/
		document.getElementById(ID).style.display = 'block';
		document.getElementById(focusLinkID).focus();
		//animateLayer("open");
	}
	//}
}

function animateLayer(type) {
	var recurse = true;
	if(type == "open") {
		currentX += stepX;
		currentY += stepY;
		if(currentX > MaxX) currentX = MaxX;
		if(currentY > MaxY[currentLayer]) currentY = MaxY[currentLayer];
		if(currentX == MaxX && currentY == MaxY[currentLayer]) recurse = false;
	} else {
		currentX -= stepX;
		currentY -= stepY;
		if(currentX < 1) currentX = 1;
		if(currentY < 1) currentY = 1;
		if(currentX == 1 && currentY == 1) recurse = false;
		alert(currentLayer);
		if(!recurse) document.getElementById(currentLayer).style.visibility = 'hidden';
	}
	/*document.getElementById(strTmp).width = currentX;
	document.getElementById(strTmp).height = currentY;*/
	if(recurse) {
		//setTimeout("animateLayer('" + type + "')", timeout);
	} else {
		strTmp = "";
		currentLayer = "";
	}
	
}