// JScript File

var arrPageSize;
var timeOut;
var timeOut2;
var popUpTimeoutMs = 60000;
var bestellenTot = "18.00";

function bestel(ParArtikelen, parAbonnementen, parAanbieding, parParentID, parOudWinkelMandCombinatieNummer)
{
   // maken url voor xml verzoek    
   var url = "xml/ajaxrequests/toevoegenAanWinkelMand.php?"
   if(ParArtikelen!=''&&ParArtikelen!=undefined){url+="art="+ParArtikelen;}
   if(parAbonnementen!=''&&parAbonnementen!=undefined){url+="&abo="+parAbonnementen;}
   if(parAanbieding!=''&&parAanbieding!=undefined){url+="&aanb="+parAanbieding;}
   if(parParentID!=''&&parParentID!=undefined){url+="&par="+parParentID;}
   if (parOudWinkelMandCombinatieNummer != '' && parOudWinkelMandCombinatieNummer != undefined) { url += "&oudCombiNr=" + parOudWinkelMandCombinatieNummer; }
   if(window.location.href.indexOf("go=winkelmand")>0){
     doAjaxRequest(true,url,null,null,null);
   }else{
     doAjaxRequest(true,url,"overlayContentDynamic",null,null);
   }    
}
function verwijderUitWinkelMand(parWinkelMandItemID){
    closeDynamicPopUp();
    doAjaxRequest(true,"xml/ajaxrequests/verwijderUitWinkelMand.php?id="+parWinkelMandItemID,null,null,null);
}
function hidePopUpAfterLoad(parURL){
    // Create the XML request  
    xmlReq3 = null;
    if(window.XMLHttpRequest)         xmlReq3 = new XMLHttpRequest();
    else if(window.ActiveXObject)     xmlReq3 = new ActiveXObject("Microsoft.XMLHTTP");
    if(xmlReq3==null) return; // Failed to create the request
    xmlReq3.open ('GET',parURL , true); // Making request
	xmlReq3.send (null);
    xmlReq3.onreadystatechange = function(){
		switch(xmlReq3.readyState)
		{
		case 4: //ready??
		    if (xmlReq3.status==200){
		        updateWinkelMand(WinkelMandID)
            }else{
                alert("Er is iets fout gegaan tijdens het versturen van uw verzoek, status code: " + xmlReq.status)
            }

            break;
      }      
   }
} 
function popupTimerExpire()
{
  clearTimeout(timeOut);
  timeOut=0;
 
  gotoWinkelMand();
}
function updateDivInWinkelMand(parAantal, parPrijs) 
{
    if (parAantal != '' && parAantal != undefined &&
		parPrijs != '' && parPrijs != undefined) 
	{
        
        var divInWinkelMand = document.getElementById("divInWinkelMand");

        if (divInWinkelMand) {
            if (isIE) {
                divAantalArtikelen = divInWinkelMand.childNodes[1].childNodes[0];
                divTotaalBedrag = divInWinkelMand.childNodes[2].childNodes[0];
            }
            else {
                divAantalArtikelen = divInWinkelMand.childNodes[3].childNodes[0];
                divTotaalBedrag = divInWinkelMand.childNodes[4].childNodes[0];
            }

            if (divAantalArtikelen) {
                switch (parseInt(parAantal)) {
                    case 0:
                        divAantalArtikelen.innerHTML = "Geen Artikelen";
                        break;
                    case 1:
                        divAantalArtikelen.innerHTML = "1 Artikel";
                        break;
                    default:
                        divAantalArtikelen.innerHTML = parAantal + " Artikelen";
                }
            }
            if (divTotaalBedrag){
                var fltTotaalBedrag = parseFloat(parPrijs.replace(".", "").replace(",", "."));
                divTotaalBedrag.innerHTML = "€ " + (Math.round(fltTotaalBedrag * 100) / 100).toFixed(2).replace(".", ",");
            }
          }
    } else {
        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
        {
            if (xmlReq.readyState == 4) {
                if (isIE) {
                    var xml = xmlReq.responseXML.childNodes[1];
                }
                else {
                    var xml = xmlReq.responseXML.childNodes[0];
                }
                if (xml != null) {
                    parAantal = xml.getAttribute("aantalArtikelen");
                    parPrijs = xml.getAttribute("totaalBedrag");

                    parPrijs = parPrijs.replace(".", ",");
                    if (parPrijs.indexOf(",") == -1) parPrijs = parPrijs + ",00";
                    else if (parPrijs.indexOf(",") == parPrijs.length - 2) parPrijs = parPrijs + "0";

                    //om infinite loop te voorkomen, zelfde check als in begin van deze functie
                    if (parAantal != '' && parAantal != undefined &&
	                    parPrijs != '' && parPrijs != undefined) {
                        updateDivInWinkelMand(parAantal, parPrijs);
                    }
                }
            }
        }
         xmlReq.open ('GET', 'xml/getAantalEnPrijsInWinkelMand.php', true); // Making request
	     xmlReq.send (null);    
	  }   
}


function gotoWinkelMand()
{
    window.location.href = "http://"+window.location.hostname+"/index.php?go=winkelmand";
}

