Ext.namespace('Ext.univers');
// génération de l'input univers et de la boite panier
	Ext.onReady(function() {
getBagContent();
document.getElementById('univers').style.visibility = "visible";
document.getElementById('loading').style.display = "none";
chargedata('univers');
});

// BAGBOX //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		function getBagContent() {
var xhr = getXhr();
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){

panier = xhr.responseText;
panier = Ext.util.JSON.decode(panier);

if (panier['bag']['total'] == 0) {
tbl = document.getElementById('mybag_tab');
row = tbl.insertRow(0);
var cell = row.insertCell(0);
cell.align = "center";
cell.innerHTML= panier['bag']['status'].toLowerCase(); }
else {
deleteRow();
for (i=0; i<panier['articles'].length; i++) {
createRow('<a class="discretlink" href="mybag.php">'+panier['articles'][i]['name']+'</a>',i);
if (i==(panier['articles'].length-1))  { createRow('<img src="../images/calculator.gif" style="position:relative; top:3px;" /><span>TOTAL :</span><span id="totalprice"></span><span> &euro;</span> ',i); }
}
getPrice();
} }
}
xhr.open("POST",'php/getbagcontent.php',true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
xhr.send('');
}

function createRow(contenu,i) {

  tbl = document.getElementById('mybag_tab');
// row
  var lastRow = tbl.rows.length;
  var iteration = lastRow;
  var row = tbl.insertRow(lastRow);
    // left cell
  var cellLeft = row.insertCell(0);
  var textNode = document.createTextNode(iteration);
  if ((lastRow) == panier['articles'].length) {
  cellLeft.colSpan = "3"
  cellLeft.className = "itembagtotal";
  document.getElementById('ordernow').style.display = "block";
  }
  else {
  cellLeft.className = "itembag";
  cellLeft.width = "120"
  var cellCenter = row.insertCell(1);
  cellCenter.innerHTML = 'X';
  cellCenter.className = "itembag";
  var cellRight = row.insertCell(2);
  cellRight.innerHTML = '<input class="quantity" onblur="newPrice(this)" value="'+panier['bag']['quantity'][i]+'" /><input name="oldquantity" type="hidden" value="'+panier['bag']['quantity'][i]+'"><input name="ref" type="hidden" value="'+panier['bag']['ref'][i]+'">';
  cellRight.className = "itembag";
  }
  cellLeft.innerHTML = contenu;
}

function deleteRow() {
nbrows = document.getElementById('mybag_tab').rows.length;
  for (i=0; i<nbrows; i++) {
  document.getElementById('mybag_tab').deleteRow(0);
  }
}


function getPrice() {
nbrows = document.getElementById('mybag_tab').rows.length;
var totalprice = 0;
for (i=0; i<panier['articles'].length; i++) {
totalprice += (panier['bag']['quantity'][i]*panier['bag']['price'][i]);
}
document.getElementById('mybag_tab').rows[nbrows-1].firstChild.childNodes[2].innerHTML = Math.round(totalprice*100)/100;
}

function newPrice(el) {
var row = el.parentNode;
var ref = row.childNodes[2].value
var old = row.childNodes[1].value;
var diff = el.value-old;
addtobag(ref,diff)
old = el.value;
}