//make a basket
var basket = new Array();

function viewbasket()
{
  //alert(basket.length);
  vbasket();
  
}

function vbasket() {
  var fd = midsection.document;
  fd.open();
  fd.write('<html><head><LINK rel=\"stylesheet\" href=\"thestyle.css\" type=\"text\/css\"><\/head><body>');
  fd.write(qnavbarout);
  fd.write('<center><font size=\"+1\" face=\"Arial\" color=\"#f0f0f0\">Shopping Basket Contents:<br>&nbsp;<\/font>');
  fd.write(roundedbox(edge, basketHTML()));
  fd.write('<br><table><tr><td><center><a href="" onclick="parent.complete_order(); return false;"><font size="+1" face="Arial" color="#00ff00"><b>Complete Order<\/b><\/font><\/a><br><br><font face="Arial, Sans-Serif\" color="#eeeeee\">Or<\/font><br><br><\/center><\/td><\/tr>');
  fd.write('<tr><td><center><a href="" onclick=\"parent.return2shop(); return false;\"><font size="+1" face="Arial" color="#00ff00"><b>Return to Catalogue<\/b><\/font><\/a><\/center><\/td><\/tr>');
  fd.write('<\/table><\/body><\/html>');
  fd.close();
  }
function basketHTML(arr) {
  var out = '<center><table width=\"'+(w-60)+'\" align=center valign=center border=0 bgcolor="#000000" cellspacing=0 cellpadding=5><tr><td bgcolor=\"#000055\"><font size=\"-1\" face=\"Arial\" color=\"#ffffff\"><b>ARTIST \/ TITLE<\/b><\/font><\/td><td bgcolor=\"#000055\"><font size=\"-1\" face=\"Arial\" color=\"#ffffff"><b>FORMAT<\/b><\/font><\/td><td colspan=2 bgcolor=\"#000055\"><b><font size=\"-1\" face=\"Arial\" color=\"#ffffff\">QUANTITY<\/font><\/b><\/td><td colspan=1 bgcolor=\"#000055\" align=right><font size=\"-1\" face=\"Arial\" color=\"#ffffff\"><b>PRICE<\/b><\/font><\/td><td bgcolor=\"#000055\">&nbsp;<\/td><\/tr>';
  for (i=0; i<basket.length; i++) {
	 out=out+ '<tr><td><font size=\"-1\" face=\"Arial\" color=\"#f0f0f0\">' + unescape(basket[i].artist) +'<br>'+ unescape(basket[i].title) + '<\/font><\/td><td><font size=\"-1\" face=\"Arial\" color="#f0f0f0">' + unescape(basket[i].format) + '<\/font><\/td><td align=center valign=center><font size=\"-1\" face=\"Arial\" color="#f0f0f0">'+ basket[i].quantity +'<\/font><\/td><td><a href=\"#\" onclick=\"parent.increaseQuantity(\''+basket[i].code+'\'); return false\"><img src=\"plus.gif\" border=0><\/a>&nbsp;&nbsp;<a href=\"#\" onclick=\"parent.decreaseQuantity(\''+basket[i].code+'\'); return false\"><img src=\"minus.gif\" border=0><\/a><\/td><td align=right><font size=\"-1\" face=\"Arial\" color="#f0f0f0">&pound;' + basket[i].price/100 + '<\/font><\/td><td valign=center><a href=\"#\" onclick=\"parent.removethisitem(\''+basket[i].code+'\'); return false\"><img src=\"remove.gif\" border=0><\/a><\/td><\/tr>\n';
	 }
  var ttp= 0;
  for (i=0; i<basket.length; i++) {
	 var tttp = basket[i].price-0;
	tttp = tttp*basket[i].quantity;
	 ttp = ttp + tttp;
	}
  ttp = ttp;
  out=out+ '<tr><td colspan=5 align=right><font size=\"-1\" face=\"Arial\" color="#f0f0f0"><b>Subtotal: &pound;' + ttp / 100 + '<\/b><\/font><\/td><td>&nbsp;<\/td>';

  var postagecost = workpostage(basket);
  out=out+ '<tr><td colspan=5 align=right><font size=\"-1\" face=\"Arial\" color="#f0f0f0"><b>Postage & Insurance: &pound;' + postagecost / 100 + '<\/b><\/font><\/td><td>&nbsp;<\/td>';

  var totalcost = ttp + postagecost;
  out=out+ '<tr><td colspan=5 align=right><font size=\"-1\" face=\"Arial\" color="#f0f0f0"><b>TOTAL: &pound;' + totalcost / 100 + '<\/b><\/font><\/td><td>&nbsp;<\/td>';

  out=out+ '<\/table><\/center>';
  //alert(countallitems(basket));
  return out;
  }


function catsearch(cat, wherein) 
{
  cat = cat.toUpperCase();
  for (i=0; i<wherein.length; i++)
  {
    if (cat == wherein[i].code)
    {
      return(wherein[i]);
    }
    else
    { 
      //alert('no results found'); 
    }
  }
}


function countallitems(a2count) {
  if (a2count[0]) {
  var total = a2count.length;
  var qtot = 0;
  if(a2count[0].quantity) {
    for(i=0; i<a2count.length; i++) {
	  if (a2count[i].quantity >1) {
	    var tmp = a2count[i].quantity - 1;
		qtot = qtot + tmp;
		}
	  }
	}
  total = total + qtot;
  return(total)
  }
  else {
    return 0;
	}
  }

function workpostage(arr) {
  var g = countallitems(arr);
  var cost = 200;
  g = g - 1;
  g = g * 50;
  cost = cost + g;
  if (cost<200) {
    cost = 200;
    }
  if (cost>600) {
    cost = 600;
    }
  if (arr.length<1) {
    cost = 0;
    }
  return cost;
  }

function add2basket(code) {
  var doneyet = false;
  for (i=0; i<basket.length; i++) {
    if (basket[i].code == code) {
	  //alert('already one in the basket');
	  basket[i].quantity++;
	  doneyet = true;
	  }
	}
  if (doneyet != true) {
    var place=basket.length;
	basket[place] = catsearch(code, ITEMS);
	}
  viewbasket();
  //drawbasket();
  }

function increaseQuantity(code) {
  for (i=0; i<basket.length; i++) {
    if (basket[i].code == code) {
	  basket[i].quantity++;
	  setTimeout('viewbasket();', 250);
	  }
	}
  }

function decreaseQuantity(code) {
  for (i=0; i<basket.length; i++) {
    if (basket[i].code == code) {
	  basket[i].quantity--;
	  if (basket[i].quantity ==0) {
	    basket[i] = null;
		basket = removeEmpty(basket);
		}
	  setTimeout('viewbasket();', 250);
	  }
	}
  }

function removethisitem(code) {
  for (i=0; i<basket.length; i++) {
    if (basket[i].code == code) {
	 //alert('found ' + code);
	  basket[i] = null;
	  basket = removeEmpty(basket);
	  }
	}
  viewbasket();
  //drawbasket();
  }

function removeEmpty(arr) {
  var temparr = new Array();
  place = 0;
  for (i=0; i<arr.length; i++) {
    if (arr[i] != null) {
	  temparr[place] = arr[i];
	  place++;
	  }
	}
  return temparr;
  }

function complete_order() {
  if (basket.length<1) {
    alert('no order there m8')
    }
  else {
    //alert('do stuff');
    gather_details();
	}
  }

function gather_details() {
  var fr = midsection;
  fr.location = 'customer_details.html';
  }


function return2shop() {
  setTimeout('drawpage(ap[cpage]);', 150);
  }  