var WinkelMandID;
function updateWinkelMand(parWinkelMandID){
    var hasItems = false;
    var huidigeStap = 0;
    var stap=["B","C","D","E","F"];
    
    var divStap1Content = document.getElementById("stap1Content")
    if(divStap1Content!=null){
        WinkelMandID = parWinkelMandID;
        // Create the XML request  
        xmlReqUpdate = null;
	if (window.XMLHttpRequest){
	    xmlReqUpdate = new XMLHttpRequest();
		if (xmlReqUpdate.overrideMimeType)
		    xmlReqUpdate.overrideMimeType('text/xml');
	}else
	if (window.ActiveXObject){
	    try {
	        xmlReqUpdate = new ActiveXObject("Msxml2.XMLHTTP");
	    }catch (e) {
	        try {
	            xmlReqUpdate = new ActiveXObject("Microsoft.XMLHTTP");
	        }catch (e) {}
	    }
    }
        if(xmlReqUpdate==null) return; // Failed to create the request
        xmlReqUpdate.onreadystatechange = function() // Anonymous function to handle changed request states
        {
            var aantalItems = 0;
            switch (xmlReqUpdate.readyState) {
                case 4: //ready
                    if (xmlReqUpdate.responseText != "") {

                        if (navigator.appName == "Microsoft Internet Explorer") {
                            var xml = xmlReqUpdate.responseXML.childNodes[1];
                        }
                        else {
                            var xml = xmlReqUpdate.responseXML.childNodes[0];
                        }



                        var divStap1Content = document.getElementById("stap1Content");
                        var divSmsBundels = document.getElementById("smsBundels");
                        var divSmsBundelItems = document.getElementById("smsitems");
                        var divDataBundels = document.getElementById("dataBundels");
                        var divDataBundelItems = document.getElementById("dataitems");
                        var divOverigeBundels = document.getElementById("OverigeBundels");
                        var divOverigeBundelItems = document.getElementById("Overigeitems");
                        var divCare = document.getElementById("DivCare");
                        var divCareItems = document.getElementById("Careitems");
                        var divAccessoires = document.getElementById("DivAccessoires");
                        var divAccessoireItems = document.getElementById("accessoireItems");

                        var hasSmsBundel = false;
                        var hasDataBundel = false;
                        var hasSmsBundels = false;
                        var hasDataBundels = false;

                        var overigeBundelsIDs = new Array();

                        divSmsBundelItems.innerHTML = "";
                        divDataBundelItems.innerHTML = "";
                        divOverigeBundelItems.innerHTML = "";
                        divStap1Content.innerHTML = "";
                        divCareItems.innerHTML = "";
                        divAccessoireItems.innerHTML = "";

                        //toevoegen artikelen


                        if (xml.childNodes.length > 1) {
                            if (xml.childNodes[0].childNodes.length > 0) {
                                hasItems = true;
                                for (var i = 0; i < xml.childNodes[0].childNodes.length; i++) {
                                    abonnementVormTypeID = xml.childNodes[0].childNodes[i].getAttribute("AbonnementVormTypeID");
                                    abonnementVormSoortID = xml.childNodes[0].childNodes[i].getAttribute("AbonnementVormSoortID");

                                    abonnementVormTypeID = abonnementVormTypeID.split(",");
                                    abonnementVormSoortID = abonnementVormSoortID.split(",");


                                    if (inArray(abonnementVormSoortID, 2)) hasSmsBundel = true;
                                    if (inArray(abonnementVormSoortID, 3)) hasDataBundel = true;

                                    if (xml.childNodes[0].childNodes[i].getAttribute("AbonnementVormSoortID").indexOf(1) < 0 && xml.childNodes[0].childNodes[i].getAttribute("AbonnementVormSoortID").indexOf(5) < 0 && abonnementVormSoortID != '') {
                                        if (hasSmsBundel) {
                                            var hasSmsBundel = true;
                                            var newElement = getSubElement(xml.childNodes[0].childNodes[i], xml.childNodes[2], abonnementVormSoortID);
                                        }
                                        else if (hasDataBundel) {
                                            var hasDataBundel = true;
                                            var newElement = getSubElement(xml.childNodes[0].childNodes[i], xml.childNodes[3], abonnementVormSoortID);
                                        }
                                        else {
                                            overigeBundelsIDs.push(xml.childNodes[0].childNodes[i].getAttribute("AbonnementID"));
                                            var newElement = getSubElement(xml.childNodes[0].childNodes[i], xml.childNodes[4], abonnementVormSoortID);
                                        }
                                        divStap1Content.appendChild(newElement);
                                    }
                                    else {
                                        var newElement = getElement(xml.childNodes[0].childNodes[i], i);
                                        divStap1Content.appendChild(newElement);

                                    }
                                    aantalItems += parseInt(xml.childNodes[0].childNodes[i].getAttribute("Aantal"));

                                }
                            }

                            //toevoegen totaalbedrag
                            if (xml.childNodes[1].nodeName == "totaalbedrag") {
                                aantalItemsFillUp = aantalItems;
                                initieleRuimte = 2;
                                while (aantalItemsFillUp < initieleRuimte) {
                                    //als minder artikelen dan initiele ruimte voeg produktrij in
                                    divStap1Content.appendChild(createEmptyProductDivLine(true, aantalItemsFillUp))
                                    aantalItemsFillUp++;
                                }
                                var divGreyLine = document.createElement("div");
                                divGreyLine.className = "greyline1px";
                                divStap1Content.appendChild(divGreyLine);
                                var newElement = getTotaalPrijsRegel(xml.childNodes[1])
                                divStap1Content.appendChild(newElement);
                                var divBlueLine = document.createElement("div");
                                divGreyLine.className = "blueline";
                                divStap1Content.appendChild(divGreyLine);
                            }
                            //toevoegen sms bundels
                            if (xml.childNodes[2] != null) {
                                if (xml.childNodes[2].childNodes.length > 0) {
                                    hasSmsBundels = true;
                                    for (var i = 0; i < xml.childNodes[2].childNodes.length; i++) {
                                        if (!hasSmsBundel) {
                                            var newElement = getBundelElement(xml.childNodes[2].childNodes[i]);
                                            divSmsBundelItems.appendChild(newElement);

                                            var divGrayLine1 = document.createElement("div");
                                            divGrayLine1.className = "greyline1px";
                                            divSmsBundelItems.appendChild(divGrayLine1);

                                        }
                                    }
                                }
                                if (divSmsBundelItems.childNodes.length > 0) {
                                    divSmsBundels.style.display = "block";

                                } else {
                                    divSmsBundels.style.display = "none";
                                }
                                if (hasSmsBundels) {
                                    var imgStapAanduidingSrc = "images/stapnummers/stap_1" + stap[huidigeStap] + ".gif";
                                    document.getElementById('smsStap').src = imgStapAanduidingSrc;
                                    huidigeStap++;
                                }
                            }
                            //toevoegen Data bundels
                            if (xml.childNodes[3] != null) {
                                if (xml.childNodes[3].childNodes.length > 0 && !hasDataBundel) {
                                    for (var i = 0; i < xml.childNodes[3].childNodes.length; i++) {
                                        //if (!inArray(xml.childNodes[3].childNodes[i].getAttribute("AbonnementVormSoortID"), "3")) {
                                        var hasDataBundels = true;
                                        var newElement = getBundelElement(xml.childNodes[3].childNodes[i]);
                                        divDataBundelItems.appendChild(newElement);
                                        var divGrayLine1 = document.createElement("div");
                                        divGrayLine1.className = "greyline1px";
                                        divDataBundelItems.appendChild(divGrayLine1);
                                        //}
                                    }
                                }
                                if (divDataBundelItems.childNodes.length > 0) {
                                    divDataBundels.style.display = "block";
                                } else {
                                    divDataBundels.style.display = "none";
                                }
                                if (hasDataBundels) {
                                    var imgStapAanduidingSrc = "images/stapnummers/stap_1" + stap[huidigeStap] + ".gif";
                                    document.getElementById('dataStap').src = imgStapAanduidingSrc;
                                    huidigeStap++;
                                }
                            }

                            //toevoegen overige bundels
                            if (xml.childNodes[4] != null) {
                                if (xml.childNodes[4].childNodes.length > 0) {
                                    for (var i = 0; i < xml.childNodes[4].childNodes.length; i++) {
                                        if (xml.childNodes[4].childNodes[i].getAttribute("AbonnementVormSoortID") != "3"
                                            &&
                                           xml.childNodes[4].childNodes[i].getAttribute("AbonnementVormSoortID") != "2"
                                            ) {
                                            var hasIOverigeBundels = true;
                                            if (!inArray(overigeBundelsIDs, xml.childNodes[4].childNodes[i].getAttribute("AbonnementID"))) {
                                                var newElement = getOverigeBundelElement(xml.childNodes[4].childNodes[i]);
                                                divOverigeBundelItems.appendChild(newElement);
                                                var divGrayLine1 = document.createElement("div");
                                                divGrayLine1.className = "greyline1px";
                                                divOverigeBundelItems.appendChild(divGrayLine1);
                                            }
                                        }
                                    }
                                }
                                if (divOverigeBundelItems.childNodes.length > 0) {
                                    divOverigeBundels.style.display = "block";
                                    divOverigeBundels.innerHTML = huidigeStap + divOverigeBundels.innerHTML;
                                    huidigeStap++;
                                } else {
                                    divOverigeBundels.style.display = "none";
                                }
                                if (hasIOverigeBundels) {
                                    var imgStapAanduidingSrc = "images/stapnummers/stap_1" + stap[huidigeStap] + ".gif";
                                    document.getElementById('overigeStap').src = imgStapAanduidingSrc;
                                    huidigeStap++;
                                }
                            }

                            //toevoegen care items
                            if (xml.childNodes[5] != null) {
                                if (xml.childNodes[5].childNodes.length > 0) {
                                    for (var i = 0; i < xml.childNodes[5].childNodes.length; i++) {
                                        var hasCareItems = true;
                                        var newElement = getCareElement(xml.childNodes[5].childNodes[i]);
                                        divCareItems.appendChild(newElement);
                                        var divGrayLine1 = document.createElement("div");
                                        divGrayLine1.className = "greyline1px";
                                        divCareItems.appendChild(divGrayLine1);
                                    }
                                }
                                if (hasCareItems) {
                                    var imgStapAanduidingSrc = "images/stapnummers/stap_1" + stap[huidigeStap] + ".gif";
                                    document.getElementById('careStap').src = imgStapAanduidingSrc;
                                    huidigeStap++;
                                }
                                if (divCareItems.childNodes.length > 0) {
                                    divCare.style.display = "block";
                                } else {
                                    divCare.style.display = "none";
                                }
                            }

                            //toevoegen accessoires
                            if (xml.childNodes[6] != null) {
                                if (xml.childNodes[6].childNodes.length > 0) {
                                    for (var i = 0; i < xml.childNodes[6].childNodes.length; i++) {
                                        var hasAccessoiresItems = true
                                        var newElement = getAccessioreElement(xml.childNodes[6].childNodes[i]);
                                        divAccessoireItems.appendChild(newElement);
                                    }
                                    if (divAccessoireItems.childNodes.length > 0) {
                                        divAccessoires.style.display = "block";
                                    }
                                } else {

                                    divAccessoires.style.display = "none";
                                }
                                if (hasAccessoiresItems) {
                                    var imgStapAanduidingSrc = "images/stapnummers/stap_1" + stap[huidigeStap] + ".gif";
                                    document.getElementById('accStap').src = imgStapAanduidingSrc;
                                    huidigeStap++;
                                }
                            }
                        } else {
                            var newElement = document.createElement("div");
                            newElement.className = "geenArtikelen"
                            newElement.innerHTML = "De wachttijd voor uw winkelmand is verstreken. Klik op 'verder winkelen' om opnieuw een bestelling te plaatsen.";
                            divStap1Content.appendChild(newElement);
                        }
                        closePopUp2();
                    }
                    //var bestelKnoppen = document.getElementsById("ImgVerderMetBestellen");
                    //var divBestelVerder  = document.all["divVerderMetBestellen"]; 
                    var allDivs = document.getElementsByTagName("div")
                    for (i = 0; i < allDivs.length; i++) {
                        if (allDivs[i].id == "divVerderMetBestellen") {
                            if (allDivs[i].firstChild) {
                                allDivs[i].removeChild(allDivs[i].firstChild)
                            }
                            if (hasItems) {
                                var BestelImg = document.createElement("img");
                                BestelImg.src = "images/winkelmand/naar_stap-2.gif"
                                var aVerderMetBestellen = document.createElement("a");
                                aVerderMetBestellen.setAttribute('href', '?go=winkelmand&stap=2');
                                aVerderMetBestellen.setAttribute('title', 'Verder met bestellen');
                                aVerderMetBestellen.appendChild(BestelImg);
                                allDivs[i].appendChild(aVerderMetBestellen);
                                var vwblw = document.getElementById("verderWinkelenBijLegeWinkelmand");
                                if (vwblw) vwblw.style.display = "none";


                            } else {
                                var vwblw = document.getElementById("verderWinkelenBijLegeWinkelmand");
                                if (vwblw) vwblw.style.display = "block";
                            }
                        }
                    }
                    //zet kiesextrasheader neer als er bundels zijn, anders niet
                    var divKiesExtrasHeader = document.getElementById("kiesExtrasHeader");
                    var geenBundels = true;
                    if (divSmsBundels.style.display == "block" || divDataBundels.style.display == "block" || divOverigeBundels.style.display == "block" || divCare.style.display == "block" || divAccessoires.style.display == "block")
                        geenBundels = false;
                    if (geenBundels)
                        divKiesExtrasHeader.style.display = "none";
                    else
                        divKiesExtrasHeader.style.display = "block";
                    if (xml.childNodes[1]) {
                        updateDivInWinkelMand(aantalItems, xml.childNodes[1].getAttribute("value"));
                    }
                    setAll();
                    break;

            }

        }
        var url = "xml/ajaxrequests/getWinkelMand.php";
        xmlReqUpdate.open ('GET', url, true); // Making request
	    xmlReqUpdate.send (null); 
    }
}

