var winkelMandID, klantID;
function ShowPopUpDubbeleFunctie(url, parWidth, parHeight)
{
		objects = document.getElementsByTagName("object");
			for (i = 0; i < objects.length; i++){
				objects[i].style.visibility = "hidden";
			}
		var arrPageSize = getPageSize()
		width = arrPageSize[0];
		height = arrPageSize[1];
		
	    var divOverlay = document.createElement("div"); 
	    divOverlay.style.backgroundImage = "url('images/blauwepixel.png')";
	    divOverlay.setAttribute('id','divOverlay');
	    //divOverlay.style.background = "#3A4E67";
	    divOverlay.style.filter = "alpha(opacity:80)";
	    //divOverlay.style.MozOpacity = "0.8";
	    
	    divOverlay.style.width = width+"px";
	    divOverlay.style.height = height+"px";
	    divOverlay.style.top = "0px";
	    divOverlay.style.left =  "0px";
	    divOverlay.style.position = "absolute";
	    divOverlay.style.zIndex = 1000;
	    
	    /*
	    var divOverlayPNG = document.createElement("IMG"); 
	    divOverlayPNG.setAttribute('id','divOverlayPNG');
	    divOverlayPNG.src = "http://www.typhone.nl/afbeeldingen/a_1180701115.jpg"; 
	    divOverlayPNG.width="50px";
	    divOverlayPNG.height="50px";
	    divOverlay.appendChild(divOverlayPNG);
	    */
	    var objBody = document.getElementsByTagName("body").item(0);
	    objBody.insertBefore(divOverlay, objBody.firstChild);
	    
	    var divPopUp = document.createElement("div"); 
	    divPopUp.setAttribute('id','divPopUp');
	    
		divPopUp.className = "divPopUp";
		//if(!/Safari/.test(navigator.userAgent)){
			divPopUp.style.clip = "rect(0px 0px 0px 0px)";
		//}//clippen, behalve voor safari browser
	    divPopUp.style.left = Math.round(arrPageSize[2]/2-parWidth/2)+"px";
		divPopUp.style.top =  Math.round(arrPageSize[3]/2-parHeight/2 + arrayPageSize[5])+"px";
		divPopUp.style.width = parWidth+"px";
		divPopUp.style.height = parHeight+"px";
		divPopUp.style.position = "absolute";
	    divPopUp.style.zIndex =1001;
		
		var strHTML = "	<div id=\"topTitle\">";
		strHTML += "		<div id=\"title\">Bezig met laden....</div>";
        strHTML += "        <div id=\"divClose\" ><a href=\"#\" onclick=\"javascript:DestroyPopUp();return false;\">sluiten</a></div>";
		strHTML += "	</div>";
		strHTML += "	<div id=\"content\" >";
		strHTML += "		<div id=\"telimage\">";
		strHTML += "			<img src=\"http://www.typhone.nl/afbeeldingen/thumbs/LG-Shine-KE970.jpg\">";
		strHTML += "		</div>";
		strHTML += "		<div id=\"text\">";
		strHTML += "			<span class=\"blockheadlight\">LG shine KE970</span><br>";
		strHTML += "			<span class=\"kp_subhead\">wordt toegevoegd aan winkelmand</span>";
		strHTML += "		</div>";
	    strHTML += "	</div>";
	    divPopUp.innerHTML = strHTML;
		 objBody.insertBefore(divPopUp, objBody.firstChild);
		Expander(divPopUp,parWidth,parHeight);	
		
	// Create the XML request  
    xmlReq = null;
	if (window.XMLHttpRequest){
	    xmlReq = new XMLHttpRequest();
		if (xmlReq.overrideMimeType)
		    xmlReq.overrideMimeType('text/xml');
	}else
	if (window.ActiveXObject){
	    try {
	        xmlReq = new ActiveXObject("Msxml2.XMLHTTP");
	    }catch (e) {
	        try {
	            xmlReq = new ActiveXObject("Microsoft.XMLHTTP");
	        }catch (e) {}
	    }
    }
    if(xmlReq==null) return; // Failed to create the request
	
	xmlReq.onreadystatechange = function() // Anonymous function to handle changed request states
	{
		switch(xmlReq.readyState)
		{
		case 0:	// Uninitialized
			break;
		case 1: // Loading
			break;
		case 2: // Loaded
			break;
		case 3: // Interactive
			break;
		case 4: //ready??
	        if (navigator.appName=="Microsoft Internet Explorer") {
                var xml = xmlReq.responseXML.childNodes[1];  
            } else {
                var xml = xmlReq.responseXML.childNodes[0];  
            }
            if(xml!=null){
            
                if(xml.getAttribute("succes")=="true"){
                  if(xml.getAttribute("onload")!=null){eval(xml.getAttribute("onload"));}
                  if(xml.getAttribute("winkelMandID")!=null){winkelMandID = xml.getAttribute("winkelMandID");}
                  if(xml.getAttribute("klantID")!=null){klantID = xml.getAttribute("klantID");}
                  
                  if(xml.childNodes.length>0){
                      var imgSrc = xml.childNodes[0].getAttribute("value"); 
                      if(xml.childNodes[0].getAttribute("value")!=""){
                         document.getElementById("popUpImg").src = xml.childNodes[0].getAttribute("value");
                      }else{
                        document.getElementById("popUpImg").src = "images/info.gif";
                      }
                      document.getElementById("title").innerHTML = xml.childNodes[1].getAttribute("value");
                      document.getElementById("subTitle").innerHTML = xml.childNodes[2].getAttribute("value");
                      document.getElementById("subtext").innerHTML = xml.childNodes[3].getAttribute("value");
                      document.getElementById("subtext2").innerHTML = xml.childNodes[4].getAttribute("value");
                      
                      //weergeven verbergen Ok knop op popUp
                        if(xml.childNodes[6].getAttribute("value")=="true"){
                            document.getElementById("divOk").style.display = "block";
                            if(xml.childNodes[6].getAttribute("href")!=null){
                              document.getElementById("aOk").href = xml.childNodes[6].getAttribute("href");
                            }
                            if(xml.childNodes[6].getAttribute("onclick")!=null){
                              document.getElementById("aOk").attachEvent("onclick", function(){eval(xml.childNodes[6].getAttribute("onclick"));return false;})
                            }
                        }else{
                            document.getElementById("divOk").style.display = "none";
                        }
                       //weergeven verbergen verder knop op popUp, en toevoegen link
                        if(xml.childNodes[7].getAttribute("value")=="true"){
                           document.getElementById("divVerder").style.display = "block";
                           document.getElementById("aVerder").href = xml.childNodes[7].getAttribute("href");
                        }else{
                            document.getElementById("divVerder").style.display = "none";
                        }   
                        //close button weergeven (lang popUp titel en de anuleren knop
                        if(xml.childNodes[5].getAttribute("value")=="true"){
                            document.getElementById("divClose").style.display = "block";
                            document.getElementById("divCancel").style.display = "block";
                        }else{
                            document.getElementById("divClose").style.display = "none";
                            document.getElementById("divCancel").style.display = "none";
                        }
                    }
                }else{//ERROR
                  document.getElementById("popUpImg").src = "images/buttons/info-actie.gif";
                  document.getElementById("title").innerHTML = "Error melding";
                  document.getElementById("subTitle").innerHTML = "Error melding";
                  document.getElementById("subtext").innerHTML = xml.childNodes[0].getAttribute("value");
                  document.getElementById("subtext2").innerHTML = "";
                }  
             }else{
                   document.getElementById("popUpImg").src = "images/buttons/info-actie.gif";
                  document.getElementById("title").innerHTML = "Error melding";
                  document.getElementById("subTitle").innerHTML = "Error melding";
                  document.getElementById("subtext").innerHTML = "xml is null";
                  document.getElementById("subtext2").innerHTML = "";
             }   
            break;
		default:
			break;
		}
  }
    xmlReq.open ('GET', url , true); // Making request
	xmlReq.send (null);    
}	

 
function toonCamperKortingPopUp()
{
		objects = document.getElementsByTagName("object");
			for (i = 0; i < objects.length; i++){
				objects[i].style.visibility = "hidden";
			}
		var arrPageSize = getPageSize()
		width = arrPageSize[0];
		height = arrPageSize[1];
		
	    var divOverlay = document.createElement("div"); 
	    divOverlay.style.backgroundImage = "url('images/blauwepixel.png')";
	    divOverlay.setAttribute('id','divOverlay');
	    //divOverlay.style.background = "#3A4E67";
	    divOverlay.style.filter = "alpha(opacity:80)";
	    //divOverlay.style.MozOpacity = "0.8";
	    
	    divOverlay.style.width = width+"px";
	    divOverlay.style.height = height+"px";
	    divOverlay.style.top = "0px";
	    divOverlay.style.left =  "0px";
	    divOverlay.style.position = "absolute";
	    divOverlay.style.zIndex = 1000;
	    
	    /*
	    var divOverlayPNG = document.createElement("IMG"); 
	    divOverlayPNG.setAttribute('id','divOverlayPNG');
	    divOverlayPNG.src = "http://www.typhone.nl/afbeeldingen/a_1180701115.jpg"; 
	    divOverlayPNG.width="50px";
	    divOverlayPNG.height="50px";
	    divOverlay.appendChild(divOverlayPNG);
	    */
	    var objBody = document.getElementsByTagName("body").item(0);
	    objBody.insertBefore(divOverlay, objBody.firstChild);
	    
	    var divPopUp = document.createElement("div"); 
	    divPopUp.setAttribute('id','divPopUp');
	    
		divPopUp.className = "divPopUp";
		//if(!/Safari/.test(navigator.userAgent)){
			divPopUp.style.clip = "rect(0px 0px 0px 0px)";
		//}//clippen, behalve voor safari browser
	    divPopUp.style.left = Math.round(arrPageSize[2]/2-parWidth/2)+"px";
		divPopUp.style.top =  Math.round(arrPageSize[3]/2-parHeight/2 + arrayPageSize[5])+"px";
		divPopUp.style.width = parWidth+"px";
		divPopUp.style.height = parHeight+"px";
		divPopUp.style.position = "absolute";
	    divPopUp.style.zIndex =1001;
		
		var strHTML = "	<div id=\"topTitle\">";
		strHTML += "		<div id=\"title\">Bezig met laden....</div>";
        strHTML += "        <div id=\"divClose\" ><a href=\"#\" onclick=\"javascript:DestroyPopUp();return false;\">sluiten</a></div>";
		strHTML += "	</div>";
		strHTML += "	<div id=\"content\" >";
		strHTML += "		<div id=\"telimage\">";
		strHTML += "			<img src=\"http://www.typhone.nl/afbeeldingen/thumbs/LG-Shine-KE970.jpg\">";
		strHTML += "		</div>";
		strHTML += "		<div id=\"text\">";
		strHTML += "			<span class=\"blockheadlight\">LG shine KE970</span><br>";
		strHTML += "			<span class=\"kp_subhead\">wordt toegevoegd aan winkelmand</span>";
		strHTML += "		</div>";
	    strHTML += "	</div>";
	    divPopUp.innerHTML = strHTML;
		 objBody.insertBefore(divPopUp, objBody.firstChild);
		Expander(divPopUp,parWidth,parHeight);	
		
	// Create the XML request  
    xmlReq = null;
	if (window.XMLHttpRequest){
	    xmlReq = new XMLHttpRequest();
		if (xmlReq.overrideMimeType)
		    xmlReq.overrideMimeType('text/xml');
	}else
	if (window.ActiveXObject){
	    try {
	        xmlReq = new ActiveXObject("Msxml2.XMLHTTP");
	    }catch (e) {
	        try {
	            xmlReq = new ActiveXObject("Microsoft.XMLHTTP");
	        }catch (e) {}
	    }
    }
    if(xmlReq==null) return; // Failed to create the request
	
	xmlReq.onreadystatechange = function() // Anonymous function to handle changed request states
	{
		switch(xmlReq.readyState)
		{
		case 0:	// Uninitialized
			break;
		case 1: // Loading
			break;
		case 2: // Loaded
			break;
		case 3: // Interactive
			break;
		case 4: //ready??
	        if (navigator.appName=="Microsoft Internet Explorer") {
                var xml = xmlReq.responseXML.childNodes[1];  
            } else {
                var xml = xmlReq.responseXML.childNodes[0];  
            }
            if(xml!=null){
            
                if(xml.getAttribute("succes")=="true"){
                  if(xml.getAttribute("onload")!=null){eval(xml.getAttribute("onload"));}
                  if(xml.getAttribute("winkelMandID")!=null){winkelMandID = xml.getAttribute("winkelMandID");}
                  if(xml.getAttribute("klantID")!=null){klantID = xml.getAttribute("klantID");}
                  
                  if(xml.childNodes.length>0){
                      var imgSrc = xml.childNodes[0].getAttribute("value"); 
                      if(xml.childNodes[0].getAttribute("value")!=""){
                         document.getElementById("popUpImg").src = xml.childNodes[0].getAttribute("value");
                      }else{
                        document.getElementById("popUpImg").src = "images/info.gif";
                      }
                      document.getElementById("title").innerHTML = xml.childNodes[1].getAttribute("value");
                      document.getElementById("subTitle").innerHTML = xml.childNodes[2].getAttribute("value");
                      document.getElementById("subtext").innerHTML = xml.childNodes[3].getAttribute("value");
                      document.getElementById("subtext2").innerHTML = xml.childNodes[4].getAttribute("value");
                      
                      //weergeven verbergen Ok knop op popUp
                        if(xml.childNodes[6].getAttribute("value")=="true"){
                            document.getElementById("divOk").style.display = "block";
                            if(xml.childNodes[6].getAttribute("href")!=null){
                              document.getElementById("aOk").href = xml.childNodes[6].getAttribute("href");
                            }
                            if(xml.childNodes[6].getAttribute("onclick")!=null){
                              document.getElementById("aOk").attachEvent("onclick", function(){eval(xml.childNodes[6].getAttribute("onclick"));return false;})
                            }
                        }else{
                            document.getElementById("divOk").style.display = "none";
                        }
                       //weergeven verbergen verder knop op popUp, en toevoegen link
                        if(xml.childNodes[7].getAttribute("value")=="true"){
                           document.getElementById("divVerder").style.display = "block";
                           document.getElementById("aVerder").href = xml.childNodes[7].getAttribute("href");
                        }else{
                            document.getElementById("divVerder").style.display = "none";
                        }   
                        //close button weergeven (lang popUp titel en de anuleren knop
                        if(xml.childNodes[5].getAttribute("value")=="true"){
                            document.getElementById("divClose").style.display = "block";
                            document.getElementById("divCancel").style.display = "block";
                        }else{
                            document.getElementById("divClose").style.display = "none";
                            document.getElementById("divCancel").style.display = "none";
                        }
                    }
                }else{//ERROR
                  document.getElementById("popUpImg").src = "images/buttons/info-actie.gif";
                  document.getElementById("title").innerHTML = "Error melding";
                  document.getElementById("subTitle").innerHTML = "Error melding";
                  document.getElementById("subtext").innerHTML = xml.childNodes[0].getAttribute("value");
                  document.getElementById("subtext2").innerHTML = "";
                }  
             }else{
                   document.getElementById("popUpImg").src = "images/buttons/info-actie.gif";
                  document.getElementById("title").innerHTML = "Error melding";
                  document.getElementById("subTitle").innerHTML = "Error melding";
                  document.getElementById("subtext").innerHTML = "xml is null";
                  document.getElementById("subtext2").innerHTML = "";
             }   
            break;
		default:
			break;
		}
  }
    xmlReq.open ('GET', url , true); // Making request
	xmlReq.send (null);    
}	


	
	function SetClipping(parClip, parXcoordCenter, parYcoordCenter)
	{
		//alert(el+"--"+width+"--"+height);
		var top, right, bottom, left;
		var divPopUp = document.getElementById("divPopUp");
		if(divPopUp!=null){//wanneer popUp sneller wordt gesloten (gedestroyed) dan dat hij is geopend
		    top = parYcoordCenter - parYcoordCenter*parClip;
		    right = parXcoordCenter + parXcoordCenter*parClip;
		    bottom = parYcoordCenter + parYcoordCenter*parClip;
		    left = parXcoordCenter- parXcoordCenter*parClip;
		    divPopUp.style.clip = "rect("+top+"px "+right+"px "+bottom+"px "+left+"px)";
    	}	
	}
	
	function Expander(el,width,height)
	{
		var steps=50;
			var stepWidth =width/steps;
			var stepHeight =height/steps;			

		for (i=0;i<=steps;i++)
		{
			
			window.setTimeout("SetClipping("+i/steps+","+width/2+","+height/2+" )", 10*i);
		}
	}
	

	
	
	
	function DestroyPopUp()
	{
		var divPopUp = document.getElementById("divPopUp");
		var divOverlay = document.getElementById("divOverlay");
		
		var objBody = document.getElementsByTagName("body").item(0);
		objBody.removeChild(divPopUp)
		objBody.removeChild(divOverlay)
		objects = document.getElementsByTagName("object");
			for (i = 0; i < objects.length; i++){
				objects[i].style.visibility = "visible";
			}
		
	}
	
 
	function closeOnKey(e){
        var evtobj=window.event? event : e 
        var unicode=evtobj.charCode? evtobj.charCode : evtobj.keyCode
	        if (unicode==13) { closePopUp(); closePopUp() } // popup sluiten met enter
	        else if (unicode==27) { closePopUp() } // popup sluiten met escape
	        else if (unicode==32) { closePopUp() } // popup sluiten met spatie
	}