function parseSize(str)
{
   var size = str.split('|');
   var html = '<input type="hidden" name="bonnet" value="'+size[0]+'"/>';
   html += '<select name="size">';
   for (i=1; i<size.length-1; i++)
   {
      html += '<option value="'+size[i]+'">'+size[i]+'</option>';
   }
   html += '</select>';
   document.getElementById("tailleJS").innerHTML = html;
}

function addItem(mark, type, modele, id, ref, prix, qty, color, size, bonnet)
{
   if(bonnet != 'none')
   {
      var size = size;
      size += bonnet;
   }
   var xhr = xmlHttpRequest('ajax/action.php', 'POST', 'true', 'action=addItem&mark='+mark+'&type='+type+'&modele='+modele+'&id='+id+'&ref='+ref+'&prix='+prix+'&qty='+qty+'&color='+color+'&size='+size, 'application/x-www-form-urlencoded');
   cartStatus();
   var text = '<b class="size14">'+modele+'</b> (Ref: '+ref+')';
   text += '<br/><br/>Cet article a bien été ajouté à votre panier.';
   text += '<br/>Taille: <b>'+size+'</b><br/>Couleur: <b>'+color+'</b><br/>Quantité ajoutée: <b>'+qty+'</b>';
   text += '<br/><br/><br/>';
   text += '<div style="float: left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>';
   text += '<div class="button_large" style="float: left;"><a href="#" onclick="javascript:cartStatus();Rideau();return false;">&nbsp;&nbsp;&nbsp;Rester sur la page</a></div>';
   text += '<div style="float: left;">&nbsp;&nbsp;&nbsp;&nbsp;</div>';
   text += '<div class="button_large" style="float: left;"><a href="cart.html">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Voir le panier</a></div>';
   text += '<br/><br/>';
   Rideau(text,'1','javascript:cartStatus();');
}

function removeItem(nbr)
{
   if (window.confirm('Etes vous sur de vouloir supprimer cet article de votre panier ?'))
   {
      var xhr = xmlHttpRequest('ajax/action.php', 'POST', 'false', 'action=removeItem&arraypos='+nbr, 'application/x-www-form-urlencoded');
      refresh();
   }
}

function freeCart(nbr)
{
   if (window.confirm('Etes vous sur de vouloir supprimer tous les articles de votre panier ?'))
   {
      var xhr = xmlHttpRequest('ajax/action.php', 'POST', 'false', 'action=freeCart', 'application/x-www-form-urlencoded');
      refresh();
   }
}

function cartSave()
{
   var xhr = xmlHttpRequest('ajax/action.php', 'POST', 'true', 'action=cartSave', 'application/x-www-form-urlencoded');
   Rideau('Votre panier a été enregistrer avec succes,<br/>Retrouver le dans votre espace client ');
}

function cartStatus()
{
   var xhr = xmlHttpRequest('ajax/action.php', 'POST', 'true', 'action=cartStatus', 'application/x-www-form-urlencoded');
   xhr.onreadystatechange = function()
   {
      if(xhr.readyState == 4)
      {
         if(xhr.status == 200)
         {
            var docXML = cleanXML(xhr.responseXML);
            var items = docXML.getElementsByTagName("item");
            var html = '<br/><br/>';
            if(items.length > 0)
            {
               html += '<a href="cart.html" title="Mon panier">';
               html += '<b>'+xmlRead(items[0], "articles")+'</b> Article(s) ';
               html += '<span class="red"><b>'+xmlRead(items[0], "total")+'&euro;</b></span></a>';
            }
            else
            {
               html += 'Votre panier est vide';
            }
         }
         document.getElementById("cart").innerHTML = html;
      }
   };
}