function createEmptyProductDivLine(leeg,aantal){
    if(leeg==undefined)
        leeg=false;
    if(aantal==undefined)
        aantal=1;
    var divMain = document.createElement("div"); 
    divMain.className = "content";
    var div1 = document.createElement("div");
    div1.className = "pic";
    divMain.appendChild(div1);
    var div = document.createElement("div");
    div.className = "beschrijving";
    
    if(aantal==0 && leeg)
    div.innerHTML='Geen artikelen in winkelmand';
    
    divMain.appendChild(div);    
    var div = document.createElement("div");
    div.className = "infopic";
    divMain.appendChild(div);
    var div = document.createElement("div");
    div.className = "aantal";
    divMain.appendChild(div);
    var div = document.createElement("div");
    div.className = "prijs";
    divMain.appendChild(div);
    var div = document.createElement("div");
    div.className = "verwijderen";
    //geen kruisje als in lege produktrij
    if(!leeg){
        var delImg = document.createElement("img");
        delImg.src = "images/x.png";
        var delA = document.createElement("a");
        delA.setAttribute('href','#');
        delA.appendChild(delImg);
        div.appendChild(delA);
    }
    divMain.appendChild(div);
     var div = document.createElement("div");
    div.className = "blueLine_producten";
    divMain.appendChild(div);
    return divMain;
 }

