function XBrowserAddHandler(target,eventName,handlerName) {
    if ( target.addEventListener )
      target.addEventListener(eventName, handlerName, false);
    else if ( target.attachEvent )
      target.attachEvent("on" + eventName, handlerName);
    else
      target["on" + eventName] = handlerName;
}

var homebanners;
var homebanner_index = 0;

function homebanner() {
  homebanners[homebanner_index].style.display = "none";
  window.status = homebanner_index;
  homebanner_index++;
  if (homebanner_index >= homebanners.length) homebanner_index = 0;
  homebanners[homebanner_index].style.display = "block";
  setTimeout(homebanner, homebanners[homebanner_index].getAttribute("time"));
}

showMenu = function() {
  var subMenuItems = document.getElementById("topmenu").getElementsByTagName("SPAN");
  for (var i=0; i<subMenuItems.length; i++) {
    if (subMenuItems[i].className.toLowerCase() == "menuitemtop") {
      subMenuItems[i].onmouseover=function() {
        this.getElementsByTagName("DIV")[0].style.display = "block";
        //this.className+="_hover";
      }
      subMenuItems[i].onmouseout=function() {
        this.getElementsByTagName("DIV")[0].style.display = "none";
        //this.className=this.className.replace(new RegExp("_hover\\b"), "");
      }
    }
  }

  subMenuItems = document.getElementById("sitemenu").getElementsByTagName("DIV");
  for (i=0; i<subMenuItems.length; i++) {
    if (subMenuItems[i].className.toLowerCase() == "menuitem") {
      subMenuItems[i].onmouseover=function() {
        this.id = "active";
        this.getElementsByTagName("DIV")[0].style.display = "block";
        this.getElementsByTagName("IMG")[0].src = "/images/sitemenu1.gif";
      }
      subMenuItems[i].onmouseout=function() {
        this.id = "";
        this.getElementsByTagName("DIV")[0].style.display = "none";
        this.getElementsByTagName("IMG")[0].src = "/images/sitemenu0.gif";
      }
    }
  }
}

//XBrowserAddHandler(window, "load", showMenu);
XBrowserAddHandler(window, "resize", onResize);
XBrowserAddHandler(window, "scroll", onScroll);

function resizeOverlay() {
  var o = document.getElementById("overlay");
  if (o.style.display != "none") {
    var o2 = document.getElementById("overlay_background");
    o.style.display = "none";
    var p = getPageSize();
    o.style.width  = o2.style.width  = p[0];
    o.style.height = o2.style.height = p[1];
    o.style.display = "block";
  }
  onScroll();
}

var resizeid;
function onResize() {
  window.clearTimeout(resizeid);
  resizeid = window.setTimeout("resizeOverlay()", 1000);
}

function onScroll() {
  var o = document.getElementById("overlay");
  if (o.style.display != "none") {
    var b = document.getElementById("overlay_block");
    var p = getPageSize();
    
    var pi = document.getElementById("pi");
    b.style.width = pi.width + 10;
    b.style.top  = document.body.scrollTop + (p[3] / 2) - (b.offsetHeight / 2);
    b.style.left = document.body.scrollLeft + (p[2] / 2) - (b.offsetWidth / 2);    
  }
}

