window.totalProviders = 0;
function callProducts(){
  var provider = "";
  var prijsMin    = document.getElementById("shiftElementMin1Value").value;
  var prijsMax    = document.getElementById("shiftElementMax1Value").value;

  var belMin      = document.getElementById("shiftElementMin2Value").value;
  var belMax      = document.getElementById("shiftElementMax2Value").value;
  
  var smsMin      = document.getElementById("shiftElementMin3Value").value;
  var smsMax      = document.getElementById("shiftElementMax3Value").value;

  for(var a=0; a<5; ++a){ if(document.getElementById("contractduur"+a).checked == true){ var contractDuur = document.getElementById("contractduur"+a).value;} }

  for(var a=0; a<3; ++a){ if(document.getElementById("contracttype"+a).checked == true){ var contractType = document.getElementById("contracttype"+a).value;} }  


  for(var a=0; a<totalProviders; ++a){ if(document.getElementById("provider"+a).checked == true){ provider = provider + document.getElementById("provider"+a).value+"@@";} } 
  
  var onbeperktSms  = document.getElementById("smsOnbeperkt").checked;
  var opPrijs       = document.getElementById("geenPrijs").checked;
  
  if(onbeperktSms == false){
    if(smsMin >= 1000){
      document.getElementById("shiftElementMin3Value").value = parseInt(document.getElementById("shiftElementMin3Value").value) - 1000;
      smsMin = document.getElementById("shiftElementMin3Value").value;
      
      document.getElementById("shiftElementMax3Value").value = parseInt(document.getElementById("shiftElementMax3Value").value) - 1000;
      smsMax = document.getElementById("shiftElementMax3Value").value;
    }
  }else{
    if(smsMin <= 1000 ){
      var newSmsValue = parseInt(document.getElementById("shiftElementMin3Value").value) + 1000;
      
      document.getElementById("shiftElementMin3Value").value = newSmsValue;      
      smsMin = document.getElementById("shiftElementMin3Value").value;
      
      document.getElementById("shiftElementMax3Value").value = parseInt(document.getElementById("shiftElementMax3Value").value) + 1000;
      smsMax = document.getElementById("shiftElementMax3Value").value;             
    }
  }
  
  if(smsMin == 2000 && smsMax == 2010){
    document.getElementById("shiftElementMin3Value").value = 1000;
    document.getElementById("shiftElementMax3Value").value = 1010;
    
    smsMin = document.getElementById("shiftElementMin3Value").value;
    smsMax = document.getElementById("shiftElementMax3Value").value;
  }
  
  
  
  emptyElement("productContainer");
  var div = document.getElementById("productContainer");
  div.className = "center";
  var img = document.createElement("img");
  img.src = "images/interface/loader.gif";
  div.appendChild(img);
  
  if(onbeperktSms == true){ smsMin = smsMin - 1000; }
  
  makeHttpRequest("xml/getProducten.php?prijsMin="+prijsMin+"&prijsMax="+prijsMax+"&belMin="+belMin+"&belMax="+belMax+"&contractMin="+contractDuur+"&smsMin="+smsMin+"&smsMax="+smsMax+"&contractType="+contractType+"&provider="+provider+"&onbeperktSms="+onbeperktSms+"&nietOpPrijs="+opPrijs, "returnProducts", true);
}