function getElement(xml, parRegelNummer){
    var divMain = createEmptyProductDivLine();
    if(xml.getAttribute("InfoLink")!='' &&xml.getAttribute("InfoLink")!=null){
        var ArtikelLink = document.createElement("a");
        ArtikelLink.setAttribute('href',xml.getAttribute("InfoLink"));
        var ArtikelLink2 = document.createElement("a");
        ArtikelLink2.setAttribute('href',xml.getAttribute("InfoLink"));
    }  
    
    if(xml.getAttribute("Foto").length>5){
        var imgSrc = xml.getAttribute("Foto")
     }else{
        var imgSrc = "images/geen_afbeelding_50.gif";
     }        

    var img=divMain.childNodes[0];
    img.style.backgroundImage = "url(" + imgSrc + ")";
    img.style.backgroundRepeat='no-repeat';
    img.style.backgroundPosition='center';
    if(ArtikelLink){
        ArtikelLink.appendChild(img)
        divMain.childNodes[0].appendChild(ArtikelLink);
    }else{
       //divMain.childNodes[0].appendChild(img);
    }
    
    divMain.childNodes[1].innerHTML = "<div class=\"text\">"+xml.getAttribute("OmschrijvingRegel1")+"</div>";
    if( xml.getAttribute("OmschrijvingRegel2")!=null){
        divMain.childNodes[1].innerHTML += "<div class=\"subline\">"+xml.getAttribute("OmschrijvingRegel2")+"</div>"
    }
    if(xml.childNodes.length>0){
        divMain.childNodes[1].innerHTML += getGsmKeuzeSelectBox(xml.childNodes, xml.getAttribute("OmschrijvingRegel3"));
    }else if( xml.getAttribute("OmschrijvingRegel3")!=null){
        divMain.childNodes[1].innerHTML += "<div class=\"text2\">"+xml.getAttribute("OmschrijvingRegel3")+"</div>";
    }
    if(ArtikelLink){

         var infoImg = document.createElement("img");
        infoImg.setAttribute('src','images/infopic.png');
        ArtikelLink2.appendChild(infoImg)
        divMain.childNodes[2].appendChild(ArtikelLink2);        
    }   
    if(xml.getAttribute("IsNDD")==1 &&  xml.getAttribute("NDDIsActief")==1)
    { 
        var nddDiv = document.createElement("div");
        nddDiv.className = "nddIcon";
        nddDiv.setAttribute('class','nddIcon'); 
        var nddPic=document.createElement("img");
        
         if(divMain.childNodes[5].childNodes[0].addEventListener){
            nddPic.addEventListener("click", function(evt){evt.preventDefault();showPopUpVerzendWijze();},true)   
        }else{
            nddPic.attachEvent("onclick", function(){showPopUpVerzendWijze();return false;})
        } 
        //<a href="" onclick="showPopUpVerzendWijze();return false;">
        nddPic.setAttribute('src','images/lorry24uur20x20.png');
        nddDiv.appendChild(nddPic); 
        divMain.appendChild(nddDiv); 
    }

    if (xml.getAttribute("AbonnementID") == 0 && xml.getAttribute("AanbiedingID") == 0 && xml.getAttribute("ArtikelID") != 998 && xml.getAttribute("ArtikelID") != 1165 && xml.getAttribute("ArtikelID") != 1166 && xml.getAttribute("ArtikelID") != 1167 && xml.getAttribute("ArtikelID") != 2787) {
        aantalMax = 10;
        if (xml.getAttribute("AanbiedingID") > 3)
            aantalMax = 3;
        divMain.childNodes[3].innerHTML = getAantalSelectBox(xml.getAttribute("WinkelMandCombiNummer"), xml.getAttribute("Aantal"), 1000 - (parRegelNummer * 10), aantalMax);
 
    }else{
        divMain.childNodes[3].innerHTML = xml.getAttribute("Aantal");
    }    
     if(IsNumeric(xml.getAttribute("CombinatiePrijs"))){
        divMain.childNodes[4].innerHTML = "&euro; " + xml.getAttribute("CombinatiePrijs");
    }else{
        divMain.childNodes[4].innerHTML = xml.getAttribute("CombinatiePrijs");
    }
    if(divMain.childNodes[5].childNodes[0].addEventListener){
        divMain.childNodes[5].childNodes[0].addEventListener("click", function(evt) { evt.preventDefault(); doAjaxRequest(true, "xml/ajaxrequests/bevestigVerwijderUitWinkelMand.php?id=" + xml.getAttribute("WinkelMandCombiNummer"), "overlayContentDynamic", null, null); }, true)   
    }else{
    divMain.childNodes[5].childNodes[0].attachEvent("onclick", function() { doAjaxRequest(true, "xml/ajaxrequests/bevestigVerwijderUitWinkelMand.php?id=" + xml.getAttribute("WinkelMandCombiNummer"), "overlayContentDynamic", null, null); return false; })
    }    
    return divMain;
 }
 
 function getSubElement(xml, xmlBundels, AbonnementVormSoortID){
    var divMain = createEmptyProductDivLine();
    if(xml.getAttribute("InfoLink")!='' &&xml.getAttribute("InfoLink")!=null){
        var ArtikelLink = document.createElement("a");
        ArtikelLink.setAttribute('href',xml.getAttribute("InfoLink"));
        var ArtikelLink2 = document.createElement("a");
        ArtikelLink2.setAttribute('href',xml.getAttribute("InfoLink"));
    }  
    //xml.childNodes[0].childNodes[i].getAttribute("AbonnementVormTypeID")
    if(xml.getAttribute("AbonnementVormSoortID")=="2"){
        var imgSrc = 'images/winkelmand/smspic.png';
    }else if(xml.getAttribute("AbonnementVormSoortID")=="3"){ 
        var imgSrc = 'images/winkelmand/datapic.png';
    }else{
        var imgSrc = "images/geen_afbeelding_50.gif";
    }   
    var img=divMain.childNodes[0];
    img.style.backgroundImage = "url(" + imgSrc + ")";
    img.style.backgroundRepeat='no-repeat';
    img.style.backgroundPosition='center';
    

   
    if(ArtikelLink){
        ArtikelLink.appendChild(img)
        divMain.childNodes[0].appendChild(ArtikelLink);
    }
    
    divMain.childNodes[1].innerHTML = "<div class=\"text\">"+xml.getAttribute("OmschrijvingRegel1")+"</div>";
    if( xml.getAttribute("OmschrijvingRegel2")!=null){
        divMain.childNodes[1].innerHTML += "<div class=\"subline\">"+xml.getAttribute("OmschrijvingRegel2")+"</div>"
    }
    if(xmlBundels.childNodes.length>0&& (xml.getAttribute("AbonnementVormSoortID")=="2"||xml.getAttribute("AbonnementVormSoortID")=="3"))
    {
        divMain.childNodes[1].innerHTML += getBundelKeuzeSelectBox(xmlBundels.childNodes, xml.getAttribute("OmschrijvingRegel3"), xml.getAttribute("WinkelMandCombiNummer"), xml.getAttribute("AbonnementVormSoortID"));
    }
    if(ArtikelLink){
         var infoImg = document.createElement("img");
        infoImg.setAttribute('src','images/infopic.png');
        ArtikelLink2.appendChild(infoImg)
        divMain.childNodes[2].appendChild(ArtikelLink2);
        
    }   

    divMain.childNodes[3].innerHTML = xml.getAttribute("Aantal");
     if(IsNumeric(xml.getAttribute("CombinatiePrijs"))){
        divMain.childNodes[4].innerHTML = "&euro; " + parseFloat(xml.getAttribute("CombinatiePrijs")).toFixed(2).replace(".",",");
    }else{
        divMain.childNodes[4].innerHTML = xml.getAttribute("CombinatiePrijs");
    }
    if(divMain.childNodes[5].childNodes[0].addEventListener){
        divMain.childNodes[5].childNodes[0].addEventListener("click", function(evt) { evt.preventDefault(); doAjaxRequest(true, "xml/ajaxrequests/bevestigVerwijderUitWinkelMand.php?id=" + xml.getAttribute("WinkelMandCombiNummer"), "overlayContentDynamic", null, null); }, true)   
    }else{
    divMain.childNodes[5].childNodes[0].attachEvent("onclick", function() { doAjaxRequest(true, "xml/ajaxrequests/bevestigVerwijderUitWinkelMand.php?id=" + xml.getAttribute("WinkelMandCombiNummer"), "overlayContentDynamic", null, null); return false; })
    }  
    return divMain;
 }


 function getBundelKeuzeSelectBox(parXMLNodes, parHuidigeTekst, parWinkelMandCombiNummer, parAbonnementVormSoortID) {
    var res;
    res = "<div id=\"selectBoxje_Nummer_1\" class=\"selectBundelKeuze\">";
	res += "    <div class=\"selectBox\" id=\"selectBoxBundelKeuze\">";
	res += "	    <div class=\"selectBoxText\">"+parHuidigeTekst; 
	res += "	    </div>";
	//res += "	    <a href=\"#\"  onclick=\"toggleSelectBox(this.parentNode.parentNode);return false;\">";
	res += "    	    <div id=\"divSelectBoxButton\" class=\"selectBoxButton\"  onmouseover=\"this.className='selectBoxButtonHover';\" onmouseout=\"this.className='selectBoxButton';\"></div>";
	//res += "	    </a>";
	res += "    </div>";
	res += "	<div name=\"divSelectBoxContent\" id=\"divSelectBoxContent\" class=\"selectBoxContent\" >";
	for(var i=0;i<parXMLNodes.length;i++){
	    if(parAbonnementVormSoortID==parXMLNodes[i].getAttribute("AbonnementVormSoortID")){
	        res += "<div id=\"divSelectBoxItem\" class=\"selectBoxItem selectBoxItem1\"";
	        res +=      "		onclick=\"";
	        //res +=      "		wijzigAbonnementKeuze("+parXMLNodes[i].getAttribute("AbonnementID")+", "+parWinkelMandID+");";
	        res += " doAjaxRequest(true,'xml/ajaxrequests/wijzigExtraBundelKeuze.php?nieuweKeuzeID=" + parXMLNodes[i].getAttribute("AbonnementID") + "&CombinatieNummer=" + parWinkelMandCombiNummer + "',null,null,null)";
	        res +=      "		\" ";
	        res +=      "        onmouseover=\"this.className='selectBoxItem selectBoxItem selectBoxItemActive';\" onmouseout=\"this.className='selectBoxItem selectBoxItem1';\">";
    	                
	        //res +=      "<img src=\"afbeeldingen/thumbs/"+parXMLNodes[i].getAttribute("foto")+"\">";
	        res +=      "<div id=\"text\" class=\"text\">"+parXMLNodes[i].getAttribute("AbonnementNaam")+"("+parXMLNodes[i].getAttribute("NuPerMaand")+"  p.m.)</div>";
	        res += "</div>";
	    }    
	}
    res += "	</div>";
	res += "</div>";
    return res;
}
function getGsmKeuzeSelectBox(parXMLNodes, parHuidigeTekst){
    var res;
    res = "<div id=\"selectBoxje_Nummer_1\" class=\"selectGsmKeuze\">";
	res += "    <div class=\"selectBox\" id=\"selectBoxGsmKeuze\">";
	res += "	    <div class=\"selectBoxText\">"+parHuidigeTekst; 
	res += "	    </div>";
	//res += "	    <a href=\"#\"  onclick=\"toggleSelectBox(this.parentNode.parentNode);return false;\">";
	res += "    	    <div id=\"divSelectBoxButton\" class=\"selectBoxButton\"  onmouseover=\"this.className='selectBoxButtonHover';\" onmouseout=\"this.className='selectBoxButton';\"></div>";
	//res += "	    </a>";
	res += "    </div>";
	res += "	<div name=\"divSelectBoxContent\" id=\"divSelectBoxContent\" class=\"selectBoxContent\" style=\"width:"+100*parXMLNodes.length+"px\">";
	for(var i=0;i<parXMLNodes.length;i++){
	    res += "<div id=\"divSelectBoxItem\" class=\"selectBoxItem selectBoxItem1\" style=\"position: relative;\"";
	    res +=      "		onclick=\"";
	    res +=      "		selectItem(this);";
	    res += "		wijzigArtikelKeuze(" + parXMLNodes[i].getAttribute("id") + ", " + parXMLNodes[0].getAttribute("CombinatieNummer") + ");";
	    res +=      "		ShowLoaderPopUp2();";
	    res +=      "		\" ";
	    res +=      "        onmouseover=\"this.className='selectBoxItem selectBoxItem selectBoxItemActive';\" onmouseout=\"this.className='selectBoxItem selectBoxItem1';\">";

	    res +=      "<img src=\"afbeeldingen/thumbs/" + parXMLNodes[i].getAttribute("foto") + "\">";

	    if (parXMLNodes[i].getAttribute("IsNDD") == "1")
	    {
	        res +=      "<img src=\"images/lorry24uur20x20.png\" style=\"position: absolute; top: 50px; left: 70px; width: 20px; height: 20px;\" />";
	    }
	    
	    res +=      "<br>";
	    res +=      "<div id=\"text\" class=\"text\">"+parXMLNodes[i].getAttribute("naam")+"</div>";
	    res += "</div>";
	}
    res += "	</div>";
	res += "</div>";
    return res;
}

