$(document).ready(function() {
  $('#panier').html('<div id="panier_header" class="hidden"></div>');
//   $('li#zc_votre_panier').hide();
  $('.panier_submit').click(function(event) {
    var submid_id_split=this.id.split('_');    
        
    doAjax('POST','/panier/ajouter',$('#form_article_' + submid_id_split[1]).serialize());
    
    event.preventDefault();    
  });
  
  $('.suppr_link').live("click",function(event) {
     doAjax('GET',this.href,{});     
     event.preventDefault();
  });
  
/*   if (Modernizr.localstorage){
       if (  window.localStorage.getItem('panier') )
       {
	  var json = JSON.parse(window.localStorage.getItem('panier'));
          processJson(json);
       }
       else
       {
          doAjax('GET','/panier/getcart',{});	 
       }
  } else {   */ 
      doAjax('GET','/panier/getcart',{});
//     }

  

});

function doAjax(method , url, datas) {
    $.ajax({
      type: method,
      url: url,
      data: datas,
	   success: processJson,
	   error: function(data) {alert('Problème maj panier');}
    });  
}

function processJson(data) {
	     var table = '<table cellPadding="0">';
	     var total = 0;
	     $.each(data.items,function() {
	       total = parseInt(this.quantite) * parseFloat(this.prix);
	       table = table + '<tr><td>' + this.quantite + ' x ' + this.nom + '</td><td class="gauche prix">' + total.toString() + ',00</td><td class="delete"><a class="suppr_link" href="http://' + location.host + '/panier/supprimer/' + this.id+ '"><img src="http://' + location.host + '/images/common/icons/delete_16.png"</a></td>';
	     });
	     table += '<tr style="border-top:1px solid #000;"><td colspan="2" class="droite"><strong>' + data.total + ' &euro;</strong></td><td></td></tr>';
	     table += '</table><div class="centre" id="command_form"><form action="/commande/etape1"><input type="submit" name="commander" value="Commander"></form></div>';
 	     if ( parseInt(data.total) != 0 ) 
	       $('#panier_header').html(table).show();
	     else
	       $('#panier_header').html('<p id="panier_vide">Votre panier est vide.</p>').show();
	     
// 	     if ( Modernizr.localstorage){ window.localStorage.setItem('panier',JSON.stringify(data));}
    
}