// Array used to populate product items
var item_detail = new Array();
item_detail[0] = "{'item_ref':'AEG02','item_range':'HAMPTON COURT'}";
item_detail[1] = "{'item_ref':'AEG03','item_range':'HAMPTON COURT'}";
item_detail[2] = "{'item_ref':'AEG04','item_range':'HAMPTON COURT'}";

// Display users current pick list
function ShowPickList(myRequest){ 
 pickContainer = $('picklist_container');
 while (pickContainer.firstChild){
  pickContainer.removeChild(pickContainer.firstChild);
 }
  
 var myJSON =  eval('(' + myRequest.responseText + ')');  
  //console.log("%s",myRequest.responseText);
 if (myJSON.order_items) {
  var x= 0;
	 myJSON.order_items.each(function(orderItem){;
		 var pickDiv = document.createElement('div');
		 pickDiv.className = 'pick_' + x;
		 var pickImg = document.createElement('div');
		 pickImg.className = 'pick_img';
		 pickImg.innerHTML = '<img src="ti/' + orderItem.item_ref + '.jpg" alt="" />';
		 var pickID = document.createElement('div');
		 pickID.className = 'pick_id';
		 pickID.innerHTML = orderItem.item_id;
		 var pickRef = document.createElement('div');
		 pickRef.className = 'pick_ref';
		 pickRef.innerHTML = orderItem.item_ref;
		 var pickCat = document.createElement('div');
		 pickCat.className = 'pick_cat';
		 pickCat.innerHTML = orderItem.item_category;
		 var pickRange = document.createElement('div');
		 pickRange.className = 'pick_range';
		 pickRange.innerHTML = orderItem.item_range;
		 var pickQuant = document.createElement('div');
		 pickQuant.className = 'pick_quant';
	
		pickQuant.innerHTML = '<input onChange="doDataAction(\'003\',{\'element_id\':\'i_quant_'+ x +'\',\'item_id\':'+ orderItem.item_id +',\'item_quant\':\'n/a\'})" type="text" name="i_quant_" id="i_quant_'+ x +'" value="' +  orderItem.item_quantity +'" size="1" maxlength="2" />';
		 var pickAction = document.createElement('div');
		 pickAction.className = 'pick_action';
		 
		pickAction.innerHTML = '<a href="#" onClick="doDataAction(\'002\','+ orderItem.item_id +')">bin me</a>';
		 //pickDiv.appendChild(pickID); 
		 pickDiv.appendChild(pickImg); 
		 pickDiv.appendChild(pickRef); 
		 pickDiv.appendChild(pickCat); 
		 pickDiv.appendChild(pickRange); 
		 pickDiv.appendChild(pickQuant); 
		 pickDiv.appendChild(pickAction);
		 pickContainer.appendChild(pickDiv); 
		 x++;
	 });
  }
}

// Display users current pick list
function Y_ShowPickList(myRequest){ 
 pickContainer = $('picklist_container');
 while (pickContainer.firstChild){
  pickContainer.removeChild(pickContainer.firstChild);
 }
  
 var myJSON =  eval('(' + myRequest.responseText + ')');  
  //console.log("%s",myRequest.responseText);
 if (myJSON.order_items) {
  var x= 0;
	 myJSON.order_items.each(function(orderItem){;
		var pickDiv = document.createElement('div');
		 pickDiv.className = 'pick_' + x;
		 pickDiv.innerHTML = '<table class="pick_row"><tr><td width="28" class="pick_image"><img src="xi/' + orderItem.item_ref + '.jpg" alt="" /></td><td><table width="100" class="pick_item"><tr><td>'+orderItem.item_range+'</td></tr><tr><td>'+orderItem.item_ref +'</td></tr></table></td><td class="pick_count"><input onChange="doDataAction(\'003\',{\'element_id\':\'i_quant_'+ x +'\',\'item_id\':'+ orderItem.item_id +',\'item_quant\':\'n/a\'})" type="text" name="i_quant_" id="i_quant_'+ x +'" value="' +  orderItem.item_quantity +'" size="1" maxlength="2" /></td><td><a href="#" onClick="doDataAction(\'002\','+ orderItem.item_id +')"><img src="gifs/order_trash.gif" alt="" border="0"></a></td></tr></table>';
		 pickContainer.appendChild(pickDiv); 
		 x++;
	 });
  }
}