function getAantalSelectBox(parWinkelMandCombiNummer, parAantal, parZindex, parAantalMogelijk) {
    var res;
    res = "<div  id=\"SelectBox\"  style=\"z-index:"+parZindex+"\">";
    res += "    <div id=\"selectBoxje_Nummer_1\" class=\"select55\">";
	res += "     <div class=\"selectBox\" id=\"select\">";
	res += "	        <div class=\"selectBoxText\">"+parAantal; 
	res += "	        </div>";
	//res += "	       <a href=\"#\"  onclick=\"toggleSelectBox(this.parentNode.parentNode);return false;\">";
	res += "        	    <div id=\"divSelectBoxButton\" class=\"selectBoxButton\"  onmouseover=\"this.className='selectBoxButtonHover';\" onmouseout=\"this.className='selectBoxButton';\"></div>";
	//res += "	       </a>";
	res += "        </div>";
	res += "	    <div name=\"divSelectBoxContent\" id=\"divSelectBoxContent\" class=\"selectBoxContent\" style=\"width:40px\">";
	for (var i = 0; i < parAantalMogelijk; i++) {
	    res += "    <div id=\"divSelectBoxItem\" class=\"selectBoxItem selectBoxItem1\"";
	    res +=      "   		onclick=\"";
	    res += "   		doAjaxRequest(true,'xml/ajaxrequests/updateAantal.php?aantal=" + (i + 1) + "&id=" + parWinkelMandCombiNummer + "',null,null,null);";
	    res +=      "   		\" ";
	    res +=      "          onmouseover=\"this.className='selectBoxItem selectBoxItemActive';\" onmouseout=\"this.className='selectBoxItem';\">";
	                
	    res +=      "   <div id=\"text\" class=\"text\">"+(i+1)+"</div>";
	    res += "    </div>";
	}
    res += "	    </div>";
	res += "    </div>";
	res += "</div>";
    return res;
}
 
 function getTotaalPrijsRegel(parXML){
    var divMain = document.createElement("div"); 
    divMain.className = "totaal";
    var divText = document.createElement("div");
    divText.className = "totaaltekst";
    divText.innerHTML = "TOTAAL IN WINKELMAND";
    divMain.appendChild(divText);
    var divTotaalprijs = document.createElement("div");
    divTotaalprijs.className = "totaalprijs";
    divTotaalprijs.innerHTML = "&euro; " + parXML.getAttribute("value");
    divMain.appendChild(divTotaalprijs);
    return divMain;
    
 
}




function wijzigArtikelKeuze(parArtikelID, parCombinatieNummer) {
    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
	{
		if(xmlReq.readyState==4){
		    //check waar je bent, eerste is bij aanroep in popUp
		    if(document.getElementById("KeuzeContent")!=null){
		        var KeuzePopUp = document.getElementById("KeuzeContentPlaceHolder");
                for(var i=0;i<KeuzePopUp.childNodes.length;i++){
                    KeuzePopUp.childNodes[i].className = "KeuzeTel";
                }
                var KeuzeContent = document.getElementById("KeuzeTel"+parArtikelID)
                KeuzeContent.className = "KeuzeTelSel";
            //anders stap 1
            }else{
                updateWinkelMand(WinkelMandID);
                closePopUp2()
            }
		        
		}
  }
  xmlReq.open('GET', 'xml/ajaxrequests/wijzigKeuze.php?nieuweKeuzeID=' + parArtikelID + '&CombinatieNummer=' + parCombinatieNummer, true); // Making request
	xmlReq.send (null);    
}
function wijzigAbonnementKeuze(parAbonnementID, parWinkelMandItemID){
    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
	{
		if(xmlReq.readyState==4){
		    //check waar je bent, eerste is bij aanroep in popUp
		    if(document.getElementById("KeuzeContent")!=null){
		        var KeuzePopUp = document.getElementById("KeuzeContent");
                for(var i=0;i<KeuzePopUp.childNodes.length;i++){
                    KeuzePopUp.childNodes[i].className = "KeuzeTel";
                }
                var KeuzeContent = document.getElementById("KeuzeTel"+parTelID)
                KeuzeContent.className = "KeuzeTelSel";
            //anders stap 1
            }else{
                updateWinkelMand(WinkelMandID);
                closePopUp2()
            }
		        
		}
  }
    xmlReq.open ('GET', 'xml/wijzigAbonnementKeuze.php?nieuweKeuzeID='+parAbonnementID+'&winkelMandItemID='+parWinkelMandItemID, true); // Making request
	xmlReq.send (null);    
}

function getAttribs(xml){
var atts, attribs = xml.attributes;
atts = 'The element has the following attributes:\n';
for (a=0; a<attribs.length; a++)
  atts += '\n'+attribs[a].nodeName;
return (atts)
}

 /*SMS FUNCTIONS*/
 function getBundelElement(xml){
    var divMainSms = document.createElement("div"); 
     divMainSms.className = "stap1xGray";
    
    var divBundel = document.createElement("div");
    divBundel.className = "bundel";
    var divStap1xcontent = document.createElement("div");
    divStap1xcontent.className = "stap1xcontent";
    divStap1xcontent.innerHTML = xml.getAttribute("AbonnementNaam");//.substring(0,14); 
    if(xml.getAttribute("InfoTekst")!='' && xml.getAttribute("InfoTekst")!= null){
        var InfoImg = document.createElement("img");
        InfoImg.src = "images/winkelmand/infopicblue.png";
        //var infoA = document.createElement("a");
        //infoA.setAttribute('href','#');
        //delA.appendChild(delImg);
        
        
         var infoA = document.createElement("a");
        infoA.setAttribute('href','#');
        infoA.setAttribute('title',"Meer info..."+xml.getAttribute("InfoTekst"));
        if(infoA.addEventListener){
            infoA.addEventListener("click", function(evt){evt.preventDefault();showPopUp(xml.getAttribute("AbonnementNaam"),xml.getAttribute("InfoTekst"),'',false);},false)   
        }else{
            infoA.attachEvent("onclick", function(){showPopUp(xml.getAttribute("AbonnementNaam"),xml.getAttribute("InfoTekst"),'',false);return false;})
        }  
        infoA.appendChild(InfoImg);
        divStap1xcontent.appendChild(infoA);
    }
    divBundel.appendChild(divStap1xcontent);
    divMainSms.appendChild(divBundel)
    
    var divNopermaand = document.createElement("div");
    divNopermaand.className = "nopermaand";
    var divStap1xcontent2 = document.createElement("div");
    divStap1xcontent2.className = "stap1xcontent";
    
    if (xml.getAttribute("NormaalPerMaand").length > 0)
    {
      divStap1xcontent2.innerHTML = xml.getAttribute("NormaalPerMaand");
      var streepImg = document.createElement("img");
      streepImg.src = "images/winkelmand/roodstreep.gif";
      divStap1xcontent2.appendChild(streepImg);
    }
    
    divNopermaand.appendChild(divStap1xcontent2);
    divMainSms.appendChild(divNopermaand)
    
    var divNupermaand = document.createElement("div");
    divNupermaand.className = "nupermaand";
    var divStap1xcontent3 = document.createElement("div");
    divStap1xcontent3.className = "stap1xcontent";
    divStap1xcontent3.innerHTML = xml.getAttribute("NuPerMaand");
    divNupermaand.appendChild(divStap1xcontent3);
    divMainSms.appendChild(divNupermaand)
    
    var divBespaart = document.createElement("div");
    divBespaart.className = "bespaart";
    var divStap1xcontent4 = document.createElement("div");
    divStap1xcontent4.className = "stap1xcontent";
    divStap1xcontent4.innerHTML = xml.getAttribute("ubespaart");
    divBespaart.appendChild(divStap1xcontent4);
    divMainSms.appendChild(divBespaart);
    
    var divToevoegen = document.createElement("div");
    divToevoegen.className = "toevoegen";
    var divStap1xcontent5 = document.createElement("div");
    divStap1xcontent5.className = "stap1xcontentDark";
    var BestelImg = document.createElement("img");
    BestelImg.src = "images/toevoegen.png";
    var bestelLink = document.createElement("a");
    bestelLink.setAttribute('href','#');
    bestelLink.setAttribute('title',xml.getAttribute("AbonnementNaam"));
    if(bestelLink.addEventListener){
        bestelLink.addEventListener("click", function(evt){evt.preventDefault();bestel(null, xml.getAttribute("AbonnementID"), null, xml.getAttribute("WinkelMandItemID"));},false)   
    }else{
        
        bSuccess = bestelLink.attachEvent("onclick", function(){bestel(null, xml.getAttribute("AbonnementID"), null, xml.getAttribute("WinkelMandItemID")); window.location.hash="wrap"; return false;})
    }
    bestelLink.appendChild(BestelImg);
    divStap1xcontent5.appendChild(bestelLink);
    divToevoegen.appendChild(divStap1xcontent5);
    divMainSms.appendChild(divToevoegen);
   
    return divMainSms;
 }
 
 function getOverigeBundelElement(xml){
    var divMainSms = document.createElement("div"); 
    divMainSms.className = "stap1xGray";
    var divBundel = document.createElement("div");
    divBundel.className = "bundel";
    var divStap1xcontent = document.createElement("div");
    divStap1xcontent.className = "stap1xcontent2";
    divStap1xcontent.innerHTML = xml.getAttribute("AbonnementNaam").substring(0,14); 
    //var InfoImg = document.createElement("img");
    //InfoImg.src = "images/winkelmand/infopicblue.png";
    //var infoA = document.createElement("a");
    //infoA.setAttribute('href','#');
    //delA.appendChild(delImg);
    //divStap1xcontent.appendChild(InfoImg);
    divBundel.appendChild(divStap1xcontent);
   divMainSms.appendChild(divBundel)
    
   var divNopermaand = document.createElement("div");
    divNopermaand.className = "tekst";
    var divStap1xcontent2 = document.createElement("div");
    divStap1xcontent2.className = "stap1xcontent2";
    divStap1xcontent2.innerHTML = xml.getAttribute("Omschrijving");
    divNopermaand.appendChild(divStap1xcontent2);
    divMainSms.appendChild(divNopermaand)
     /*
    var divNupermaand = document.createElement("div");
    divNupermaand.className = "nupermaand";
    var divStap1xcontent3 = document.createElement("div");
    divStap1xcontent3.className = "stap1xcontent";
    divStap1xcontent3.innerHTML = xml.getAttribute("NuPerMaand");
    divNupermaand.appendChild(divStap1xcontent3);
    divMainSms.appendChild(divNupermaand)
    */
    var divBespaart = document.createElement("div");
    divBespaart.className = "prijs";
    var divStap1xcontent4 = document.createElement("div");
    divStap1xcontent4.className = "stap1xcontent2";
    var divStap1xcontent4_1 = document.createElement("div");
    divStap1xcontent4_1.className = "totaal";
    var divStap1xcontent4_2 = document.createElement("div");
    divStap1xcontent4_2.className = "berekening";
    divStap1xcontent4_1.innerHTML =   xml.getAttribute("NuPerMaand");
    //divStap1xcontent4_2.innerHTML =   xml.getAttribute("NuPerMaand_berekening");
    if(xml.getAttribute("Aansluitkosten")!=null)
        divStap1xcontent4_2.innerHTML =  "(eenmalig = "+ xml.getAttribute("Aansluitkosten")+")";
    else{
        divStap1xcontent4_2.innerHTML =  "(x 12 = &euro; "+parseFloat(xml.getAttribute("NuPerMaand").replace("&euro;",""))*12+" per jaar)";
    }  
    divStap1xcontent4.appendChild(divStap1xcontent4_1); 
    divStap1xcontent4.appendChild(divStap1xcontent4_2);
    divBespaart.appendChild(divStap1xcontent4);
    divMainSms.appendChild(divBespaart);
    
    var divToevoegen = document.createElement("div");
    divToevoegen.className = "toevoegen";
    var divStap1xcontent5 = document.createElement("div");
    divStap1xcontent5.className = "stap1xcontent2";
    var BestelImg = document.createElement("img");
    BestelImg.src = "images/toevoegen.png";
    var bestelA = document.createElement("a");
    bestelA.setAttribute('href','#');
    bestelA.setAttribute('title',xml.getAttribute("AbonnementNaam"));
    if(bestelA.addEventListener){
        bestelA.addEventListener("click", function(evt){evt.preventDefault();bestel(null, xml.getAttribute("AbonnementID"), null, xml.getAttribute("WinkelMandItemID"));},false)   
    }else{
        bestelA.attachEvent("onclick", function(){bestel(null, xml.getAttribute("AbonnementID"), null, xml.getAttribute("WinkelMandItemID"));window.location.hash="wrap";return false;})
    }  
    bestelA.appendChild(BestelImg);
    divStap1xcontent5.appendChild(bestelA);
    
    divToevoegen.appendChild(divStap1xcontent5)
    divMainSms.appendChild(divToevoegen)
    
    return divMainSms;
 }

