var hideTimer = 0;
var showTimer = 0;
var finalHeight = 160;


function ResizeDivs() {

	var divNav1 = 0;
	var divNav2 = 0;
	var divNav3 = 0;
	var divheight = 0;
	
	var divNav1 = document.getElementById('nav1').offsetHeight;
	
	if (document.getElementById('nav2')) {
		var divNav2 = document.getElementById('nav2').offsetHeight;
	}
	if (document.getElementById('nav3')) {
		var divNav3 = document.getElementById('nav3').offsetHeight;
	}
	
	if (divNav1 >= divNav2) {
		divheight = divNav1;
	}
	if (divNav2 >= divheight) {
		divheight = divNav2;
	}
	if (divNav3 >= divheight) {
		divheight = divNav3;
	}

	document.getElementById('navigation').style.height=divheight+'px';
	document.getElementById('nav1').style.height=divheight+'px';
	if (document.getElementById('nav2')) {
		document.getElementById('nav2').style.height = divheight + 'px';
	}
	if (document.getElementById('nav3')) {
		document.getElementById('nav3').style.height = divheight + 'px';
	}

	finalHeight = document.getElementById('navigation').offsetHeight;
	
}

function ResizeDivs2() {

	if (document.getElementById('nav3Hover').offsetHeight > 160) {
		document.getElementById('navigation').style.height = document.getElementById('nav3Hover').offsetHeight + 'px';
		document.getElementById('nav1').style.height = document.getElementById('nav3Hover').offsetHeight + 'px';
		document.getElementById('nav2').style.height = document.getElementById('nav3Hover').offsetHeight + 'px';
	} else {
		document.getElementById('navigation').style.height = 165 + 'px';
		document.getElementById('nav1').style.height = 165 + 'px';
		document.getElementById('nav2').style.height = 165 + 'px';
	}

}

function startHideTimer(id,level){
	clearTimeout(hideTimer);
	clearTimeout(showTimer);
	hideTimer = setTimeout("hideSubNav("+id+","+level+")", 1000);
}

function startShowTimer(id,level,lang,section) {
	
	fontcolor = '';
	
	if(section == 1) {
		fontcolor = '#099F4D';
	} else if(section == 2) {
		fontcolor = '#7F0E39';
	} else if(section == 3) {
		fontcolor = '#fff';
	}
	
	switch(level) {
		case 1:
			var nav_id = 'a'+id;
			var bg = '#ccc';
			break;
		case 2:
			var nav_id = 'sub_a'+id;
			var bg = '#ddd';
			break;			
		case 3:
			var nav_id = 'sub2_a'+id;
			var bg = '#ccc';
			break;
	}	
		
	document.getElementById(id).style.backgroundColor = bg;
	document.getElementById(nav_id).style.color = fontcolor;
	
	clearTimeout(showTimer);
	showTimer = setTimeout("showSubNav("+id+","+level+",'"+lang+"',"+section+")",300);	
}

function clearHideTimer() {
	clearTimeout(hideTimer);
}

function clearShowTimer() {
	clearTimeout(showTimer);
}

function showSubNav(nav_id,level,lang,section) {
	
	clearHideTimer();
	clearShowTimer();
	
	fontcolor = '';
	
	if(section == 1) {
		fontcolor = '#099F4D';
	} else if(section == 2) {
		fontcolor = '#7F0E39';
	} else if(section == 3) {
		fontcolor = '#fff';
	}
	
	switch(level) {
	
		case 1:
		
			document.getElementById(nav_id).style.backgroundColor = '#ccc';
			document.getElementById('a'+nav_id).style.color = fontcolor;
			
			var bg = '#ccc';
			var nav1_width = document.getElementById('nav1').offsetWidth;
			
			if(document.getElementById('nav2')) {
				var height = document.getElementById('nav2').offsetHeight+'px';
				var width = "newDiv.style.width = document.getElementById('nav2').offsetWidth+'px'";
			} else {
				var height = '160px';
				var width = '';
			}
			
			var newDiv = document.createElement('div');
			newDiv.setAttribute('id', 'nav2Hover');
			newDiv.style.height = height;
			width;
			newDiv.style.position = "absolute";
			newDiv.style.backgroundColor = bg;
			newDiv.style.left = 80+nav1_width+'px';
			newDiv.style.top = 81+'px';
			newDiv.style.zIndex = 100;
			document.body.appendChild(newDiv);
			updateNav(level,nav_id,lang,'nav2Hover',section);
			break;
			
		case 2:

			document.getElementById(nav_id).style.backgroundColor = '#ddd';
			document.getElementById('sub_a'+nav_id).style.color = fontcolor;
			
			var bg = '#ddd';
			var nav1_width = document.getElementById('nav1').offsetWidth;
			var nav2_width = document.getElementById('nav2').offsetWidth;
			
			if(document.getElementById('nav3')) {
				var width = "newDiv.style.minWidth = document.getElementById('nav3').offsetWidth+'px'";
			} else {
				var width = '';
			}
				
			var newDiv = document.createElement('div');
			newDiv.setAttribute('id', 'nav3Hover');
			height
			newDiv.style.position = "absolute";
			newDiv.style.backgroundColor = bg;
			newDiv.style.minHeight = 165+'px';
			width;
			newDiv.style.left = 80+nav1_width+nav2_width+'px';
			newDiv.style.top = 81+'px';
			newDiv.style.zIndex = 100;
			document.body.appendChild(newDiv);
			updateNav(level,nav_id,lang,'nav3Hover',section);
			
			setTimeout("ResizeDivs2()",300);
			
			break;
	}
}

