// JScript File

// voor het openhouden van het menu
var openMenu = null;
var menuStyle = null;
var timeOutId = null;

var openMenu = null;
$(document).ready(function() {
   //createcssmenu();
   
   $("#shopcartMenu").click(function(){
     location.href = '/winkelwagen.aspx';
   });
   
  // For the categories
	$('#menu > ul > li').mouseover(function() {
		menuDropDown($(this).find('ul'), true);
	});

	$('#menu > ul > li').mouseout(function() {
		menuDropDown($(this).find('ul'), false);
	});
	// End for the categories

  /* Sluit open menu's met evt. vertraging
   * params
   *   menu:      het weer te geven menu
   *   mouseover: mouseover of mouseout?
   */
  function menuDropDown(menu, mouseover) {
    menu = menu[0]; // .find('ul') geeft een array terug, met op het moment altijd maar één item
    if (menu != openMenu) {
      if (openMenu)
        menuStyle.display = 'none'; // het vorige menu-item verbergen

      if (!menu) return; // nog wel even het vorige menu verbergen, maar niet verder

      openMenu = menu;
    }
    if (!menu) return;

    menuStyle = menu.style;

    if (mouseover) {
      menuStyle.display = 'block';
      clearTimeout(timeOutId);
    } else {
      timeOutId = setTimeout('menuStyle.display = "none";', 1000);
    }
  }
});

var menuids=new Array("verticalmenu") //Enter id(s) of UL menus, separated by commas
var menu = "dsMenu"
var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

function createcssmenu(){
  var ulTags = document.getElementById(menu).getElementsByTagName("ul")
  for (var i=0; i<ulTags.length; i++) {
	  var spanRef = document.createElement("span")
		spanRef.className="arrowdiv"
		spanRef.innerHTML="&nbsp;&nbsp;"
		try {
		  ultags[i].parentNode.insertBefore(spanRef, ulTags[i].parentNode.getElementsByTagName("a")[0])
		} catch(err) {
		  //Firefox bug... possible due to <b></b> tags
		}
		ulTags[i].parentNode.onmouseover=function() {
			this.getElementsByTagName("ul")[0].style.left=this.parentNode.offsetWidth+submenuoffset+2+"px"
			this.getElementsByTagName("ul")[0].style.display="block"
		}
		ulTags[i].parentNode.onmouseout=function() {
			this.getElementsByTagName("ul")[0].style.display="none"
		}
	}
}