//////////////-----------{ BOXES UP TOP }-----------------------------

function showHdrbox(elemId, displ){
	var ids = new Array('lang');
	for(var i = 0; i < ids.length; i++) {
		document.getElementById(ids[i]).style.display = 'none'
	}

	if (displ == 'on'){
		document.getElementById(elemId).style.display = 'block';
	}
	
	var boxnav = document.getElementById('boxnav');
	var lnks = boxnav.getElementsByTagName("a");
	for (var i=0; i < lnks.length; i++) {
		lnks[i].className = '';
	}
}

function setupBoxnav(){
	if (!document.getElementsByTagName) return;
	
	var boxnav = document.getElementById('boxnav');
	var lnks = boxnav.getElementsByTagName("a");
	for (var i=0; i < lnks.length; i++) {
		var a = lnks[i];

		a.onclick = function () {
			showHdrbox(this.href.replace(/^[^#]*#/,''), 'on');
			this.className = 'active';
			return false;
		}
		a.onkeypress = function () {
			showHdrbox(this.href.replace(/^[^#]*#/,''), 'on');
			return false;
		}
		
	}
	
	var ids = new Array('lang');
	for(var i = 0; i < ids.length; i++) {
		var elem = document.getElementById(ids[i]);
		
	}
}


window.onload = function onLoader(){
	showHdrbox('', 'off');
	setupBoxnav();
	
	document.getElementById("utilities").onmouseover = function() {
		showHdrbox('', 'off');
	}
	document.getElementById("nav").onmouseover = function() {
		showHdrbox('', 'off');
	}
}