//Update item in shopping basket
function updatebasket(form) {
	var quant=parseInt(form.elements[0].value);

	if(isNaN(quant)){
	   alert("Quantity must be a number. ");
	   form.elements[0].select();
	   form.elements[0].focus();}
	else{
	if(quant >= 0){
	   updateitem(form);
	   location.href="basket.html";}
	else{
	   alert("Invalid quantity entered. ");
	   form.elements[0].select();
	   form.elements[0].focus();
	   }
	}

}

function updateitem(form){
	var newquant=form.elements[0].value;
	var formno=form.elements[0].name;
	var orderdata=getCookie("order");
//	var orderitem=orderdata.split(delimitem);
	var orderitem=separatedata(orderdata,delimitem);
	var neworder = "";

	if (newquant>0){
//	   var orderoptions=orderitem[formno].split(delimoption);
	   var orderoptions=separatedata(orderitem[formno],delimoption);
	   orderoptions[3]=newquant;

	   for(i=0;i<orderoptions.length-1;i++){
	      neworder+=orderoptions[i]+delimoption
	   }
	   neworder+=orderoptions[orderoptions.length-1];
	}
	else{
	   neworder="";
	}

	orderitem[formno]=neworder;
	var neworderarray=new Array("");
	var neworderdata="";
	var j=0;

	for(i=0;i<orderitem.length;i++){
	   if(orderitem[i]!=""){
	      neworderarray[j]=orderitem[i]
		j++
	   }
	}

	if (neworderarray.length>1){
	   for(i=0;i<neworderarray.length-1;i++){
	      neworderdata+=neworderarray[i]+delimitem;
	   }
	}
	neworderdata+=neworderarray[neworderarray.length-1];

	if (neworderdata!=""){
	   setCookie("order", neworderdata);}
	else{
	   delCookie("order");
	}
	
}

//Show basket items(don't forget there is a displayitems2)
function displayitems(){

	var orderdata=getCookie("order");
	var i=0;
	var j=0;
	var subtotal=0;
	var shipping=0;
	var total=0;
	var shippingrate=0;

document.write("<table border='1' cellpadding='2' cellspacing='0' bgcolor='#FFFFF0'>");
document.write("<tr><td align='center'><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'><b>Product Id</td><td align='center'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Product Name</td><td><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Options</td><td align='center'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Price</td><td align='center'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Quantity</td><td align='center'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Item Total</td><td align='center'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Update</td></tr>");

if (orderdata!=null){
//	var orderitems=orderdata.split(delimitem);
	var orderitems=separatedata(orderdata,delimitem);
	var printline="";
	var orderoptions=new Array("");
	var linetotal=0;

	for(i=0;i<orderitems.length;++i){
//	   orderoptions[i]=orderitems[i].split(delimoption);
	   orderoptions[i]=separatedata(orderitems[i],delimoption);
	   printline="<FORM METHOD='GET'><tr><td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>"+orderoptions[i][0]+"</td>";
	   printline+="<td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>"+orderoptions[i][1]+"</td><td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>";
	   linetotal=parseFloat(orderoptions[i][2])*parseFloat(orderoptions[i][3])
	   subtotal+=linetotal

	   for(j=4;j<orderoptions[i].length;j++){
		if(j<orderoptions[i].length-1){
		   var breakme = "<br>";}
		else{
		   var breakme = "";}
		if(orderoptions[i][j]!=" "){
	      printline+=orderoptions[i][j]+breakme;}
	   }

	   printline+="</font></td><td align='right'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>"+orderoptions[i][2]+"</td><td align='center'>"+"<INPUT TYPE='text' NAME='"+i+"' SIZE='3' MAXLENGTH='2' value='"+orderoptions[i][3]+"'></td>";
	   printline+="<td align='right'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>"+formatamount(linetotal)+"</td>"
	   document.write(printline+"<td align='center'><a href='javascript:updatebasket(document.forms["+i+"])'><img src='images/update.jpg' border='0'></a></td></tr></form>");
	}

	if (subtotal < 6)
 {shipping=1.00}
 if (subtotal >= 6)
 {shipping=1.50}
  if (subtotal >= 13)
 {shipping=2.00}
  if (subtotal >= 21)
 {shipping=5.50} 
 if (subtotal >= 30)
 {shipping=7.50}
 if (subtotal >= 76)
 {shipping=8.50}
 if (subtotal >= 150)
 {shipping=9.50}
	total=shipping+subtotal;
	
}

	document.write("</table>");

	document.write("<p><table border='1' cellpadding='2' cellspacing='0' bgcolor='#FFFFF0'>");
	document.write("<tr><td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Subtotal:</td><td align='right'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>$"+formatamount(subtotal)+"</td></tr>");
	document.write("<tr><td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Shipping:</td><td align='right'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>$"+formatamount(shipping)+"</td></tr>");
	document.write("<tr><td><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>Total:</td><td align='right'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular'>$"+formatamount(total)+"</td></tr>");
	document.write("</table></p>");

}


//Empty basket
function emptybasket(page){
	   delCookie("order");
	   location.href=page;
}


