// JavaScript Document

// Menu bar

var menu = new Array();
var Sactivemenu = ""
var Sactivesubmenu = ""
menu[0]= new Array("Home","index.htm#1");
//menu[0]= new Array("Home",new Array("1sub1","http://www.vinis.nl"),new Array("1sub2","1link2"),new Array("1sub3","1link3"),new Array("1sub4","1link4"),new Array("1sub5","1link5"));
//menu[1]= new Array("Producten","index.htm#2",new Array("2sub1","2link1"),new Array("2sub2","2link2"));
//menu[2]= new Array("Services","index.htm#3",new Array("3sub1","3link1"),new Array("3sub2","3link2"));
//menu[3]= new Array("Documentatie","index.htm#4",new Array("4sub1","4link1"),new Array("4sub2","4link2"));
menu[1]= new Array("Producten","producten.htm",new Array("Wijnoplegsystemen","wijnoplegsystemen/wijnoplegsystemen.htm"),new Array("Wijnaccessoires","wijnaccessoires/wijnaccessoires.htm"),new Array("Sommeliermessen","sommeliermessen/sommeliermessen.htm"),new Array("Tafelgerei","tafelgerei/tafelgerei.htm"),new Array("Wijnglazen & Karaffen","wijnglazen&karaffen/wijnglazen+en+karaffen.htm"),new Array("Wijnkoelunits","wijnkoelunits/wijnkoelunits.htm"),new Array("Wijnkistensysteem","wijnkistensysteem/wijnkistensysteem.htm"));
menu[2]= new Array("Merken","merken.htm",new Array("Vinicase","wijnoplegsystemen/wijnoplegsystemen.htm"),new Array("Screwpull","wijnaccessoires/wijnaccessoires.htm"),new Array("Château Laguiole","sommeliermessen/sommeliermessen.htm"),new Array("Laguiole","tafelgerei/tafelgerei.htm"),new Array("Riedel","wijnglazen&karaffen/wijnglazen+en+karaffen.htm"),new Array("Norcool","wijnkoelunits/wijnkoelunits.htm"),new Array("Modulorack","wijnkistensysteem/wijnkistensysteem.htm"));
menu[3]= new Array("Wijn & meer","wijn&meer/wijn+en+meer.htm");
menu[4]= new Array("Aanbieding(en)","aanbiedingen/aanbiedingen.htm");
menu[5]= new Array("Over Vinis","over+vinis/over+vinis+home.htm");
menu[6]= new Array("Brochures","brochures/brochures.htm");
menu[7]= new Array("Contact","contact/contact.htm");
menu[8]= new Array("Sitemap","sitemap.htm");

document.onclick=check; 

function check(e){ 
	var target = (e && e.target) || (event && event.srcElement); 
	var obj = document.getElementById('submenulayer'); 
	var obj2 = document.getElementById('container'); 
	checkParent(target)?obj.style.visibility = 'hidden':null;
	target==obj2?obj.style.visibility = 'visible':null;
} 

function checkParent(t){ 
	while(t.parentNode){ 
	if(t==document.getElementById('submenulayer')){ 
	return false 
	} 
	t=t.parentNode 
	} 
	return true 
}

function FillMainMenu(activemenu,activesubmenu,path){
	Sactivemenu = activemenu
	Sactivesubmenu = activesubmenu
	htmlline = "<div id=\"mainmenuleft\"></div>";
	for (i in menu) {
		if (menu[i].length>2){
			if (i!=activemenu) {
				htmlline += "<div id=\"menuitem" + i + "\" class=\"mainmenuitem\" onmouseover=\"FillSubMenu(" + i + ",'" + path + "');HighlightTitle(" + i +")\" onmouseout=\"InvertTitle(" + i +")\" onclick=\"GoToURL('" + path + menu[i][1] +"')\">" + menu[i][0] + "</div>";
			} else {
				htmlline += "<div id=\"menuitem" + i + "\"class=\"mainmenuitemact\" onmouseover=\"FillSubMenu(" + i + ",'" + path + "')\" onclick=\"GoToURL('" + path + menu[i][1] +"')\">" + menu[i][0] + "</div>";
			}
		} else {
			if (i!=activemenu) {
				htmlline += "<div id=\"menuitem" + i + "\" class=\"mainmenuitem\" onmouseover=\"FillSubMenu(" + i + ",'" + path + "');HighlightTitle(" + i +")\" onmouseout=\"InvertTitle(" + i +")\" onclick=\"GoToURL('" + path + menu[i][1] +"')\">" + menu[i][0] + "</div>";
			} else {
				htmlline += "<div id=\"menuitem" + i + "\"class=\"mainmenuitemact\" onmouseover=\"FillSubMenu(" + i + ",'" + path + "')\" onclick=\"GoToURL('" + path + menu[i][1] +"')\">" + menu[i][0] + "</div>";
			}
		}
		if (i != menu.length - 1){
			htmlline += "<div class=\"mainmenudivider\"></div>";
		}
	}
	htmlline += "<div id=\"mainmenuright\"></div>";
	document.getElementById('mainmenu').innerHTML = htmlline;	
}

function FillSubMenu(menunum,path){
	if (menu[menunum].length > 2){
		htmlline = "<ul>";
		for (i in menu[menunum]) {
			if ((i!=0) && (i!=1)){
				if (i==2){
					htmlline += "<li class=\"mainmenusubitemstart";
				} else if (i==(menu[menunum].length-1)) {
					htmlline += "<li class=\"mainmenusubitemend";
				} else {
					htmlline += "<li class=\"mainmenusubitem";
				}
				if ((menunum==Sactivemenu) && (i==Sactivesubmenu)){
					htmlline += " yellowtext \" onclick=\"GoToURL('"+ path + menu[menunum][i][1] +"')";
				} else {
					htmlline += "\" onmouseover=\"HighlightSubTitle("+ i +")\" onmouseout=\"InvertSubTitle("+ i +")\" onclick=\"GoToURL('"+ path + menu[menunum][i][1] +"')";
				}
				htmlline += "\" id=\"submenuitem" + i + "\">" + menu[menunum][i][0] + "</li>";
			}
		}
		htmlline += "</ul>";
		document.getElementById('submenulayer').innerHTML = htmlline;
		document.getElementById('submenulayer').style.visibility = 'visible';
		document.getElementById('submenulayer').style.left = findPosX(document.getElementById('menuitem' + menunum)) - 2 + 'px';
	} else {
		document.getElementById('submenulayer').style.visibility = 'hidden';
	}
}

function HighlightTitle(menunum){
	document.getElementById('menuitem' + menunum).className="mainmenuitemact";
}

function InvertTitle(menunum){
	document.getElementById('menuitem' + menunum).className="mainmenuitem";
}

function MainBlockOver(itemnr){
	document.getElementById(itemnr.id).className="imageitemblockover";
}

function MainBlockOut(itemnr){
	document.getElementById(itemnr.id).className="imageitemblock";
}

function HighlightSubTitle(submenunum){
	document.getElementById('submenuitem' + submenunum).style.color = "#FFCC00";
}

function InvertSubTitle(submenunum){
	document.getElementById('submenuitem' + submenunum).style.color = "#FFFFFF";
}

function GoToURL(tourl){
	//alert(tourl);
	document.location = tourl;
}

function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

function findPosX2(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function ChangeImg(theIMG,newIMG){
	var theIMGsrc = document.getElementById(theIMG);
	theIMGsrc.src = newIMG;
}