function MakeJsonObj(myRequest){
 var myObject = eval('(' + myRequest.responseText + ')');
 return myObject;
}

function doPicklist()
{ 
  var myUserID = getUserID();
  var state = 1;
  var url = 'http://trade.maverick-arts.co.uk/picklist.php';  
  var pars = 'uid='+ myUserID +'&state=000&rnd='+ Math.random( );
 	
  var myAjax = new Ajax.Request(
      url,
      {
          method: 'get',
	      parameters: pars,
	      onComplete: Y_ShowPickList 
       });
 return "nada";
}
function getUserID(){
  //var cookie = new Cookie("icarusart");
  //cookie.icarusart = "test";
	// Read the cookie property. This returns all cookies for this document.
 var allcookies = document.cookie;
// Look for the start of the cookie named "version"
 var pos = allcookies.indexOf("maverickart=");

// If we find a cookie by that name, extract and use its value
	if (pos != -1) {
	    var start = pos + 12;                       // Start of cookie value
	    var end = allcookies.indexOf(";", start);  // End of cookie value
	    if (end == -1) end = allcookies.length;
	    var value = allcookies.substring(start, end);  // Extract the value
	       return value;
	}
}


function doDataAction(state,params){
	var msg = 'Sorry, there is problem updating your picklist';
    var myUserID = getUserID();
	//var myUserID = 1 ;// Checks cookie to get userid
	var url = 'http://trade.maverick-arts.co.uk/picklist.php'; 
	switch (state){
	 case '001': //Add order item to pickist
	  //var myObject = eval('(' + params + ')');
	 
	 var pars = 'uid='+ myUserID + '&state=' + state + '&i_ref=' + params.item_ref + '&i_range=' + params.item_range + '&rnd='+ Math.random( );	
	  var myAjax = new Ajax.Request(
        url,
       {
          method: 'get',
	      parameters: pars,
	      onComplete: Y_ShowPickList 
        });
	  break;
	 case '002': //Delete order item from picklist
	  var pars = 'uid='+ myUserID + '&state=' + state + '&i_id=' + params;
	  var myAjax = new Ajax.Request(
        url,
       {
          method: 'get',
	      parameters: pars,
	      onComplete: Y_ShowPickList 
        });
	  break;
	 case '003': //Update quantity of order item
	  var myI_Quant = $(params.element_id);
	  var pars = 'uid='+ myUserID + '&state=' + state + '&i_id=' + params.item_id + '&i_quant=' + myI_Quant.value ;
	   //console.log("pars=",pars);
	  var myAjax = new Ajax.Request(
        url,
       {
          method: 'get',
	      parameters: pars,
	      onComplete: Y_ShowPickList 
        });
	  break;
	 case '022': //Clear all order items
	  var pars = 'uid='+ myUserID + '&state=' + state + '&rnd=' + Math.random( );
	   //console.log("pars=",pars);
	 
	 var myAjax = new Ajax.Request(
        url,
       {
          method: 'get',
	      parameters: pars,
	      onComplete: Y_ShowPickList 
        });
	  
	  break;
	  
	   case '005': //Update quantity of order item - order page stage 1
	  var myI_Quant = $(params.element_id);
	  var pars = 'uid='+ myUserID + '&state=' + state + '&i_id=' + params.item_id + '&i_quant=' + myI_Quant.value ;
	   //console.log("pars=",pars);
	  var myAjax = new Ajax.Request(
        url,
       {
          method: 'get',
	      parameters: pars,
	      onComplete: reloadPage 
        });
	  break;
	  
	  	case '007': //Update quantity of order item - order page stage 1
	  var myI_Quant = $(params.element_id);
	  var pars = 'uid='+ myUserID + '&state=' + state + '&i_id=' + params.item_id + '&i_quant=' + myI_Quant.value ;
	   //console.log("pars=",pars);
	   window.location = "http://trade.maverick-arts.co.uk/order.php?" + pars;
	   
	  break;
	  
	  case '006': //Delete order item from picklist - order page
	  var pars = 'uid='+ myUserID + '&state=' + state + '&i_id=' + params;
	  var myAjax = new Ajax.Request(
        url,
       {
          method: 'get',
	      parameters: pars,
	      onComplete: reloadPage
        });
	  break;
	  
	  case '222': //run post code search
	   break;
	  default:
	  break;
	} 
}


function reloadPage (){
 window.location.reload(true);
 return "";
}