 function getClosure(object, method) {
      return function() {
        return object[method]();
      }
    }
    
    function getEventHandlerClosure(object, method) {
      return function(event) {
        if (!event) event = window.event;
        
        if (event.pageX)
        {
          event.x_ = event.pageX;
          event.y_ = event.pageY;
        }
        else if (event.clientX)
        {
          event.x_ = event.clientX;
          event.y_ = event.clientY;
        }
        else
        {
          alert("don't know how to get position out of event");
          return;
        }
        return object[method](event);
      }
    }
    
    function addMouseMoveHandler(handler) {
      document.body.mouseMoveHandlers[handler] = handler;
    }
    
    function removeMouseMoveHandler(handler) {
      delete document.body.mouseMoveHandlers[handler];
    }
    
    function invokeMouseMoveHandlers(event) {
      for (var handler in document.body.mouseMoveHandlers) {
        document.body.mouseMoveHandlers[handler](event);
      }
    }
    
	  function initialize() {    
	    document.body.mouseMoveHandlers = new Object();
      document.body.onmousemove = invokeMouseMoveHandlers;
  
	    var divs = document.getElementsByTagName("div");
	    
	    for (var i=0; i < divs.length; i++) {
	      var div = divs[i];
	      	      
	      if (div.className != "container") {
	        continue;
	      }
	      
	      with (div.style) {
          div.offsetX = parseInt(marginLeft.substring(0, marginLeft.length - 2));
          div.offsetY = parseInt(marginTop.substring(0, marginTop.length - 2));
        }
        
	      div.beginDrag = function(event) {
          this.lastDragX = event.x_;
          this.lastDragY = event.y_;
          
          addMouseMoveHandler(this.mouseMoveHandler);
          
          return false;
        }
        
        div.updateDrag = function(event) {
          this.offsetX += event.x_ - this.lastDragX;
          this.offsetY += event.y_ - this.lastDragY;
                    
          this.lastDragX = event.x_;
          this.lastDragY = event.y_;
          
          with (this.style) {
            marginLeft = 0 + "px";
            marginTop = 0 + "px";
          }
        }
        
        div.endDrag = function(event) {
          removeMouseMoveHandler(this.mouseMoveHandler);
        }
  
        div.onmousedown = getEventHandlerClosure(div, "beginDrag");
        div.mouseMoveHandler = getEventHandlerClosure(div, "updateDrag");
        div.onmouseup = getEventHandlerClosure(div, "endDrag");
        
	    }
	  }
	  
	  function loadImage() {
	    var src = document.getElementById("imgSrc").value;
	    
	    var loader = document.getElementById("loader")
	    
	    loader.image = document.createElement("img");
	    loader.image.src = src;
	    loader.appendChild(loader.image);
	    loader.iterations = 0;

      setTimeout(waitForImageSize, 0);
    }
    
    function waitForImageSize() {
      var loader = document.getElementById("loader");
      
      if (loader.image.width <= 24 &&
          loader.iterations <= 10) {
        setTimeout(waitForImageSize, 100);
        return;
      }
	    
	    var container = document.getElementById("loadedContents");
	    if (container.image) {
	      container.removeChild(container.image);
	    }

	    container.style.width = loader.image.width + "px";
	    container.style.height = loader.image.height + "px";
	    
	    loader.removeChild(loader.image);
	    container.appendChild(loader.image);
	    container.image = loader.image;
	    loader.image = null;
	  }
	  

	
		function showVideoNieuw(){ 
	
	
		document.getElementById("picturelabel").style.display = 'none';
			document.getElementById("videodiv0").style.display = '';
			
			document.getElementById("contentsid").style.background = 'url(images/back_container.jpg)';
		  }
		  
		  
		 	function showPictureNieuw(){ 
	
	
		document.getElementById("picturelabel").style.display = '';
			document.getElementById("videodiv0").style.display = 'none';
			
			document.getElementById("contentsid").style.background = 'url(images/back_container2.jpg)';
		  }
		  
		  
		  
	
		function showVideo(){ 
	
	
		
		  var popUp = document.getElementById("video");   popUp.style.visibility = "visible";
		  
		  }
	function hideVideo(){ 
		
		  var popUp = document.getElementById("video");   popUp.style.visibility = "hidden";
		  document.getElementById("videoflash").StopPlay();

		  }
	
	
	
	
	
		function showPopup(product,artikelnummer){ 
		document.getElementById("bestelhtml").innerHTML = "<span style='font-size:8pt;'><B>"+  product+ "</b></span>";
		document.getElementById("orderartikelnummer").value = artikelnummer;
		document.getElementById("aantalincart").value = 1;
	
		
		  var popUp = document.getElementById("popup1");   popUp.style.visibility = "visible";
		  	document.getElementById("aantalincart").focus();
		  }
	function hidePopup(){ 
		
		  var popUp = document.getElementById("popup1");   popUp.style.visibility = "hidden";
		  
		  }


function incart(){
	
	window.location.href = "incart.php?artikelnummer=" + document.getElementById("orderartikelnummer").value + "&aantal=" + document.getElementById("aantalincart").value + "&random=" + document.getElementById("randomfield").value;
}