function cartShow(picsdir, thumbsdir)
{
   var xhr = xmlHttpRequest('ajax/action.php', 'POST', 'true', 'action=cartShow', 'application/x-www-form-urlencoded');
   xhr.onreadystatechange = function()
   {
      if(xhr.readyState == 4)
      {
         if(xhr.status == 200)
         {
            var j = '0';
            var docXML = cleanXML(xhr.responseXML);
            var items = docXML.getElementsByTagName("item");
            var total = docXML.getElementsByTagName("alltotal");
            var html = '';
            if(items.length > 0)
            {
               html += '<table>';
               html += '<td class="noborder"></td><td class="borderlefttop">Article</td><td class="bordertop">Taille</td><td class="bordertop">Coloris</td><td class="bordertop">Quantité</td><td class="bordertop">Prix unitaire TTC</td><td class="borderrighttop">Total TTC</td><td class="noborder"></td></tr>';
               for (i=0; i<items.length; i++)
               {
                  if(i % 1 == 0)
                  {
                     if(j % 2 == 1)
                     {
                        html += '<tr class="cycle1">';
                     }
                     else
                     {
                        html += '<tr class="cycle2">';
                     }
                     j++;
                  }
                  html += '<td class="foto">';
                  html += '<a href="#" onclick="javascript:resizepopup(\''+picsdir+xmlRead(items[i], "mark")+'/'+xmlRead(items[i], "ref")+'.jpg\', \''+xmlRead(items[i], "ref")+'\');return false;"/>';
                  html += '<img width="50" src="'+picsdir+xmlRead(items[i], "mark")+'/'+thumbsdir+xmlRead(items[i], "ref")+'.jpg"/>';
                  html += '</a>';
                  html += '</td>';
                  html += '<td><a href="modele-'+xmlRead(items[i], "id")+'.html"><b>'+xmlRead(items[i], "type_view")+', '+xmlRead(items[i], "mark_view"), +xmlRead(items[i], "mark_view");
                  html += '<br/>'+xmlRead(items[i], "modele")+'</b>';
                  html += '<br/>(Ref: '+xmlRead(items[i], "ref")+')';
                  html += '<td>'+xmlRead(items[i], "size")+'</td>';
                  html += '<td>'+xmlRead(items[i], "color")+'</td>';
                  html += '<td>'+xmlRead(items[i], "qty")+'</td>';
                  html += '<td class="price">'+xmlRead(items[i], "prix")+'&euro;</td>';
                  html += '<td class="pricehigh"><b>'+xmlRead(items[i], "prix_x_qty")+'&euro;</b></td>';
                  html += '<td class="borderright"><a href="#" onclick="javascript:removeItem('+xmlRead(items[i], "arraypos")+', \''+picsdir+'\', \''+thumbsdir+'\');return false;"><img src="images/Corbeille.gif" alt="Supprimer"/></a></td>';
                  html += '</tr>';
               }
               html += '<tr>';
               html += '<td class="noborder"></td><td class="noborder"></td><td class="noborder"></td><td class="noborder"></td><td class="borderleftrightbottom"><b>'+xmlRead(total[0], "totalqty")+'</b> Article(s)</td><td  class="noborder"></td><td class="borderleftrightbottom"><b class="pricehigh">'+xmlRead(total[0], "total")+'&euro;</b></td><td class="noborder"></td>';
               html += '</tr>';
               html += '</table>'
               html += '<br/>';
               html += '<div class="button_large" style="float: left;"><a href="#" onclick="javascript:logged(\'1\');return false;">Enregistrer ce panier</a></div>';
               html += '<div class="button_large" style="float: left;"><a href="#" onclick="freeCart();return false;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Vider le panier</a></div>';
            }
            else
            {
               html += '<div class="page">Votre panier est vide</div>';
            }
         }
         document.getElementById("cartFull").innerHTML = html;
      }
   };
}

function cartTotal(codeReduc,total)
{
   if(codeReduc != '' && codeReduc > '0')
   {
      var xhr = xmlHttpRequest('ajax/action.php', 'POST', 'true', 'action=cartTotal&code='+codeReduc+'&total='+total, 'application/x-www-form-urlencoded');
   }
   else
   {
      var xhr = xmlHttpRequest('ajax/action.php', 'POST', 'true', 'action=cartTotal', 'application/x-www-form-urlencoded');
   }
   xhr.onreadystatechange = function()
   {
      if(xhr.readyState == 4)
      {
         if(xhr.status == 200)
         {
            var docXML = cleanXML(xhr.responseXML);
            var items = docXML.getElementsByTagName("item");
            if(items.length > 0)
            {
               var html = '<br/><br/><br/>';
               html += '<div class="pagetitle">Code de reduction</div>';
               html += '<div class="page">';
               html += 'Si vous disposez d\'un code de réduction, saisissez-le ici et cliquez sur OK.<br/>';
               html += 'Limité à 1 coupon de réduction par commande uniquement.<br/>';
               html += '<form action="#" method="post" onsubmit="javascript:cartTotal(code.value, total.value);return false;">';
               html += '<input type="text" name="code" class="border"/><input type="hidden" name="total" value="'+xmlRead(items[0], "topay")+'"/>&nbsp;<input type="submit" class="button_small" value=" Ok"/>';
               html += '</form>';
               if(xmlRead(items[0], "error") == 1)
               {
                  html += '<br/><span class="red">'+xmlRead(items[0], "error_view")+'</span>';
               }
               html += '</div>';
               html += '<br/>';
               html += '<div class="pagetitle">Total TTC</div>';
               html += '<div class="page">';
               html += '<div class="cart">';
               html += '<table>';
               html += '<tr>';
               html += '<td class="noborder"></td>';
               html += '<td class="bordertop"><b>TOTAL TTC</b></td>';
               html += '</tr>';
               html += '<tr>';
               html += '<td class="borderleft"><b>TOTAL de votre commande (Euro TTC)</b></td>';
               html += '<td class="pricehigh">'+xmlRead(items[0], "total")+'&euro;</td>';
               html += '</tr>';
               if(xmlRead(items[0], "reduc") == '1')
               {
                  html += '<tr>';
                  html += '<td class="borderleft"><b>Code de reduction</b> <b class="red">(code: '+xmlRead(items[0], "code_view")+')</span></td>';
                  html += '<td class="borderright"><b class="pricehigh">-'+xmlRead(items[0], "reduc_view")+'&euro;</b></td>';
                  html += '</tr>';
                  html += '<tr>';
                  html += '<td class="borderleft"><b>TOTAL de votre commande apres la reduction  (Euro TTC)</b></td>';
                  html += '<td class="pricehigh">'+xmlRead(items[0], "topay_view")+'&euro;</td>';
                  html += '</tr>';
                  setFilter('topay', xmlRead(items[0], "topay"));
               }
               html += '<tr><td class="noborder"></td><td class="borderright">';
               html += '<form action="#" method="post" onsubmit="javascript:logged(\'5\');return false;">';
               html += '<input type="hidden" name="apayer" value="'+xmlRead(items[0], "topay")+'"/>';
               html += '<br/><input type="submit" class="button_large" value="           Continuer"  alt="Continuer" title="Continuer"/>';
               html += '</form></td></tr>';
               html += '</table>';
               html += '</div>';
               html += '</div>';
            }
            else
            {
               var html = '';
            }
            document.getElementById("total").innerHTML = html;
         }
      }
   };
}