/***********************************************/
/****				BOETIEK					****/
/***********************************************/
	
	var myProducts	= [];
	var myTotals	= [];
	var myChart		= getBoetiekCookie();
	
	var sendNorm	= 2.5;
	var sendTaxi	= 5.7;
	var myBonus		= 5.00;
	
	//myProducts.push(['NAME','Weight','Height','Price',['OPTION1','OPTION2']]);
	
	myProducts.push(['Polsband',0,0,5.00,['S','M']]);
	myProducts.push(['Shirt',150,1.6,10.00,['S','M','L','XL','XXL']]);
	myProducts.push(['CD',150,0.7,10.00,['Mijn Boane']]);
	myProducts.push(['CD',150,0.7,7.00,['Ne Stap Verder']]);
	
	function addToChart(myType, myOption) {
		myChart.push([myType,myOption]);
		updateChart();
	}
	
	function removeFromChart(myIndex) {
		myChart.splice(myIndex, 1);
		updateChart();
	}
	
	function updateChart() {
		var myTotals	= [0,0,0,0];
		var totWeight	= 0;
		var totHeight	= 0;
		var totPrice	= 0;
		
		myChart.sort();

		myHTMLChart	= document.getElementById("htmlChart");
		myHTML		= "";

		if(myChart.length > 0) {
			myHTML		= myHTML + "<table width=\"99%\" cellpadding=\"2\" cellspacing=\"1\" border=\"0\">";

			// GET PRODUCTS
			for(i=0;i<myChart.length;i++) {
				pType		= myChart[i][0];
				pOption		= myChart[i][1];

				myName		= myProducts[pType][0];
				myWeight	= myProducts[pType][1];
				myHeight	= myProducts[pType][2];
				myPrice		= myProducts[pType][3];
				myOption	= myProducts[pType][4][pOption];
				
				totWeight	= totWeight + parseFloat(myWeight);
				totHeight	= totHeight + parseFloat(myHeight);
				totPrice	= totPrice  + parseFloat(myPrice);
				myTotals[pType]++;
				
				myHTML		= myHTML
							+ "<tr>\n"
								+ "<td width=\"\">&raquo; " + myName + (myOption.length > 0 ? " [" + myOption + "]" : '') + "</td>\n"
								+ "<td width=\"75\" align=\"right\">&euro;" + myPrice.toFixed(2) + "</td>\n"
								+ "<td width=\"25\" align=\"center\">"
									+ "<img src=\"/images/removeItem.gif\" width=\"15\" height=\"15\" alt=\"Verwijderen\" title=\"Verwijder uit selectie\" class=\"bestelNu\" onclick=\"removeFromChart('" + i + "');\" />\n"
								+ "</td>\n"
							+ "</tr>\n";
			}
			
			// GET SPECIALS
			while (myTotals[0] > 0 && myTotals[1] > 0 && myTotals[2] > 0) {
				totPrice	= totPrice - parseFloat(myBonus);
				
				myTotals[0]--;
				myTotals[1]--;
				myTotals[2]--;
				
				myHTML		= myHTML
							+ "<tr>\n"
								+ "<td>&raquo; Korting speciale aanbieding</td>\n"
								+ "<td align=\"right\">- &euro;" + myBonus.toFixed(2) + "</td>\n"
								+ "<td></td>\n"
							+ "</tr>\n";
			}
			
			// CALCULATE SEND COST
			if(parseFloat(totHeight) <= 3.00) {
				mySend	= sendNorm;
			} else {
				mySend	= sendTaxi;
			}
			
			totPrice	= totPrice + parseFloat(mySend);
			
			myHTML		= myHTML
						+ "<tr>\n"
							+ "<td>&raquo; Verzendingskosten</td>\n"
							+ "<td align=\"right\">&euro;" + mySend.toFixed(2) + "</td>\n"
							+ "<td></td>\n"
						+ "</tr>\n";
			
			// CALCULATE TOTALS
			myHTML		= myHTML
						+ "<tr style=\"font-weight:bold;background-color:#EEE;\">\n"
							+ "<td style=\"padding-top:5px;\">Totaal:</td>\n"
							+ "<td style=\"padding-top:5px;\" align=\"right\">&euro;" + totPrice.toFixed(2) + "</td>\n"
							+ "<td style=\"background-color:#FFF;\"><input type=\"hidden\" name=\"price\" value=\"" + totPrice.toFixed(2) + "\" /></td>\n"
						+ "</tr>\n";
			
			// END TABLE
			myHTML	= myHTML
					+ "</table>\n";
		} else {
			myHTML = myHTML + "<i>Geen producten geselecteerd...</i>\n";
		}
		
		myHTML	= myHTML
				+ "<input type=\"hidden\" name=\"order\" value=\"" + orderToString() + "\" />\n";
					
		myHTMLChart.innerHTML = myHTML;
		
		setBoetiekCookie(myChart);
	}
	
	function orderToString() {
		myChart.sort();
		
		var myTotal		= [];
		var myString	= "";
		
		// CREATE TOTALS ARRAY
		for(i=0;i<myProducts.length;i++) {
			myTotal[i]	= new Array(myProducts[i][4].length);
			for(x=0;x<myProducts[i][4].length;x++) {
				myTotal[i][x] = 0;
			}
		}
		
		if(myChart.length > 0) {
			// GET PRODUCTS
			for(i=0;i<myChart.length;i++) {
				pType		= myChart[i][0];
				pOption		= myChart[i][1];

				myName		= myProducts[pType][0];
				myOption	= myProducts[pType][4][pOption];
				
				myTotal[pType][pOption]++
			}
			
			for(y=0;y<myTotal.length;y++) {
				myName		= myProducts[y][0];
				for(z=0;z<myTotal[y].length;z++){
					myOption	= myProducts[y][4][z];
					myQuantity	= myTotal[y][z];

					if(myQuantity > 0) {
						if(myString.length > 0) myString = myString + " + ";
						myString	= myString + myQuantity + "x" + myName + (myOption.length > 0 ? " [" + myOption + "]" : '');
					}
				}
			}
			
			return myString;
		} else {
			return "";
		}
	}
	
	
	function setBoetiekCookie(value) {
		var exdate	= new Date();
		exdate.setDate(exdate.getDate());
		document.cookie="oigoBoetiek" + "=" + escape(value.join('***'));
	}
	
	function getBoetiekCookie() {
		if(document.cookie.length>0) {
			var myCookieArray = [];
			var c_start = document.cookie.indexOf("oigoBoetiek" + "=");
			var c_end	= document.cookie.indexOf(";",c_start);
			var c_len	= (c_end != -1) ? c_end : document.cookie.length;
			
			if(c_start != -1 && c_len != -1) {
				c_start = c_start + "oigoBoetiek".length + 1;
				
				myCookieArray = unescape(document.cookie.substring(c_start,c_len)).split('***');
				
				for(i=0;i<myCookieArray.length;i++) {
					if(myCookieArray[i] != '') {
						myCookieArray[i]	= myCookieArray[i].split(',');
					} else {
						myCookieArray.splice(i, 1);
					}
				}
			}
		}
		
		if(myCookieArray.length > 0) {
			return myCookieArray;
		}

		return [];
	}
	
	window.onload = updateChart;