/*
function pngfix() {
  var arVersion = navigator.appVersion.split("MSIE");
  var version = parseFloat(arVersion[1]);
  if ((version >= 5.5) && (document.body.filters)) {
    for(var i=0; i<document.images.length; i++)
      if (pngfixobject(document.images[i])) i--;
  }
}

function pngfixobject(img) {
  var imgName = img.src.toUpperCase()
  if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
  {
     var imgID = (img.id) ? "id='" + img.id + "' " : ""
     var imgClass = (img.className) ? "class='" + img.className + "' " : ""
     var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
     var imgStyle = "display:inline-block;" + img.style.cssText 
     if (img.align == "left") imgStyle = "float:left;" + imgStyle
     if (img.align == "right") imgStyle = "float:right;" + imgStyle
     if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
     var strNewHTML = "<span " + imgID + imgClass + imgTitle
     + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
     + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
     + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
     img.outerHTML = strNewHTML
     return true;
  }
  return false;
}
*/
function showFoto(src, text) {
  var p = getPageSize();
  var o = document.getElementById("overlay");
  var o2 = document.getElementById("overlay_background");

  var pi = document.getElementById("pi");
  
  o.style.width  = o2.style.width  = p[0];
  o.style.height = o2.style.height = p[1];
  document.getElementById("text").innerHTML = text;
  
  var s = document.getElementsByTagName("SELECT");
  for (var i=0; i < s.length; i++) {
    s[i].style.visibility = "hidden";
  }
  o.style.display = "block";

  pi.onload = onScroll;
  pi.src = "http://winkels.ikshop.nu/thumbs.ashx?src=" + src + "&w=320&h=240";
}

function showFoto2(src, text) {
  var p = getPageSize();
  var o = document.getElementById("overlay");
  var o2 = document.getElementById("overlay_background");

  var pi = document.getElementById("pi");
  
  o.style.width  = o2.style.width  = p[0];
  o.style.height = o2.style.height = p[1];
  document.getElementById("text").innerHTML = text;
  
  var s = document.getElementsByTagName("SELECT");
  for (var i=0; i < s.length; i++) {
    s[i].style.visibility = "hidden";
  }
  o.style.display = "block";
  
  pi.onload = onScroll;
  pi.src = "http://winkels.ikshop.nu" + src;
}

function showFoto3(src, text) {
  var p = getPageSize();
  var o = document.getElementById("overlay");
  var o2 = document.getElementById("overlay_background");

  var pi = document.getElementById("pi");
  pi.src = src;
  o.style.width  = o2.style.width  = p[0];
  o.style.height = o2.style.height = p[1];
  document.getElementById("text").innerHTML = text;
  
  var s = document.getElementsByTagName("SELECT");
  for (var i=0; i < s.length; i++) {
    s[i].style.visibility = "hidden";
  }
  o.style.display = "block";
  
  pi.onload = onScroll;
  pi.src = src;
}

function showPastry(src, text) {
  var p = getPageSize();
  var o = document.getElementById("overlay");
  var o2 = document.getElementById("overlay_background");

  var pi = document.getElementById("pi");
  
  o.style.width  = o2.style.width  = p[0];
  o.style.height = o2.style.height = p[1];
  document.getElementById("text").innerHTML = "<input type=\"button\" value=\"BESTELLEN\" name=\"BESTELLEN\" onclick=\"document.location.href='/vers-gebak/bestel-actie.html?p=" + text + "'\">";
  
  var s = document.getElementsByTagName("SELECT");
  for (var i=0; i < s.length; i++) {
    s[i].style.visibility = "hidden";
  }
  o.style.display = "block";
  
  pi.onload = onScroll;
  pi.src = "http://winkels.ikshop.nu" + src;
}

function closeFoto() {
  var s = document.getElementsByTagName("SELECT");
  for (var i=0; i < s.length; i++) {
    s[i].style.visibility = "visible";
  }

  var o = document.getElementById("overlay");
  o.style.display = "none";
}

function getPageSize() {
	var xScroll, yScroll;
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;

	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
  		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;		
	}

	arrayPageSize = new Array(pageWidth - 17,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}

function disableEnterKey(e) {
  var event = window.event ? window.event : e;
  var s = (window.event ? event.keyCode : event.which) != 13;
  if (!s) {
    if (event.preventDefault) event.preventDefault();
  }
  if (event.returnValue) event.returnValue = s;
  return s;
}

function disableEnterSubmit() {
  var f1 = document.forms;
  for (var i=0; i < f1.length; i++) {
    f2 = f1[i].elements;
    for (var j=0; j < f2.length; j++) {
      if (f2[j].type == "text") {
        XBrowserAddHandler(f2[j], "keypress", disableEnterKey);
      }
    }
  }
}