// JavaScript Document
var subtotal=0;
var totalWeight =0;
var totalItem =0;
var courier_total = 0;

function create_cart_edit_tab(){
	
	var d_cart = document.getElementById('tab_order');
	var tab_cart =  document.getElementById('tab_cart');
	var valid = 1; 
	if (courier[0] == null) 
		valid = 0;
		
	//alert(tab_cart);
	if (valid == 1){
		if (tab_cart == null){
				
			if(member_id!='000000'){
				//gen recepient tab
				if(readCookie('ord'+ store_id + '000000')!=null){
					var guest_cookies = readCookie('ord'+ store_id + '000000');
					eraseCookie('ord'+ store_id + '000000');
					createCookie('ord'+store_id + member_id,guest_cookies,3);
				}
				
				creator_cart_edit_tab();		
			} else {
				login_tab();	
			}
		}
	}else{
		alert('The store setup is incomplete.')	
	}
}
	
function creator_cart_edit_tab(){
	
	oitem = '';
	if(readCookie('ord'+ store_id + member_id)!=null){
		  subtotal=0;
		  totalWeight =0;
		  totalItem =0;
		  var d_cart = document.getElementById('tab_order');
		  
		  var tab_cart = document.createElement('div');
			  tab_cart.id = 'tab_cart';
			  d_cart.appendChild(tab_cart);
			  
		  var tab_cart_title = document.createElement('div');
			  tab_cart_title.id = 'tab_cart_title';
			  tab_cart.appendChild(tab_cart_title);
			  
		  var tab_cart_title_text = document.createElement('p');
			  tab_cart_title_text.innerHTML = 'your order';
			  tab_cart_title.appendChild(tab_cart_title_text);
			  
			  //close button
			  del_img = document.createElement('IMG');
			  del_img.id  = 'close_tab_cart';
			  del_img.src = 'http://www.whofindwho.com/store_template/theme/images/btn_close.gif';
			  tab_cart_title.appendChild(del_img);
			  
				if(window.addEventListener){ // Mozilla, Netscape, Firefox
						del_img.addEventListener('click', listener_close_cart_tab, false);
						del_img.dom_value = del_img.value;
						del_img.dom_id    = del_img.id;
				} else { // IE
						del_img.attachEvent('onclick', listener_close_cart_tab);
						del_img.dom_value = del_img.value;
						del_img.dom_id    = del_img.id;
				}	  
		
		//init table 
		  // Declare variables and create the header, footer, and caption.
		  var oTable = document.createElement("TABLE");
			  oTable.id = 'cart_table';
		  var oTHead = document.createElement("THEAD");
		  var oTBody0 = document.createElement("TBODY");
		  var oTBody1 = document.createElement("TBODY");
		  var oTFoot = document.createElement("TFOOT");
		  //var oCaption = document.createElement("CAPTION");
		  var oRow, oCell;
		  var i, j;
		
		  // Declare stock data that would normally be read in from a stock Web site.
		  var heading = new Array();
		
		  heading[0] = "qty";
		  heading[1] = "";
		  heading[2] = "code";
		  heading[3] = "name";
		  heading[4] = "weight";
		  heading[5] = "price";
		  heading[6] = "amount";
		
		
			
			var split_field = new Array();
			var split_row = new Array();
			//if(oitem==null){
			var split_row = readCookie('ord'+ store_id + member_id).split('-->');
			
				for (m=0;m<split_row.length;m++){
					var temp = new Array();
					temp = split_row[m].split('|');
					oitem+= temp[0]+'|'+temp[1]
					if(m+1<split_row.length){
						oitem +='-->';
					}
				}
			//}
			
		  // Insert the created elements into oTable.
		  oTable.appendChild(oTHead);
		  oTable.appendChild(oTBody0);
		  oTable.appendChild(oTBody1);
		  oTable.appendChild(oTFoot);
		  //oTable.appendChild(oCaption);
		  
		  // Set the table's border width and colors.
		  //oTable.border=1;
		  oTable.bgColor="white";
		  
		  // Insert a row into the header and set its background color.
		  oRow = document.createElement("TR");
		  oTHead.appendChild(oRow);
		  //oTHead.setAttribute("bgColor","lightskyblue");
		  
		  // Create and insert cells into the header row.
		  for (i=0; i<heading.length; i++)
		  {
			oCell = document.createElement("TH");
			oCell.innerHTML = heading[i];
			oRow.appendChild(oCell);
		  }
		  
		//  var subtotal=0;
		//  var totalWeight =0;
		//  var totalItem =0;
		  // Insert rows and cells into bodies.
		  for (i=0; i<split_row.length; i++)
		  {
			split_field = split_row[i].split('|');
			
			//var oBody = (i<2) ? oTBody0 : oTBody1;
			oRow = document.createElement("TR");
			oTBody0.appendChild(oRow);
			for (j=0; j<split_field.length; j++)
			{
					if (j==0){
						oCell = document.createElement("TD");
						oCell.innerHTML = split_field[j];
						oCell.className = 'cell'+j;
						oRow.appendChild(oCell);	
						totalItem = totalItem + parseInt(split_field[j]);
					} else
					if (j==1){
						oCell = document.createElement("TD");
						oCell.className = 'cell'+j;
						d_img  = document.createElement('img');
						d_img.src = 'media/' + store_id + '_' + split_field[1] + '_s1.jpg';		
						oCell.appendChild(d_img);				
						oRow.appendChild(oCell);	
					} else 
					if (j==4){
						oCell = document.createElement("TD");
						oCell.className = 'cell'+j;
						oCell.innerHTML = split_field[j];
						oRow.appendChild(oCell);				
						totalWeight = totalWeight +  split_field[0]*split_field[j];
					} else
					if (j==5){
						
						oCell = document.createElement("TD");
						oCell.className = 'cell'+j;
						oCell.innerHTML = split_field[j];
						oRow.appendChild(oCell);	
						//cell amount
						oCell = document.createElement("TD");
						var amount = split_field[0]*split_field[j];
						oCell.className = 'cell6';
						oCell.innerHTML = amount.toFixed(2);
						oRow.appendChild(oCell);
						subtotal = subtotal + amount;
						//cell delete
						oCell = document.createElement("TD");
						oCell.className = 'cell6';
						oRow.appendChild(oCell);
						del_img = document.createElement('IMG');
						del_img.src = 'http://www.whofindwho.com/store_template/theme/images/btn_del.gif';
						del_img.value= store_id+'|'+i;
						oCell.appendChild(del_img);
		
						if(window.addEventListener){ // Mozilla, Netscape, Firefox
								del_img.addEventListener('click', listener_delete_item, false);
								del_img.dom_value = del_img.value;
								del_img.dom_id    = del_img.id;
						} else { // IE
								del_img.attachEvent('onclick', listener_delete_item);
								del_img.dom_value = del_img.value;
								del_img.dom_id    = del_img.id;
						}
						
					} else {
						oCell = document.createElement("TD");
						oCell.innerHTML = split_field[j];
						oCell.className = 'cell'+j;
						oRow.appendChild(oCell);			
					}		
				
			}
		  }
		  // Insert the table into the document tree.
		  tab_cart.appendChild(oTable);  
		
		  //courier service choice
		  d_courier = document.createElement("div");
		  d_courier.id = 'courier_tab';
		  tab_cart.appendChild(d_courier); 
		  //courier[0] = '1|Pos Laju Express|weight|10|25|5|5';
		  //courier[0] = '1|Pos Laju Express|weight|kg|10.00|15.00|10.00|5.00';
		
		  var s_courier = courier[0].split('|');
		  d_courier_text = document.createElement("p");
		  d_courier_text.innerHTML  = s_courier[1] + '<br/>charger by '+ s_courier[2] + '<br/>first ' + s_courier[4] + s_courier[3] +' is RM' + s_courier[5] + '<br/> subsequence ' + s_courier[6] + s_courier[3] +' is RM'+ s_courier[7];
		  d_courier.appendChild(d_courier_text); 
		  
		  
		  
		
		  
		  d_div = document.createElement("div");
		  d_div.id = 'cart_detail';
		
		
		  d_p = document.createElement("p");
		  d_p_text = document.createTextNode('total weight :'+ totalWeight + 'kg');
		  d_p.appendChild(d_p_text);
		  d_div.appendChild(d_p);
		  
		  d_p = document.createElement("p");
		  d_p_text = document.createTextNode('total Item :'+totalItem + 'units');
		  d_p.appendChild(d_p_text);
		  d_div.appendChild(d_p); 
		  tab_cart.appendChild(d_div); 
		  
		  d_p = document.createElement("p");
		  d_p_text = document.createTextNode('sub total : RM'+ subtotal.toFixed(2));
		  d_p.appendChild(d_p_text);
		  d_div.appendChild(d_p);  
		  
		  //count for courier
			//courier[0] = '1|Pos Laju Express|weight|10|25|5|5';
			
			  if(s_courier[4]<totalWeight){
				  var first_amt = parseFloat(s_courier[5]);
				  var balance   = totalWeight-s_courier[6];
				  var factor    = s_courier[6];
				  var r = balance%factor;            //get remainder of 2
				  var f = balance - r;              //get full number that can be divide, 2
				  var d = f/factor;                 //get divide how many portion, 3
				  if (r==0){
					  var n = d;
				  }else{
					  var n = d + 1;
				  }
				  
				  var sub_amt   = n*s_courier[7];
				  var total_courier =  first_amt + sub_amt;
			  }else {
				  var total_courier = s_courier[5];
			  }
			courier_total = total_courier;
		  d_p = document.createElement("p");
		  d_p_text = document.createTextNode('courier charges : RM '+total_courier);
		  d_p.appendChild(d_p_text);
		  d_div.appendChild(d_p); 
		  tab_cart.appendChild(d_div); 
		  
		  d_p = document.createElement("p");
		  var total_amount = parseFloat(total_courier)+ parseFloat(subtotal);
		  d_p_text = document.createTextNode('Total Amount : RM '+ total_amount.toFixed(2));
		  d_p.appendChild(d_p_text);
		  d_div.appendChild(d_p); 
		  tab_cart.appendChild(d_div); 
		  
		  
		  var footDiv = document.createElement('div');
		  footDiv.id = 'app_footer';
		  tab_cart.appendChild(footDiv);  
		  
		  btn_next = document.createElement('IMG');
		  btn_next.id  = 'next_step';
		  btn_next.src = 'http://www.whofindwho.com/store_template/theme/images/btn_next.gif';
		  btn_next.alt=  'next step';
		  footDiv.appendChild(btn_next);
		  
			//close button listener
			if(window.addEventListener){ // Mozilla, Netscape, Firefox
					btn_next.addEventListener('click', listener_edit_next_tab, false);
					btn_next.dom_value = btn_next.value;
					btn_next.dom_id    = btn_next.id;
			} else { // IE
					btn_next.attachEvent('onclick', listener_edit_next_tab);
					btn_next.dom_value = btn_next.value;
					btn_next.dom_id    = btn_next.id;
			}
			
			//back button
		  btn_back = document.createElement('IMG');
		  btn_back.id  = 'back_step';
		  btn_back.src = 'http://www.whofindwho.com/store_template/theme/images/btn_back.gif';
		  btn_back.alt=  'back step';
		  footDiv.appendChild(btn_back);
		  
			//close button listener
			if(window.addEventListener){ // Mozilla, Netscape, Firefox
					btn_back.addEventListener('click', listener_edit_back_tab, false);
					btn_back.dom_value = btn_back.value;
					btn_back.dom_id    = btn_back.id;
			} else { // IE
					btn_back.attachEvent('onclick', listener_edit_back_tab);
					btn_back.dom_value = btn_back.value;
					btn_back.dom_id    = btn_back.id;
			}
	}else{
		  var d_cart = document.getElementById('tab_order');
		  
		  var tab_cart = document.createElement('div');
			  tab_cart.id = 'tab_cart';
			  d_cart.appendChild(tab_cart);
			  
		  var tab_cart_title = document.createElement('div');
			  tab_cart_title.id = 'tab_cart_title';
			  tab_cart.appendChild(tab_cart_title);
			  
		  var tab_cart_title_text = document.createElement('p');
			  tab_cart_title_text.innerHTML = 'you have no item in the order list';
			  tab_cart_title.appendChild(tab_cart_title_text);
			  
			  //close button
			  del_img = document.createElement('IMG');
			  del_img.id  = 'close_tab_cart';
			  del_img.src = 'http://www.whofindwho.com/store_template/theme/images/btn_close.gif';
			  tab_cart_title.appendChild(del_img);		
			  
			if(window.addEventListener){ // Mozilla, Netscape, Firefox
					del_img.addEventListener('click', listener_close_cart_tab, false);
					del_img.dom_value = del_img.value;
					del_img.dom_id    = del_img.id;
			} else { // IE
					del_img.attachEvent('onclick', listener_close_cart_tab);
					del_img.dom_value = del_img.value;
					del_img.dom_id    = del_img.id;
			}
		  var footDiv = document.createElement('div');
		  footDiv.id = 'app_footer';
		  tab_cart.appendChild(footDiv);  
	}

}
function listener_edit_back_tab(evt){
	close_tab()	
}
function listener_edit_next_tab(evt){
	var e_out;
	var ie_var = "srcElement";
	var moz_var = "target";
	var prop_var = "dom_value";
	// "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
	evt[moz_var] ? e_out = evt[moz_var][prop_var] : e_out = evt[ie_var][prop_var];
	//remove tab cart
	close_tab();
	

		retrive_contact_list_by_member(member_id);		


}
function listener_close_cart_tab (evt){
	var e_out;
	var ie_var = "srcElement";
	var moz_var = "target";
	var prop_var = "dom_value";
	// "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
	evt[moz_var] ? e_out = evt[moz_var][prop_var] : e_out = evt[ie_var][prop_var];
	close_tab()
	window.location.reload()
}
function listener_delete_item(evt){
	var e_out;
	var ie_var = "srcElement";
	var moz_var = "target";
	var prop_var = "dom_value";
	// "target" for Mozilla, Netscape, Firefox et al. ; "srcElement" for IE
	evt[moz_var] ? e_out = evt[moz_var][prop_var] : e_out = evt[ie_var][prop_var];
	delete_item(e_out);
}

function close_tab (){
	var d_cart = document.getElementById('tab_order');
	var tab_cart= document.getElementById('tab_cart');
	//while(d_cart.hasChildNodes()) d_cart.removeChild(d_cart.firstChild);
	d_cart.removeChild(tab_cart)
}

function delete_item(e_out){
	var passed_value = e_out.split('|');
	var store_id = passed_value[0];
	//passed value = store    passed value remove item
	var item_row = readCookie('ord'+ store_id + member_id).split('-->');
	
	item_row.splice(passed_value[1],1);
	
	var cookie_string = '';
	for(var i = 0; i<item_row.length;i++){
		cookie_string = cookie_string + item_row[i];
		if(i<item_row.length-1){
			cookie_string = cookie_string + '-->';
		}
	}
	createCookie('ord'+store_id + member_id,cookie_string,3);
	//re gen cart tab
	close_tab();
	create_cart_edit_tab();
	//re gen order tab
	tab_order_remove_sys();	
	tab_order_display();
	
}