function getCareElement(xml){
    var divCare = document.createElement("div"); 
    divCare.className = "stap1xGray";
    var divBundel = document.createElement("div");
    divBundel.className = "bundel";
    var divStap1xcontent = document.createElement("div");
    divStap1xcontent.className = "stap1xcontent2";    
    divStap1xcontent.innerHTML = "<div class='careBundelText'>" + xml.getAttribute("Naam")+"</div>"; //.substring(0,14); 
    
    if (xml.getAttribute("MeerInfo") != "")
    {
      popupTitel = xml.getAttribute("Naam");
      popupContent = xml.getAttribute("MeerInfo");
      popupContent = popupContent.replace("'","\\\'");

      MeerInfoCode = "<a onclick=\"showPopUp('"+popupTitel+"','"+popupContent+"'); return false;\" href='#'><img src='../images/winkelmand/infopicblue.png'/></a>";

      divStap1xcontent.innerHTML = divStap1xcontent.innerHTML + MeerInfoCode;
    }
    
    divBundel.appendChild(divStap1xcontent);
   divCare.appendChild(divBundel)
    
   var divNopermaand = document.createElement("div");
    divNopermaand.className = "tekst";
    var divStap1xcontent2 = document.createElement("div");
    divStap1xcontent2.className = "stap1xcontent2";
    divStap1xcontent2.innerHTML = xml.getAttribute("Omschrijving");
    divNopermaand.appendChild(divStap1xcontent2);
    divCare.appendChild(divNopermaand)
    var divBespaart = document.createElement("div");
    divBespaart.className = "prijs";
    var divStap1xcontent4 = document.createElement("div");
    divStap1xcontent4.className = "stap1xcontent2";
    var divStap1xcontent4_1 = document.createElement("div");
    divStap1xcontent4_1.className = "totaal";
    var divStap1xcontent4_2 = document.createElement("div");
    divStap1xcontent4_2.className = "berekening";
    divStap1xcontent4_1.innerHTML =   xml.getAttribute("NuPerMaand_totaal");
    divStap1xcontent4_2.innerHTML =   xml.getAttribute("NuPerMaand_berekening");
    divStap1xcontent4.appendChild(divStap1xcontent4_1);
    divStap1xcontent4.appendChild(divStap1xcontent4_2);
    divBespaart.appendChild(divStap1xcontent4);
    divCare.appendChild(divBespaart);
    
    var divToevoegen = document.createElement("div");
    divToevoegen.className = "toevoegen";
    var divStap1xcontent5 = document.createElement("div");
    divStap1xcontent5.className = "stap1xcontent2";
    var BestelImg = document.createElement("img");
    BestelImg.src = "images/toevoegen.png";
    var bestelAa = document.createElement("a");
    bestelAa.setAttribute('href','#');
    bestelAa.setAttribute('title',xml.getAttribute("Naam"));
    
    
    
     if(bestelAa.addEventListener){
        bestelAa.addEventListener("click", function(evt){evt.preventDefault();bestel(xml.getAttribute("ArtikelID"), null, null, xml.getAttribute("WinkelMandItemID")); window.location.hash="wrap";},false)   
    }else{
        var r = bestelAa.attachEvent("onclick", function(){bestel(xml.getAttribute("ArtikelID"), null, null, xml.getAttribute("WinkelMandItemID"));window.location.hash="wrap";return false;})
    }
    
    /*if(bestelAa.addEventListener){
        bestelAa.addEventListener("click", function(evt){evt.preventDefault();bestel(null, xml.getAttribute("AbonnementID"), null, xml.getAttribute("WinkelMandItemID"));},false)   
    }else{
        bestelAa.attachEvent("onclick", function(){bestel(null, xml.getAttribute("AbonnementID"), null, xml.getAttribute("WinkelMandItemID"));return false;})
    } */ 
    bestelAa.appendChild(BestelImg);
    divStap1xcontent5.appendChild(bestelAa);
    
    divToevoegen.appendChild(divStap1xcontent5)
    divCare.appendChild(divToevoegen)
    
    return divCare;
}