function hideSubNav(nav_id,level){	
	clearShowTimer();
	switch(level) {		
		case 1:
			if (document.getElementById('nav2Hover')) {
				var newDiv = document.getElementById('nav2Hover');
				newDiv.parentNode.removeChild(newDiv);
			}
			break;
			
		case 2:
			if (document.getElementById('nav3Hover')) {
				var newDiv = document.getElementById('nav3Hover');
				newDiv.parentNode.removeChild(newDiv);
							
				document.getElementById('navigation').style.height = finalHeight+'px';
				document.getElementById('nav1').style.height = finalHeight+'px';
				
				if(document.getElementById('nav2')) {
					document.getElementById('nav2').style.height = finalHeight+'px';
				}
				
				if(document.getElementById('nav3')) {
					document.getElementById('nav3').style.height = finalHeight+'px';
				}
				
			}
			break;
	}
	
}

function selectCurrentNavLevel1(nav_id,section) {
	
	clearHideTimer();
	clearShowTimer();
	
	fontcolor = '';
	
	if(section == 1) {
		fontcolor = '#099F4D';
	} else if(section == 2) {
		fontcolor = '#7F0E39';
	} else if(section == 3) {
		fontcolor = '#fff';
	}
	
	document.getElementById(nav_id).style.backgroundColor = '#ccc';
	document.getElementById('a'+nav_id).style.color = fontcolor;
	
}

function selectCurrentNavLevel2(nav_id,section) {
	
	clearHideTimer();
	clearShowTimer();
	
	fontcolor = '';
	
	if(section == 1) {
		fontcolor = '#099F4D';
	} else if(section == 2) {
		fontcolor = '#7F0E39';
	} else if(section == 3) {
		fontcolor = '#fff';
	}
	
	document.getElementById(nav_id).style.backgroundColor = '#ddd';
	document.getElementById('sub_a' + nav_id).style.color = fontcolor;
	
}

function selectCurrentNavLevel3(nav_id,section) {
	
	clearHideTimer();
	clearShowTimer();
	
	fontcolor = '';
	
	if(section == 1) {
		fontcolor = '#099F4D';
	} else if(section == 2) {
		fontcolor = '#7F0E39';
	} else if(section == 3) {
		fontcolor = '#9C9E9F';
	}
	
	document.getElementById(nav_id).style.backgroundColor = '#ccc';
	document.getElementById('sub2_a' + nav_id).style.color = fontcolor;
	
}

function unselectCurrentNav(nav_id,level){
	
	clearHideTimer();
	clearShowTimer();
	
	startHideTimer(0,level);
	
	switch(level) {
		case 1:
			document.getElementById(nav_id).style.backgroundColor = '#bbb';
			document.getElementById('a' + nav_id).style.color = '#555';
			break;
			
		case 2:
			document.getElementById(nav_id).style.backgroundColor = '#ccc';
			document.getElementById('sub_a' + nav_id).style.color = '#555';
			break;
			
		case 3:
			document.getElementById(nav_id).style.backgroundColor = '#ddd';
			document.getElementById('sub2_a' + nav_id).style.color = '#555';
			break;
	}
		
}


// resizes background images for IE7 users
function resizeBG() {
	document.getElementById('bg_image').style.width = '100%';
}