//Format field with two decimals
function formatamount(amount){
    var decpoint;
    var begin;
    var end;
    var valstr;
    var temp_char;

    amount = Math.round(amount * 100) / 100
    valstr = "" + amount;
    decpoint = valstr.indexOf(".")
    if (decpoint != -1) {
        begin = valstr.substring(0,decpoint);
        end = valstr.substring(decpoint+1,valstr.length);
	}
    else {
        begin = valstr;
        end = "";
	} 
	if (end.length < 2)
	 {while (end.length < 2)
	    {end += "0";}
	 }   
	end = end.substring(0,2);
    return (begin+"."+end);
}


//Show basket items
function displayitems2(){

	var orderdata=getCookie("order");
	var i=0;
	var j=0;
	var subtotal=0;
	var shipping=0;
	var total=0;
	var shippingrate=0;

document.write("<table border='1' cellpadding='2' cellspacing='0' bgcolor='#FFFFF0'>");
document.write("<tr><td><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Product Id</td>");
document.write("<td><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Product Name</td>");
document.write("<td><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Options</td>");
document.write("<td><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Price</td>");
document.write("<td align='center'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Quantity</td>");
document.write("<td align='center'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Item Total</td></tr>");

if (orderdata!=null){
//	var orderitems=orderdata.split(delimitem);
	var orderitems=separatedata(orderdata,delimitem);
	var printline="";
	var orderoptions=new Array("");
	var linetotal=0;

	for(i=0;i<orderitems.length;++i)
	{
//	   orderoptions[i]=orderitems[i].split(delimoption);
	   orderoptions[i]=separatedata(orderitems[i],delimoption);
	   linetotal=parseFloat(orderoptions[i][2])*parseFloat(orderoptions[i][3]);
	   subtotal+=linetotal;

	   // Product ID
	   printline="<tr><td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>"+orderoptions[i][0]+"</td>";
	   // Product Name
	   printline+="<td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>"+orderoptions[i][1]+"</td>";
	   // Options
	   printline+="<td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>";

	   for(j=4;j<orderoptions[i].length;j++){
			if(j<orderoptions[i].length-1){
			   var breakme = "<br>";}
			else{
			   var breakme = "";}
			if(orderoptions[i][j]!=" "){
		      printline+=orderoptions[i][j]+breakme;}
		   }
	   printline+="</font></td>";
	   // Price
	   printline+="<td align='right'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>"+orderoptions[i][2]+"</td>";
	   // Quantity
	   printline+="<td align='center'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>"+orderoptions[i][3]+"</td>";
	   // Line Total
	   printline+="<td align='right'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>"+formatamount(linetotal)+"</td></tr>"
	   document.write(printline);
	   
	   
	   printline="\n";
	   printline+='<INPUT TYPE="hidden" NAME="item' + i + '[]"  VALUE="' + orderoptions[i][0] + '">';
	   printline+='<INPUT TYPE="hidden" NAME="item' + i + '[]"  VALUE="' + orderoptions[i][1] + '">';
	   printline+='<INPUT TYPE="hidden" NAME="item' + i + '[]"  VALUE="';

	   for(j=4;j<orderoptions[i].length;j++)
	   {
			if(j<orderoptions[i].length-1)
			{
				 var breakme = "-";
			}
			else
			{
				 var breakme = "";
			}
			if(orderoptions[i][j]!=" ")
			{
					printline+=orderoptions[i][j]+breakme;
			}
	  }

	   printline+='">';

	   printline+='<INPUT TYPE="hidden" NAME="item' + i + '[]"  VALUE="' + parseFloat(orderoptions[i][2]) + '">';
	   printline+='<INPUT TYPE="hidden" NAME="item' + i + '[]"  VALUE="' + orderoptions[i][3] + '">';
	   printline+='<INPUT TYPE="hidden" NAME="item' + i + '[]"  VALUE="' + formatamount(linetotal) + '">';
	   printline+="\n";
	   document.write(printline);


	}

	if (subtotal < 6)
 {shipping=1.00}
 if (subtotal >= 6)
 {shipping=1.50}
  if (subtotal >= 13)
 {shipping=2.00}
  if (subtotal >= 21)
 {shipping=5.50} 
 if (subtotal >= 30)
 {shipping=7.50}
 if (subtotal >= 76)
 {shipping=8.50}
 if (subtotal >= 150)
 {shipping=9.50}
	total=shipping+subtotal;
	
}

	document.write("</table>");

	document.write("</p><table border='1' cellpadding='2' cellspacing='0' bgcolor='#FFFFF0'>");
	document.write("<tr><td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Subtotal:</td>");
	document.write("<td align='right'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>$"+formatamount(subtotal)+"</td></tr>");
	document.write("<tr><td><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Shipping:</td>");
	document.write("<td align='right'><font size='2' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>$"+formatamount(shipping)+"</td></tr>");
	document.write("<tr><td><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>Total:</td>");
	document.write("<td align='right'><b><font size='3' font face='Arial,Helvetica,Geneva,Swiss,SunSans-Regular' color='#000000'>$"+formatamount(total)+"</td></tr>");
	document.write("</table></p>");

   printline="";
   printline+='<INPUT TYPE="hidden" NAME="Subtotal" VALUE="' + formatamount(subtotal) + '">';
   printline+='<INPUT TYPE="hidden" NAME="Shipping" VALUE="' + formatamount(shipping) + '">';
   printline+='<INPUT TYPE="hidden" NAME="Total" VALUE="' + formatamount(total) + '">';
   document.write(printline);

}