function getAccessioreElement(parXML){

    var divMain = document.createElement("div"); 
    divMain.className = "acc";    
      
    if(parXML.getAttribute("IsNDD")==1 && parXML.getAttribute("NDDIsActief")==1)
    {  
        var nddPicContainer=document.createElement("div");
        nddPicContainer.style.position="absolute";        
        nddPicContainer.style.top="95";
        nddPicContainer.style.left="170";
        var nddPic=document.createElement("img");
        nddPic.setAttribute('src','images/lorry24uur20x20.png');
        nddPic.setAttribute('class','stap1AccNDD');
        nddPicContainer.appendChild(nddPic);
        divMain.appendChild(nddPicContainer); 
    } 

    var divHeader = document.createElement("div");
    divHeader.className = "acc_header";
    if(parXML.getAttribute("AccessoireNaam").length>30){
        divHeader.innerHTML = parXML.getAttribute("AccessoireNaam").substring(0,28)+"...";
   }else{
     divHeader.innerHTML = parXML.getAttribute("AccessoireNaam");
   }     
    divMain.appendChild(divHeader);    
    var divPic = document.createElement("div"); 
    divPic.className = "pic";
    var divOnzePrijs = document.createElement("div"); 
    divOnzePrijs.className = "onzeprijs";
    divOnzePrijs.innerHTML = "onze prijs";
    var divOnzePrijsContent = document.createElement("div"); 
    divOnzePrijsContent.className = "onzeprijscontent";
    divOnzePrijsContent.innerHTML = parXML.getAttribute("AccessoireVerkoopprijs");
    divOnzePrijs.appendChild(divOnzePrijsContent);
    divPic.appendChild(divOnzePrijs);

    var divPicImage = document.createElement("div"); 
    divPicImage.className = "image";
    
    var divPicImageLink = document.createElement("a");
    divPicImageLink.setAttribute('href',parXML.getAttribute("AccessoireUrl"));
    divPicImageLink.setAttribute('title',parXML.getAttribute("AccessoireNaam"));
    divPicImageLink.setAttribute('target','_blank');
     
    var img = document.createElement("img"); 
    img.src="afbeeldingen/"+parXML.getAttribute("AccessoireFoto");    

    divPicImageLink.appendChild(img); 
    divPicImage.appendChild(divPicImageLink);    
    divPic.appendChild(divPicImage);
    divMain.appendChild(divPic);
    
    var infoImgContainer = document.createElement("div");
    infoImgContainer.style.position = "absolute";
    infoImgContainer.style.top = "100px";
    infoImgContainer.style.left = "183px";
    
    var infoImgLink = document.createElement("a");
    infoImgLink.setAttribute('href',parXML.getAttribute("AccessoireUrl"));
    infoImgLink.setAttribute('title',parXML.getAttribute("AccessoireNaam"));
    infoImgLink.setAttribute('target','_blank');
    
    var infoImg = document.createElement("img");
    infoImg.setAttribute('src','images/cb-button-info-small-lichtgrijs.png');
    
    
    infoImgLink.appendChild(infoImg);
    infoImgContainer.appendChild(infoImgLink);
    divMain.appendChild(infoImgContainer); 
    
    var divTablewrap = document.createElement("div"); 
    divTablewrap.className = "tablewrap";
     var divTablewrapKop = document.createElement("div"); 
    divTablewrapKop.className = "kop";
    divTablewrapKop.innerHTML = "winkelprijs";
    divTablewrap.appendChild(divTablewrapKop);
      var divTablewrapContent = document.createElement("div"); 
    divTablewrapContent.className = "content";
    divTablewrapContent.innerHTML = parXML.getAttribute("AccessoireWinkelprijs");
    divTablewrap.appendChild(divTablewrapContent);
    
    if (parXML.getAttribute("AccessoireWinkelprijs").length > 0)
    {
      var imgStreep = document.createElement("img"); 
      imgStreep.src="images/winkelmand/roodstreep.gif";
      divTablewrapContent.appendChild(imgStreep);
    }
    
    divMain.appendChild(divTablewrap)
        
    var divTablewrap2 = document.createElement("div"); 
    divTablewrap2.className = "tablewrap2";
    var divTablewrap2Kop = document.createElement("div"); 
    divTablewrap2Kop.className = "kop";
    divTablewrap2Kop.innerHTML = "u bespaart";
    divTablewrap2.appendChild(divTablewrap2Kop);
    var divTablewrap2Content = document.createElement("div"); 
    divTablewrap2Content.className = "content";
    divTablewrap2Content.innerHTML = parXML.getAttribute("AccessoireUBespaart");
    divTablewrap2.appendChild(divTablewrap2Content);
    divMain.appendChild(divTablewrap2)
    
    var divGrayLine1 = document.createElement("div"); 
    divGrayLine1.className = "greyline1px";
    
   
    divMain.appendChild(divGrayLine1)
    
  
    var divToevoegen = document.createElement("div");
    divToevoegen.className = "toevoegen";
    var divStap1xcontent5 = document.createElement("div");
    divStap1xcontent5.className = "stap1xcontent";
    var BestelImg = document.createElement("img");
    BestelImg.src = "images/toevoegen.png";
    var bestelA = document.createElement("a");
    bestelA.setAttribute('href','#');
    bestelA.setAttribute('title',parXML.getAttribute("AccessoireNaam")); 
    if(bestelA.addEventListener){
        bestelA.addEventListener("click", function(evt){evt.preventDefault();bestel(parXML.getAttribute("AccessoireID"),null,null,null);window.location.hash="wrap";},false)
    }else{
        bestelA.attachEvent("onclick", function(){bestel(parXML.getAttribute("AccessoireID"),null,null,null); window.location.hash="wrap"; return false;});
    }
    bestelA.appendChild(BestelImg);
    divStap1xcontent5.appendChild(bestelA);
    
    divToevoegen.appendChild(divStap1xcontent5);
    divMain.appendChild(divToevoegen);
    
    
     var divGrayLine2 = document.createElement("div"); 
    divGrayLine2.className = "greyline1px";
    divMain.appendChild(divGrayLine2)
    
//    <div class="tablewrap"><div class="kop">winkelprijs</div><div class="content">&euro; 31,00<img src="images/winkelmand/roodstreep.gif"/></div></div>
    
    
    return divMain;

}
/*
    <div class="acc">
        <div class="header"></div>  
        <div class="pic">
            <div class="onzeprijs">onze prijs
                <div class="onzeprijscontent">&euro; 22,60</div>
            </div>
            <img src="afbeeldingen/Samsung-D900i.jpg">
       </div>
       <div class="tablewrap">
            <div class="kop">winkelprijs</div>
            <div class="content">
                &euro; 31,00
                <img src="images/winkelmand/roodstreep.gif"/>
            </div>
       </div>
  <div class="tablewrap"><div class="kop">u bespaart</div><div class="content">&euro; 7,34 (33%)</div></div>
  <div class="greyline1px"><!-- --></div>
  <div class="toevoegen"><img src="images/toevoegen.png"></div>
  <div class="greyline1px"><!-- --></div>
  </div>	
*/
/*           STAP 4            STAP 4            STAP 4            STAP 4            STAP 4  */

function getContract(parOrderNummer){
    // Create the XML request  
    ShowLoaderPopUp()
    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
	{
		if(xmlReq.readyState==4){
		    if (navigator.appName=="Microsoft Internet Explorer") {
                var xml = xmlReq.responseXML.childNodes[1];  
            } else {
                var xml = xmlReq.responseXML.childNodes[0];  
            }
            closePopUp2()
		    if(xml!=null){
                if(xml.childNodes[1].text=="OK"){
                
		                var aDownloadContract = document.getElementById("aDownloadContract");
		                aDownloadContract.setAttribute('href',"http://devserverblue:8088"+xml.childNodes[2].text);
		                var divTest = document.getElementById("divTest");
		                divTest.innerHTML = "http://devserverblue:8088/docgenerator/docgeneratorservice.asmx/GenerateContractPakketPDF?ordernummer="+parOrderNummer;
                }else{
                var divWinkelMand = document.getElementById("winkelmand");
                divWinkelMand.innerHTML = xml.childNodes[1].text;
                    alert("FOUT: "+xml.childNodes[1].text)
                }
            }    
		}
  }
    xmlReq.open ('GET', 'http://devserverblue:8088/docgenerator/docgeneratorservice.asmx/GenerateContractPakketPDF?ordernummer='+parOrderNummer , true); // Making request
    xmlReq.send (null);    
}


