var subMenuIdlist;
var menuRootId = "menu_i2";
function drawMenu(menu){
	var str="";
	var item;
	var size = menu.length;
	subMenuIdlist = new Array(size);
	str += '<ul>';
	for (var i = 0; i < size; ++i){
		item = menu[i];		
		contentTypeName = getContentType(menu[i][2]);
		if (!item)
			continue;
		str += '<li class="menu-'+contentTypeName+'-bg" id="menu-'+contentTypeName + '"';
		if ( contentTypeName == "catalog")
			str += ' style="display:none" ';
		if ( item.length > 5 )
			str += ' onClick="location=\''+item[2]+'\'" onMouseover="changeStyle(\'menu-'+contentTypeName+'\', \'menu-'+contentTypeName+'-bg-over\');mouseOver(\'sub-'+contentTypeName+'\')" onMouseOut="changeStyle(\'menu-'+contentTypeName+'\', \'menu-'+contentTypeName+'-bg\');mouseOut(\'sub-'+contentTypeName+'\')">\n';
		else
			str += ' onClick="location=\''+item[2]+'\'" >';
		str += '<a href="'+item[2]+'"><h1><span>'+item[1]+'</span></h1></a>\n';
		if (item.length > 5){
			subMenuIdlist[i] = "sub-"+contentTypeName;
			str+= '<div class="submenu" id="sub-'+contentTypeName+'" onmouseover="mouseOver(\'sub-'+contentTypeName+'\')" onMouseOut="mouseOut(\'sub-'+contentTypeName+'\')">\n'
			+'<ul>\n'
			+drawSubMenu(item)
			+'</ul>\n'
			+'</div>\n';
		}
		str+='</li>\n';
	}
	str += '</ul>\n';
	document.getElementById(menuRootId).innerHTML = str;
//	document.writeln(str);
}

function drawSubMenu(contentType){
	var returnVal = "";
	var length = contentType.length;

	for(var i=5; i<length; i++){
		contentSubType = contentType[i];
		contentSubTypeLink = contentSubType[2];
		contentSubTypeName = contentSubType[1];
		returnVal+='<li><h2><span><a href="'+contentSubTypeLink+'">'+contentSubTypeName+'</a></span></h2></li>\n';
	}
	return returnVal;
}

var time, tempid, t;
var delay = 1000;var n=false;
function mouseOver(id){
	if (n==true){
		clearTimeout(time);
		hideOpenedSubmenu();
		showSubmenu(id);
		n=false;
	}else {
		n=true;
		tempid=id;
		clearTimeout(t);
		t= setTimeout("mouseOver(tempid)",300);
	}
}

function mouseOut(id){
	clearTimeout(t);n=false;tempid=0;
	clearTimeout(time);
	time = setTimeout("hideOpenedSubmenu()",delay);
}

function showSubmenu(id){
	var obj = document.getElementById(id);
	if (obj.style){
		obj.style.visibility = 'visible';
//		obj.style.display = 'block';
	}
}

function hideOpenedSubmenu(){
	var a;
	for (a=0;a<subMenuIdlist.length;a++){
		if(document.getElementById(subMenuIdlist[a]) != null){
			obj = document.getElementById(subMenuIdlist[a]);
			obj.style.visibility = 'hidden';
//			obj.style.display = 'none';
		}
	}
}

function changeStyle(o,cla) {
    var obj = document.getElementById(o);
    obj.className = cla;
}

function getContentType( url ){
	var css = url.substr(url.lastIndexOf('/')+1);
	
	var folder = url.split('/');
	if(folder[folder.length - 1].length > 0)
		css = folder[folder.length - 1];
	else
		css = folder[folder.length - 2];
	
	if ( css.match("registration") )
		css = 'text';
	return css;
}
