var t1  = 0;
var t2  = 0;
var screenWidth = 800;
function setWidth(){
	screenWidth = document.body.clientWidth;//document.body.scrollWidth;
}
function menuItem(nom, x, y, width, topName, link, active, target, level){
	this.nom = nom;
	this.x = x;
	this.y = y;
	this.width = width;
	this.topName = topName;
	this.link = link;
	this.active = active;
	this.target = target;
	this.level = level;
}
var minWindowWidth = 897;
var leftMin = 182; // If window is < minWindowWidth;
var curentSubMenu = 0;
var menuItems = new Array();
menuItems[0] = new menuItem(1, 250, 80, 150, "Sch&uuml;co", "index.php?page=pvcschuco", false, "self", 1);
menuItems[1] = new menuItem(1, 250, 80, 150, "Weiss Profil", "index.php?page=pvcweiss", true, "self", 1);
menuItems[2] = new menuItem(1, 250, 80, 150, "Alumil", "index.php?page=pvcalumil", true, "self", 1);

menuItems[3] = new menuItem(2, 295, 80, 150, "Sch&uuml;co", "index.php?page=aluminii1", false, "self", 1);
menuItems[4] = new menuItem(2, 295, 80, 150, "Weiss Profil", "index.php?page=aluminii2", true, "self", 1);
menuItems[5] = new menuItem(2, 295, 80, 150, "Alumil", "index.php?page=aluminii3", true, "self", 1);
  
menuItems[6] = new menuItem(3, 340, 80, 150, "Sch&uuml;co", "index.php?page=solarContructions", false, "self", 1);
menuItems[7] = new menuItem(3, 340, 80, 150, "Alumil", "index.php?page=pokrivi", true, "self", 1);

menuItems[8] = new menuItem(4, 380, 80, 150, "Sch&uuml;co", "index.php?page=fasadiSchuco", false, "self", 1);
menuItems[9] = new menuItem(4, 380, 80, 150, "Alumil", "index.php?page=fasadiAlumil", true, "self", 1);

menuItems[10] = new menuItem(5, 430, 80, 150, "Sch&uuml;co - VarioTec", "index.php?page=obkovvariotec", false, "self", 1);
menuItems[11] = new menuItem(5, 430, 80, 150, "Roto", "index.php?page=obkovroto", true, "self", 1);
menuItems[12] = new menuItem(5, 430, 80, 150, "GU", "index.php?page=obkovgu", true, "self", 1);



function showSubMenu(menu){
	curentSubMenu = menu;
	var obj = document.getElementById("menuDiv");
	var menuContent = "<table cellpadding=0 cellspacing=0 >";
	var top = 0;
	var left = 0; 
	for (i=0; i < menuItems.length; i++){
		if (menuItems[i].nom == menu){
			top = menuItems[i].x;
			if (screenWidth < minWindowWidth)
				left =  leftMin;
			else
				left = (screenWidth - 710)/2 + menuItems[i].y;			
			menuContent += "<tr><td style=\"padding-left: 2px;padding-right: 2px;cursor: hand;border-bottom: 1px #cc0001 solid\" ";
			if (menuItems[i].target == "new")
				menuContent += " onMouseUp=\"changeLocation(" + i + ")\" ";
			else
				menuContent += " onMouseUp=\"changeSelfLocation(" + i + ")\" ";
			menuContent += " onMouseOver=\"this.className='subItemActive'\"  onMouseOut=\"this.className='subItemNotActive';\"";
			menuContent += " class='subItemNotActive'>";
			menuContent += "<table height=25 cellpadding=0 cellspacing=0>";
			menuContent += "<tr><td width=" + menuItems[i].width;
			menuContent += " style=\"color: #5F5F5F\">" + menuItems[i].topName + "</td></tr>";
			menuContent += "</table>";
			menuContent += "</td></tr>";
		}
	}
	
	menuContent += "</table>";
	obj.innerHTML = menuContent;
	if (obj.style){
		obj.style.top = top;
		obj.style.left = left;
		obj.style.visibility = "visible";
	}
	else {
		obj.top = top;
		obj.left = left;
		obj.visibility = "visible";
	}
}

function hideSubMenuLevel2(){
	var submenuObj = document.getElementById("submenuDiv");
	submenuObj.style.visibility = "hidden";
}

function changeSelfLocation(item){
	document.location = menuItems[item].link;	
}

function changeLocation(item){
	window.open(menuItems[item].link);	
}

function showCurentSubMenu(){  
	showSubMenu(curentSubMenu);
}

function hideSubMenu(){		
		var obj = document.getElementById("menuDiv");
		obj.innerHTML = "";
		obj.style.visibility = "hidden";
}


function menuOver(menu){ 
   clearTimeout(t1);
  showSubMenu(menu);
}

function menuOut(){
   clearTimeout(t1);
   t1 = setTimeout("hideSubMenu()",200);
}

function menuOver2(){ 
   clearTimeout(t2);
  showSubMenuLevel2();
}

function menuOut2(){
   clearTimeout(t2);
   t2 = setTimeout("hideSubMenuLevel2()",200);
}


function submenuOver(){
   clearTimeout(t1);
	
   //showCurentSubMenu();
}

function submenuOut(){  
	//clearTimeout(t1);
      //hideSubMenu();
   clearTimeout(t1);
   t1 = setTimeout("hideSubMenu()",200);
	curentSubMenu = 0;
}

function rowOver(menu){
	var name = "td2" + menu;
	var obj = document.getElementById(name);
	obj.className="itemActive";
}

function rowOut(menu){
	var name = "td2" + menu;
	var obj = document.getElementById(name);
	obj.className="itemNotActive";
}

function submenuOver2(){
   clearTimeout(t1);
   clearTimeout(t2);
}

function submenuOut2(){  
   clearTimeout(t2);
   t1 = setTimeout("hideSubMenu()",400);
   t2 = setTimeout("hideSubMenuLevel2()",200);
}