function sendContractPerPost(parBestellingID){
    // Create the XML request  
    ShowLoaderPopUp2()
    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
	{
		if(xmlReq.readyState==4){
		     closePopUp2()
		    //pContractPerPost
		    //var pContractPerPost = document.getElementById("pContractPerPost")
		    //pContractPerPost.innerHTML = "U ontvangt het contract binnen 1 werkdag per post in huis.";
		    
		     showPopUp("Wijziging doorgevoerd",
		                    "U ontvangt het contract binnen 1 werkdag per post in huis."
            		     );
		     

		}
  }
    xmlReq.open ('GET', 'xml/zendcontractperpost.php?bid='+parBestellingID , true); // Making request
	xmlReq.send (null);    
}
function showPopUp(parTitle, parTekst, parMeerInfoLink, parUpdateWinkelMand, parWidth)
{
    var myBody = document.getElementsByTagName("body").item(0);
    ShowLoaderPopUp2();
    arrPageSize = getPageSize();
    
    if (parWidth == null)
        parWidth = 300;
    
    var strPopUp =  "<div style=\"margin: 0px auto; width: " + parWidth + "px;\">";
    strPopUp += "<div class=\"head\" style=\"background-color: #334E69; border-top: 1px solid #fff; overflow: hidden; height:16px;\">";
    strPopUp +=     "<div class=\"headtekst\" style=\"padding-left: 5px; float: left; color: #fff; font-size: 10px; line-height: 16px;\">"+parTitle+"</div>";
    strPopUp +=     "<div class=\"close\" style=\"padding-right: 5px; float: right; color: #fff; font-size: 10px; line-height: 16px;\"><a href=\"#\" style=\"color: #fff; cursor: pointer; text-decoration: underline;\" onclick=\"";
    if(parUpdateWinkelMand)
        strPopUp +=   "updateWinkelMand(WinkelMandID);"    
    else
        strPopUp +=   "closeDynamicPopUp();"     
    strPopUp +=     " return false;\">sluiten</a></div>";
    strPopUp +=     "</div>";

    strPopUp += "<div class=\"contentTextOnly\"  style=\"margin: 0px auto; padding: 10px; font-size: 10px; color: #3A4E67; text-align: left; background-color: #fff; border-bottom: 5px solid #D5DEE7;\">";
     strPopUp +=     parTekst;
        if(parMeerInfoLink)
        {
            strPopUp += '<p class=\"meerInfo\"><a href=\"'+parMeerInfoLink+'\">meer info >></a></p>';
        }
     strPopUp +=     "</div>";
     strPopUp += "</div>";
     if(document.getElementById("overlayContentDynamic"))
        document.getElementById("overlayContentDynamic").innerHTML = strPopUp;
                                            
    closePopUp2();
    if(document.getElementById("overlayContentDynamic"))
        ShowDynamicPopUp();
}

function showPopUpVerzendWijze()
{
//parTitle, parTekst, parMeerInfoLink, parUpdateWinkelMand

    strPopUp  = "";
    strPopUp += "<div style=\"padding: 0px; text-align: left; height: 415px;\">";
    strPopUp += " <img src=\"images/lorry24uur.png\" style=\"margin: -2px 10px 0 0; height: 28px; width: 28px; float: left;\"/>";
    strPopUp += " <p style=\"margin-bottom: 10px; width: 380px; font-size: 10px;\">Alle producten op Typhone.nl waarbij dit logo staat afgebeeld worden binnen <font color=\"red\">&#233;&#233;n werkdag</font> bezorgd.</p>";
    strPopUp += " <p style=\"margin: 10px 0px 20px 0px; font-size: 10px;\">U kunt kiezen tussen TNT post levering en 24h koeriers levering</br>Hieronder staan de voordelen voor u op een rijtje:</p>";

    strPopUp += " <div style=\"overflow: hidden;\">";

    // Comfort Levering
    strPopUp += "  <div style=\"width: 250px; float: left;\">";
    strPopUp += "   <div style=\"margin-bottom: 10px; height: 60px; border-bottom: 1px solid #d5dee7;\">";
    strPopUp += "    <img src=\"images/buttons/comfort_icon.png\" style=\"margin-right: 5px; height: 20px; width: 20px; float: left;\" />";
    strPopUp += "    <h3>TNT post levering</h3>";
    strPopUp += "    <p>De TNT post Levering van Typhone.nl is een gemakkelijke en snelle manier om uw bestelling in huis te krijgen.</p>";
    strPopUp += "   </div>";

    strPopUp += "   <div style=\"height: 55px;\">";
    strPopUp += "    <h3>Levertijd</h3>";
    strPopUp += "    <ul style=\"padding-top: 0px; margin-bottom: 5px;\">";
    strPopUp += "     <li>Uw bestelling wordt binnen <font color=\"red\">1 – 5 werkdagen</font> bij u afgeleverd per pakketpost.</li>";
    strPopUp += "    </ul>";
    strPopUp += "   </div>";

    strPopUp += "   <div style=\"height: 85px;\">";
    strPopUp += "    <h3>Bij bestelling van een abonnement</h3>";
    strPopUp += "    <ul style=\"padding-top: 0px; margin-bottom: 5px;\">";
    strPopUp += "     <li style=\"padding-bottom: 3px;\">Het contract wordt u per post en email toegestuurd.</li>";
    strPopUp += "     <li>Nadat wij het ondertekende contract hebben ontvangen, wordt uw bestelling zsm verstuurd.</li>";
    strPopUp += "    </ul>";
    strPopUp += "   </div>";

    strPopUp += "   <div style=\"height: 55px;\">";
    strPopUp += "    <h3>Bij bestelling van een los product</h3>";
    strPopUp += "    <ul style=\"padding-top: 0px; margin-bottom: 5px;\">";
    strPopUp += "     <li>Na ontvangst van uw betaling wordt uw bestelling zsm verstuurd.</li>";
    strPopUp += "    </ul>";
    strPopUp += "   </div>";

    strPopUp += "   <div style=\"height: 55px;\">";
    strPopUp += "    <h3>Veilig betalen</h3>";
    strPopUp += "    <ul style=\"padding-top: 0px; margin-bottom: 5px;\">";
    strPopUp += "     <li>U kunt veilig betalen via iDEAL, creditcard of direct bij aflevering.</li>";
    strPopUp += "    </ul>";
    strPopUp += "   </div>";

    strPopUp += "   <a href=\"service/info/levering\" rel=\"nofollow\" style=\"color: #3A4E67; text-decoration: underline;\">Meer info over de TNT post levering</a>";
    
    strPopUp += "  </div>";
    
    // 24-uurs Comfort Levering
    strPopUp += "  <div style=\"padding-left: 10px; width: 250px; float: left;\">";
    strPopUp += "   <div style=\"margin-bottom: 10px; height: 60px; border-bottom: 1px solid #d5dee7;\">";
    strPopUp += "   <img src=\"images/lorry24uur20x20.png\" style=\"margin-right: 5px; height: 20px; width: 20px; float: left;\" />";
    strPopUp += "    <h3>24h Koeriers levering</h3>";
    strPopUp += "    <p>De 24h koeriers levering van Typhone.nl is de gemakkelijkste en snelste manier om uw bestelling in huis te krijgen.</p>";
    strPopUp += "   </div>";

    strPopUp += "   <div style=\"height: 55px;\">";
    strPopUp += "    <h3>Levertijd</h3>";
    strPopUp += "    <ul style=\"padding-top: 0px; margin-bottom: 5px;\">";
    strPopUp += "     <li>Uw bestelling wordt - <font color=\"red\">wanneer u voor " + bestellenTot + " uur besteld - de volgende dag door onze koerier persoonlijk bij u afgeleverd</font>.</li>";
    strPopUp += "    </ul>";
    strPopUp += "   </div>";

    strPopUp += "   <div style=\"height: 85px;\">";
    strPopUp += "    <h3>Directe contractafhandeling aan de deur</h3>";
    strPopUp += "    <ul style=\"padding-top: 0px; margin-bottom: 5px;\">";
    strPopUp += "     <li style=\"padding-bottom: 3px;\">U ontvangt persoonlijke hulp bij het invullen van uw contract door onze koerier.</li>";
    strPopUp += "     <li>U kunt uw bestelling direct in ontvangst nemen en gebruiken.</li>";
    strPopUp += "    </ul>";
    strPopUp += "   </div>";

    strPopUp += "   <div style=\"height: 55px;\">";
    strPopUp += "    <h3>Persoonlijke contractafhandeling</h3>";
    strPopUp += "    <ul style=\"padding-top: 0px; margin-bottom: 5px;\">";
    strPopUp += "     <li>U hoeft niets meer in te vullen en retour te sturen. U ondertekent het contract persoonlijk bij u aan de deur.</li>";
    strPopUp += "    </ul>";
    strPopUp += "   </div>";

    strPopUp += "   <div style=\"height: 55px;\">";
    strPopUp += "    <h3>Veilig betalen</h3>";
    strPopUp += "    <ul style=\"padding-top: 0px; margin-bottom: 5px;\">";
    strPopUp += "     <li>U kunt veilig betalen via iDEAL, creditcard of direct bij aflevering aan de deur met uw pinpas of contant.</li>";
    strPopUp += "    </ul>";
    strPopUp += "   </div>";

    strPopUp += "   <a href=\"service/info/levering\" rel=\"nofollow\" style=\"color: #3A4E67; text-decoration: underline;\">Meer info over de 24h Koeriers levering</a>";

    strPopUp += "  </div>";
    
    strPopUp += " </div>";
    strPopUp += "</div>";

	showPopUp("Verzendwijze ", strPopUp, null, false, 530)
}