function returnProducts(xmlresponse){

  /*
  <div class="even">
    <div class="naam">Vodafone scherp [1jaar]</div>
    <div class="omschrijving">75 belminuten/25 SMS</div>
    <div class="prijs">&euro;4.95</div>
    <div class="totaalPrijs">&euro;183.94</div>
    <div class="bestellen"><a href="#" class="button">Info/Bestellen</a></div>
  </div>
  */
  

  var div = document.getElementById("productContainer");
  div.className = "";
  emptyElement("productContainer");
  
  var aProducten = xmlresponse.getElementsByTagName("productSet");
  var i = aProducten.length;
  
  
  var masterContainer = document.getElementById("productContainer");
  var currClass = "oneven";
  var abonnementDone = 0;
  for(var a=0; a<i; ++a){
    var providerDone   = 0;
    var abonne= mentDone = 0;
    var b = a + 1;
    if(currClass == "even"){currClass = "oneven";}else{currClass = "even";}
    
    var nDivContainer = document.createElement("div");
        nDivContainer.className = currClass;
        //nDivContainer.style.background = aProducten[a].getElementsByTagName("providerKleur")[0].firstChild.data;
        
    var nDivBlok      = document.createElement("div");
        nDivBlok.className = "providerBlok";
        nDivBlok.style.background = aProducten[a].getElementsByTagName("providerKleur")[0].firstChild.data;
        
          var nLinkBlok = document.createElement("a");
              
              
        nLinkBlok.appendChild(document.createTextNode(b));
        nDivBlok.appendChild(nLinkBlok);
        
    var nDivNaam      = document.createElement("div");
        nDivNaam.className = "naam";
        nDivNaam.appendChild(document.createTextNode(aProducten[a].getElementsByTagName("naam")[0].firstChild.data));
        
        
    var nDivOmschr    = document.createElement("div");
        nDivOmschr.className = "omschrijving";
        nDivOmschr.appendChild(document.createTextNode(aProducten[a].getElementsByTagName("bundel")[0].firstChild.data));
        
    var nDivPrijs     = document.createElement("div");
        nDivPrijs.className = "prijs";
        nDivPrijs.appendChild(document.createTextNode("€"+aProducten[a].getElementsByTagName("prijs")[0].firstChild.data));
    
    var nDivTotPrijs  = document.createElement("div");
        nDivTotPrijs.className = "totaalPrijs";
        var dePrijsPerMaand = aProducten[a].getElementsByTagName("prijsPerMaand")[0].firstChild.data;
        if(dePrijsPerMaand != "n.v.t."){dePrijsPerMaand = "€"+dePrijsPerMaand;}
        nDivTotPrijs.appendChild(document.createTextNode(dePrijsPerMaand));
    
    var nDivBestellen = document.createElement("div");
        nDivBestellen.className = "bestellen";
        nDivBestellen.id = "overzicht"+a;
        
        /*nDivBestellen.onmouseover = function(){
            document.getElementById("winkel_"+this.id).className = "winkels";
          }          
          nDivBestellen.onmouseout = function(){
            document.getElementById("winkel_"+this.id).className = "winkels hidden";
          }
        */  
        
      /** Winkel */
      var nABestellen = document.createElement("a");
          nABestellen.className = "button";          
          nABestellen.appendChild(document.createTextNode("Info - Bestellen"));          
                    
      var nDivWinkel = document.createElement("div");        
          nDivWinkel.className  = "winkels hidden";
          nDivWinkel.id         = "winkel_overzicht"+a;
      var nDivWinkelSub = document.createElement("div");        
      var nStrongTitle = document.createElement("strong");
          nStrongTitle.appendChild(document.createTextNode("Info / Bestellen"));
        
    
    

      var winkelSet = aProducten[a].getElementsByTagName("winkelSet");
      var zI        = winkelSet.length;
      
      var nUlList   = document.createElement("ul");
      
      for(var z=0; z<zI; ++z){
        nABestellen.href = winkelSet[z].getElementsByTagName("urlWinkel")[0].firstChild.data;
        nABestellen.target = "_blank";
                
        nLinkBlok.href = winkelSet[z].getElementsByTagName("urlWinkel")[0].firstChild.data;
        nLinkBlok.target = "_blank";
        var soortWinkel = "";
        
        
        
        var nLiList     = document.createElement("li");
        soortWinkel = winkelSet[z].getElementsByTagName("soortWinkel")[0].firstChild.data ;
        var nAUrl       = document.createElement("a");
        
        if(soortWinkel == "provider" && providerDone == 0){
          nLiList.className = "title";
          nLiList.appendChild(document.createTextNode("Provider"));
          nUlList.appendChild(nLiList);
          var nLiList = document.createElement("li");
          providerDone = 1;
        }
        
        if(soortWinkel == "winkel" && abonnementDone == 0){
          nLiList.className = "title";
          nLiList.appendChild(document.createTextNode("Winkel"));
          nUlList.appendChild(nLiList);
          var nLiList = document.createElement("li");
          abonnementDone = 1;
        }
        nAUrl.href = winkelSet[z].getElementsByTagName("urlWinkel")[0].firstChild.data;
        nAUrl.target = "_blank";
        nAUrl.appendChild(document.createTextNode(winkelSet[z].getElementsByTagName("naamWinkel")[0].firstChild.data));
        nLiList.appendChild(nAUrl);
        nUlList.appendChild(nLiList);
      }
      
      
      

    
    
    /**
     *<div class="bestellen" onmouseover="displayWinkels('1', 'show');" onmouseout="displayWinkels('1', 'hidden');">
          <a href="javascript:displayWinkels('1');" class="button">Info/Bestellen</a>
          <div id="winkel_overzicht1" class="winkels hidden">
            <div>
              <strong>Info / Bestellen</strong>
              <ul>                          
                <li class="title">Povider: </li>
                <li>Vodafone:</li>
                <li class="title">Winkels: </li>
                <li>Winkel 1</li>
                <li>Winkel 2</li>
                <li>Winkel 3</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="clear"></div>
      </div>
      */    
    var nDivClear = document.createElement("div");
        nDivClear.className = "clear";
    
    nDivWinkelSub.appendChild(nStrongTitle);  
    nDivWinkelSub.appendChild(nUlList); 
      
    nDivWinkel.appendChild(nDivWinkelSub);
    
      
    nDivBestellen.appendChild(nABestellen);
    //nDivBestellen.appendChild(nDivWinkel);  
    nDivContainer.appendChild(nDivBlok);
    nDivContainer.appendChild(nDivNaam);
    nDivContainer.appendChild(nDivOmschr);
    nDivContainer.appendChild(nDivPrijs);
    nDivContainer.appendChild(nDivTotPrijs);
    nDivContainer.appendChild(nDivBestellen);
    
    nDivContainer.appendChild(nDivClear);    
    masterContainer.appendChild(nDivContainer);  
  
   
  }
  
  
  /*if(i > 0){
    while(aboContainer.hasChildNodes()){
      aboContainer.removeChild(aboContainer.firstChild);
    }
  }
  
  test = xmlresponse.getElementsByTagName("productSet")[0];
  for(var a=0; a<i; ++a){
    nOption = document.createElement("option");
    nOption.value = test.getElementsByTagName("id")[a].firstChild.data;
    nText = document.createTextNode(test.getElementsByTagName("naam")[a].firstChild.data);
    nOption.appendChild(nText);
    aboContainer.appendChild(nOption);
  }
  
*/
}