function init(index)
	{
	initializelanguage(index);
	retrieveproducts();
	showcartsummary();
	}


function blockcheckout()
	{
	alert(blockcheckouttext[index]);
	}

function showservice(selection)
	{
	var country=selection.selectedIndex;
	if (country=="0")
		{
		$('shipper').src="../images/taxipost.gif";
		$('service').innerHTML=bestelship1[index];		
		}
	if (country=="1" || country=="4" || country=="6" || country=="7" || country=="8" || country=="9" || country=="10" || country=="11" || country=="12")
		{
		$('shipper').src="../images/gls.gif";
		$('service').innerHTML=bestelship2[index];			
		}
	if (country=="2" || country=="3" || country=="5")
		{
		$('shipper').src="../images/dpd.gif";
		$('service').innerHTML=bestelship3[index];			
		}
	selection.blur();
	}

/* function to build html string that displays page index */
function buildshopindex(totalnumberofproducts)
	{
	/* initalize variables */
	var numberofindexes=0;
	var indexstring='';
	var startrecord=1;
	var endrecord=1;
	
	/* calculate number of indexes to display */
	if (totalnumberofproducts%numberofproducts==0)
		{
		numberofindexes=Math.floor(totalnumberofproducts/numberofproducts);
		}
	else
		{
		numberofindexes=Math.floor(totalnumberofproducts/numberofproducts)+1;
		}


	/* only build an indexstring when there is more than 1 page to display */
	if (numberofindexes>1)
		{
		/* build index string */
		indexstring='<table cellspacing="5" cellpadding="3"><tr>';
		for (i=1;i<numberofindexes+1;i++)
			{
			var boxfill='';
			/* calculate index (in retrievedproductsarray) of last product to display */
			endrecord=startrecord+numberofproducts;
			if (endrecord>retrievedproductsarray.length)
				{
				endrecord=retrievedproductsarray.length;
				}
			if (i==1)
				{
				boxfill='background-color:rgb(240,240,192);';
				}
			indexstring=indexstring+'<td id="I'+i+'" style="'+boxfill+'cursor:pointer;border:1px solid brown;width:12px;text-align:center;font-size:8pt" onclick="navigateproducts('+startrecord+','+endrecord+','+'this)">'+i +'</td>';

			/* calculate index (in retrievedproductsarray) of first product to display */
			startrecord=startrecord+numberofproducts;
			}
		indexstring=indexstring+'</tr></table>';
		}

	return indexstring;
	}



function navigateproducts(startrecord,endrecord,indexbox)
	{	
	/* this function is called when indexes are clicked */
	/* indexbox parameter is html object that was clicked */

	/* clear all indexes in indexstring */
	var indexes=indexbox.parentNode.childNodes;
	for (i=0;i<indexes.length;i++)
		{
		indexes[i].style.backgroundColor='rgb(192,168,120)';
		}

	/* underline index that was clicked */
	var indexcounter=parseInt(indexbox.id.substr(1));
	indexes[indexcounter-1].style.backgroundColor='rgb(240,240,192)';

	/* initialize local variables */
	var productitems=new Array();
	var htmlarray=new Array();
	var i=0;
	var j=1;

	/* extract records from global variable retrievedproductsarray based on start and endrecord */
	htmlarray.push('<table style="margin-left:10px;" cellspacing="7"><tr>');
	for (i=startrecord;i<endrecord;i++)
		{
		productitems=retrievedproductsarray[i].split('|');
		htmlarray.push('<td class="productinshop"><div id="imageborder"><div class="productimage" onclick="showdetail(\'');
		htmlarray.push(productitems[0]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[1]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[3]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[2]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[4]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[5]);
		htmlarray.push('\')">');
		htmlarray.push('<img src="../productpictures/thumbnails/');
		htmlarray.push(productitems[0]);
		htmlarray.push('.jpg"></img>');
		/* if(!productitems[6]==0)
			{
			htmlarray.push('<img src="../images/deal.gif" style="position:absolute;z-index:100;top:90px;left:80px"></img>');
			} */
		htmlarray.push('</div></div>');

		/* if product is sample (no price defined)  do not display price */
		if(productitems[2]=='')
			{
			}
		else
					{	
					htmlarray.push('<div class="productprice">');
					if(productitems[6]=='')
						{
						htmlarray.push(productitems[2]);
						htmlarray.push(' € </div>');
						}
					else
						{
						htmlarray.push('<span style="text-decoration:line-through">');
						htmlarray.push(productitems[6]);
						htmlarray.push(' € </span>');
						htmlarray.push(productitems[2]);
						htmlarray.push(' €</div>');
						}
					}

		htmlarray.push('<div class="producttitletext" onclick="showdetail(\'');
		htmlarray.push(productitems[0]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[1]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[3]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[2]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[4]);
		htmlarray.push('\',\'');
		htmlarray.push(productitems[5]);
		htmlarray.push('\')">');
		htmlarray.push(productitems[1]);
		htmlarray.push('</div></td>');
		if (j==4)  /* allow only 4 products per row */
			{
			htmlarray.push('</tr><tr>');
			j=0;
			}
		j=j+1;
		}
	htmlarray.push('</table>');
	$('productsinwindow').innerHTML=htmlarray.join("");
	window.location = "#top";
	var productsarraylength=retrievedproductsarray.length-1;
	endrecord=endrecord-1;
	$('productcounter').innerHTML=startrecord+' '+main[46][index]+' '+endrecord+' '+main[47][index]+' '+productsarraylength+' '+main[48][index]; 
	}



/* function to generate shop from global variable retrievedproductsarray  */
function buildshop(productselection)
	{
		/* initalize local variables */
		var htmlarray=new Array();
		var i=0;
		var j=1;

		/* initialize startecord to 1 for initital showing */
		var startrecord=1;

		/* build shop title */
		htmlarray.push('<table style="margin-left:15px;margin-top:12px;">');
		htmlarray.push('<tr><td><p class="headermidden"><span>');
		htmlarray.push(productselection);
		htmlarray.push('</span>&nbsp;&nbsp;<span id="productcounter" style="font-size:7pt;font-weight:normal"></span></p></td></tr><tr class="shopindex" style="text-align:right;color:black"><td></td></tr></table>');

		/* if products found, build shop content */
		if (retrievedproductsarray.length>0)
			{
			/* build indexstring for shop based on total number of products */
			var indexstring=buildshopindex(retrievedproductsarray.length-1);
			
  			/* calculate number of products on page based on retrieved result */
			var endrecord=0;

			/* number of products smaller than products allowed on one page */
			if (retrievedproductsarray.length<=numberofproducts)   /* global variable numberofproducts allowed per page */
				{
				endrecord=retrievedproductsarray.length;
				}
			else
				{
				/* still more products than what is now displayed */
				if ((startrecord+numberofproducts)<retrievedproductsarray.length)
					{
					endrecord=startrecord+numberofproducts;
					}
				/* remaining products */
				else
					{
					if(retrievedproductsarray.length%numberofproducts==1)
						{
						endrecord=startrecord+numberofproducts;
						}
					else
						{ 
						endrecord=startrecord+(retrievedproductsarray.length%numberofproducts);
						}    
					}
				}

			htmlarray.push('<div id="productsinwindow" style="margin-top:10px"><table style="margin-left:10px" cellspacing="7" ><tr>');

			for (i=1;i<endrecord;i++)
				{
				productitems=retrievedproductsarray[i].split('|');
				htmlarray.push('<td class="productinshop"><div id="imageborder"><div class="productimage" onclick="showdetail(\'');
				htmlarray.push(productitems[0]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[1]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[3]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[2]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[4]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[5]);
				htmlarray.push('\')">');
				htmlarray.push('<img style="background-color:white" src="../productpictures/thumbnails/');
				htmlarray.push(productitems[0]);
				htmlarray.push('.jpg"></img>');
				/* if(!productitems[6]==0)
					{
					htmlarray.push('<img src="../images/deal.gif" style="position:absolute;z-index:100;top:90px;left:80px"></img>');
					} */
				htmlarray.push('</div></div>'); 

				/* if product is sample (no price defined)  do not display price */
				if(productitems[2]=='')
					{
					}
				else
					{	
					htmlarray.push('<div class="productprice">');
					if(productitems[6]=='')
						{
						htmlarray.push(productitems[2]);
						htmlarray.push(' € </div>');
						}
					else
						{
						htmlarray.push('<span style="text-decoration:line-through">');
						htmlarray.push(productitems[6]);
						htmlarray.push(' € </span>');
						htmlarray.push(productitems[2]);
						htmlarray.push(' €</div>');
						}
					}

				htmlarray.push('<div class="producttitletext" onclick="showdetail(\'');
				htmlarray.push(productitems[0]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[1]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[3]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[2]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[4]);
				htmlarray.push('\',\'');
				htmlarray.push(productitems[5]);
				htmlarray.push('\')">');
				htmlarray.push(productitems[1]);
				htmlarray.push('</div></td>');

				if (j==4)  /* allow only 4 products per row */
					{
					htmlarray.push('</tr><tr>');
					j=0;
					}
				j=j+1;
				}
			}
		else
			{
			htmlarray.push('<tr><td><p>No products found<td></tr></table>');
			}

		/* write bottom shopindex */
		htmlarray.push('</tr></table></div>');
		if(indexstring.length>0)
			{
			htmlarray.push('<p class="headermidden" style="margin-left:18px;margin-top:-20px">&nbsp;</p><table style="margin-left:10px"><tr class="shopindex"><td>');
			htmlarray.push(indexstring);
			htmlarray.push('</td></tr></table>');
			}

		/* hide ajaxloader before shop is shown */
		$('loadingpanel').style.display='none'; 
		$('midden').innerHTML=htmlarray.join("");
		$('story').style.display='block';
		var productsarraylength=retrievedproductsarray.length-1;
		if (retrievedproductsarray.length <= 12)
			{
			$('productcounter').innerHTML='1 '+main[46][index]+' '+productsarraylength +' '+main[47][index]+' '+productsarraylength+' '+main[48][index];
			}
		else
			{
			$('productcounter').innerHTML='1 '+main[46][index]+' 12 '+main[47][index]+' '+productsarraylength +' '+main[48][index];
			}
		window.location = "#top";

	}



/* function to show detail info panel of product */
function showdetail(id,description,quantity,price,weight,minordqty)
	{
	$('imagecontainer').innerHTML='<img id="productsheetimage" src="../images/ajax-loader.gif"></img>';
	$('productsheetcontent').innerHTML='';
	$('productsheetdescription').innerHTML='';
/*	$('productsheetimage').src='../images/ajax-loader.gif'; */
	$('productsheet').style.display='block';	
	grayOut(true,{'opacity':'50'});

	var unitquantity=minordqty;
	var verticalscroll=0;
	verticalscroll=scrollposition();
	verticalscroll=verticalscroll+60;
	$('productsheet').style.top=verticalscroll+'.px';
	/* languagepath contains path defined in languages.js to correct language */
	var url='../productsheets/'+languagepath+id+'.html';
	$('productsheetimage').src='../productpictures/'+id+'.jpg';
	$('productsheetdescription').innerHTML=description;

	/* if product is sample do hide price and putincart button */
	if (price=='')
		{

		$('productsheetprice').innerHTML='';
		$('productsheetputincart').innerHTML='';
		$('ingredients').innerHTML='';
		$('numberofpralines').innerHTML = '';
		$('weightofpralines').innerHTML= '';
		$('pralinesnumber').style.visibility='hidden';
		$('pralinesweight').style.visibility='hidden';
		$('minqty').style.visibility='hidden';
		$('certification').style.visibility='hidden';
		$('minorderqty').innerHTML='';
		}
	else
		{
		$('productsheetprice').innerHTML=price + ' €';
		$('productsheetputincart').innerHTML= '<div  class="buttoncell" style="width:140px" onclick="putincart(\''+id+'\',\''+description+'\',\''+unitquantity+'\',\''+price+'\',\''+weight+'\');parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.style.display=\'none\';grayOut(false)">'+buttonlanguages[0][index]+'</div>'; 
		$('ingredients').innerHTML=main[26][index];
		$('pralinesnumber').style.visibility='visible';
		$('pralinesweight').style.visibility='visible';
		$('certification').style.visibility='visible';
		$('numberofpralines').innerHTML = quantity + ' '+ main[28][index];
		$('weightofpralines').innerHTML= weight + ' ' + main[27][index];
		$('certificate').innerHTML=main[40][index];
		if (parseInt(minordqty) > 1)
			{
			$('minqty').style.visibility='visible';
			$('minorderqty').innerHTML=main[39][index]+minordqty;
			}
		else
			{
			$('minqty').style.visibility='hidden';
			}
		}

	var myAjax = new Ajax.Updater(
		'productsheetcontent', 
		url, 
		{
		method: 'get', 
		onComplete: function()
			{
				$('productsheet').style.display='block';	
				grayOut(true,{'opacity':'50'});
			}
		});

	}


function closedetail(cross)
	{
	cross.parentNode.style.display='none';
	grayOut(false);
	$('productsheetimage').src='../images/stub.gif';

	}


function customize()
	{
	alert('coming soon');
	}

/* function to update cart summary information  from string stored in response received from putincart.php */
function updatecart(response)
	{
	/* initalise values in cart */
	var totalprice=0;
	var totalitems=0;
	var htmlstring='';

	/* build htmlstring */
	var i=0;
	if(response.indexOf('leeg')==-1)
		{
		var cartlines=response.split('|');
		for (i=0;i<cartlines.length;i++)
			{
			var cartlineitems=cartlines[i].split(',');
			totalitems=totalitems+parseInt(cartlineitems[2]);
			totalprice=totalprice+parseInt(cartlineitems[4]);
			}
		if (totalitems==0)
			{
			htmlstring=carttext[0][index];
			/* $('cartbuttons').style.display='none';*/
			}
		if (totalitems==1)
			{
			htmlstring=carttext[1][index]+totalitems+carttext[3][index]+totalprice+' euro.';
			/* $('cartbuttons').style.display='inline';*/
				}
		if (totalitems >1)
			{
			htmlstring=carttext[2][index]+totalitems+carttext[4][index]+totalprice+' euro.';
			/* $('cartbuttons').style.display='inline';*/
			}
		$('cart').innerHTML=htmlstring;
	/*	$('cartdetail').style.display='block';
		$('checkout').style.display='block';*/
		}
	else
		{
		$('cart').innerHTML=carttext[0][index];
	/*	$('cartdetail').style.display='none';
		$('checkout').style.display='none';*/
		}
	window.location = "#top";
	}



/* function to populate destination drop down list and determine shipping charge based on totalweight on the order */
function populatedestinations(totalweight)
	{
	/* empty destination drop down list */
	$('country').options.length=0;

	/* determine shipping charge per country based on total weight of order */
	var j=0;
	/* determine index based on total weight of order */
	/* convert grams to kg */
	totalweight=totalweight/1000;
	if (totalweight < 0.5)
		{
		j=0;
		}
	else
		{
		if (totalweight < 1)
			{
			j=1;
			}
		else
			{
			if (totalweight < 2)
				{
				j=2;
				}
			else
				{
				if (totalweight < 3)
					{
					j=3;
					}
				else
					{
					j=4;
					}
				}
			}
		}

	/*populate destination drop down list and fill with shipping charge */
	var i=0;
	for (i=0;i<shippingDB.length;i++)
		{
		$('country').options[i]=new Option(shippingDB[i].name[index],shippingDB[i].shipping[j],false,false);
		}

	}

function populateshippingcountry()
	{
	$('shippingcountry').options.length=0;
	var i=0;
	for (i=0;i<shippingDB.length;i++)
		{
		$('shippingcountry').options[i]=new Option(shippingDB[i].name[index],shippingDB[i].name[index],false,false); 
		}
	}

/* function to populate currencies in currency drop down list */
function populatecurrencies()
	{
	/* empty currency drop down list */
	$('currency').options.length=0;

	/*populate currency drop down list */
	var i=0;
	for (i=0;i<currencyDB.length;i++)
		{
		$('currency').options[i]=new Option(currencyDB[i].name,currencyDB[i].rate,false,false);
		}
	}


function populatetype2()
	{
	/* empty type2 drop down list */
	$('type2').options.length=0;

	/*populate type2 drop down list - take english (index 1) as value */
	var i=0;
	for (i=0;i<occasionslanguages.length;i++)
		{
		$('type2').options[i]=new Option(occasionslanguages[i][index].optiondescription,occasionslanguages[i][index].optionvalue,false,false);
		}
	}


function populatetype1()
	{
	/* empty type1 drop down list */
	$('type1').options.length=0;

	/*populate type1 drop down list - take english (index 1) as value */
	var i=0;
	for (i=0;i<flavourslanguages.length;i++)
		{
		$('type1').options[i]=new Option(flavourslanguages[i][index].optiondescription,flavourslanguages[i][index].optionvalue,false,false);
		}
	}



function populatepricelevels()
	{
	/* empty price level drop down list */
	$('pricelevel').options.length=0;

	/*populate price level drop down list */
	var i=0;
	for (i=0;i<pricelevelDB.length;i++)
		{
		$('pricelevel').options[i]=new Option(pricelevelDB[i].label[index],pricelevelDB[i].label[index],false,false);
		}
	}

function populatenumberofpralines()
	{
	/* empty price level drop down list */
	$('numberpralines').options.length=0;

	/*populate number of pralines drop down list */
	var i=0;
	for (i=0;i<numberofpralinesDB.length;i++)
		{
		$('numberpralines').options[i]=new Option(numberofpralinesDB[i].label[index],numberofpralinesDB[i].label[index],false,false);
		}
	}


function populateoccasions()
	{
	/* empty occasions drop down list */
	$('wishcard').options.length=0;

	/* populate occasions drop down list and replace 'All' occasion with 'None' for the wish card options */
	$('wishcard').options[0]=new Option(shippinglanguages[13][index],'none',false,false);
	var i=1;
	for (i=1;i<occasionslanguages.length;i++)
		{
		$('wishcard').options[i]=new Option(occasionslanguages[i][index].optiondescription,occasionslanguages[i][index].optionvalue,false,false);
		}
	}

/* function to update shipping charge and ordertotal on order from based on selected destination in destination drop down list */
function updateshippingchargeleadtime(selectedcountry,producttotal)
	{
	/* retrieve shippingvalue (always in euros) */
	var shippingvalue=selectedcountry.options[selectedcountry.selectedIndex].value;
	/* retrieve leadtime for selected country */
	var leadtime=shippingDB[selectedcountry.selectedIndex].leadtime;

	getdeliverydate(leadtime);

	/* reset values to euros */
	var europroducttotal=parseFloat($('europroducttotal').innerHTML);
	$('producttotal').innerHTML=europroducttotal;
	$('currency').selectedIndex=0;

	/* calculare ordertotal */
	var ordertotal=europroducttotal+parseInt(shippingvalue);
	/* reset currency sign to euro */
	$('currencysignproducttotal').innerHTML='€';

	$('shippingcharge').innerHTML=shippingvalue;
	/* reset currency sign to euro */
	$('currencysignshippingcharge').innerHTML='€';
	$('ordertotal').innerHTML=ordertotal;
	/* reset currency sign to euro */
	$('currencysignordertotal').innerHTML='&nbsp;€';
		
	}




/* function to show detail cart information from string stored in response received from retrievecartdetail.php */
function builddetailcart(response)
	{
	/* initialise values on orderform */
	var producttotal=0;
	var shippingcharge=6;
	var ordertotal=0;
	var totalweight=0;
	var htmlstring='';
	var i,k,j=0;

	/*---------------------------BUILD HTML STRING-----------------------------*/
	
	/* build orderheader html string */
	var htmlstring='<p class="headermidden" style="margin-left:20px;margin-top:15px">CHECKOUT<span style="font-size:9pt">&nbsp;&raquo;&nbsp;'+checkoutlanguages[1][index]+'</span></p><div id="checkoutsteps" style="text-align:center"><table cellspacing="0" style="border-collapse:collapse;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center"><tr><td class="stepup" style="color:white;border-color:black;background-color:black;cursor:pointer" onclick="retrievecartdetail()">'+main[35][index]+' 1</td><td class="intervalup" style="border-color:black;border-right:silver;">&nbsp;</td><td class="stepup">'+main[35][index]+' 2</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 3</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 4</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 5</td></tr><tr><td class="stepdown" style="color:white;border-color:black;background-color:black;cursor:pointer" onclick="retrieveproducts()">'+main[30][index]+'</td><td class="intervaldown">&nbsp;</td><td class="stepdown" >'+main[31][index]+'</td><td class="intervaldown" style="border-top:silver;border-right:silver">&nbsp;</td><td class="stepdown">'+main[32][index]+'</td><td class="intervaldown">&nbsp;</td><td class="stepdown">'+main[33][index]+'</td><td class="intervaldown">&nbsp;&nbsp;</td><td class="stepdown">'+main[34][index]+'</td></tr></table></div>';
/*	htmlstring='<p class="headermidden" style="margin-left:20px;margin-top:15px"> '+orderheader[0][index]+'</p>'; */
	htmlstring=htmlstring+'<div id="orderform">';
	htmlstring=htmlstring+'<div class="shippingheader">&nbsp;&nbsp;'+ordersheet[index]+'</div>';

	/* build ordelinesheader html string */
	htmlstring=htmlstring+'<div id="orderbody"><table id="orderlines" cellspacing="0"><tr id="orderlinesheader"><td colspan="2" class="orderheadercell" style="text-align:left">'+orderheader[1][index]+'</td><td class="orderheadercell" style="border-left:none;width:30px">'+orderheader[2][index]+'</td><td class="orderheadercell" style="border-left:none">'+orderheader[3][index]+'</td><td  class="orderheadercell" style="border-left:none">'+orderheader[4][index]+'</td><td class="orderheadercell" style="width:40px">&nbsp;</td></tr><tr class="spacerline"></tr><tr class="spacerline"></tr>'

	
	/* build cartlines htmlstring*/
	var cartlines=response.split('|');
	for(i=0;i<cartlines.length;i++)
		{
		/* unique id for each quantity select */
		var orderlineid='orderline'+i;
		var cartlineitems=cartlines[i].split(',');
		var subtotal=parseInt(cartlineitems[2])*parseInt(cartlineitems[3]);
		htmlstring=htmlstring+'<tr id="cartlineitem"><td style="width:100px"><img class="thumbnail" src="../productpictures/thumbnails/'+cartlineitems[0]+'.jpg"</img></td><td class="cartlinedescription">'+cartlineitems[1]+'</td><td style="width:34px;font-size:8pt"><select id="'+orderlineid+'" onchange="updatecartline('+i+',this.options[this.selectedIndex].value)"><option value="1" style="font-size:8pt">1</option></select></td><td style="width:50px;font-size:9pt;text-align:center">'+cartlineitems[3]+' €</td><td style="width:60px;font-size:9pt;text-align:center">'+subtotal+' € </td><td style="text-align:center"><img class="bin" src="../images/bin.gif" title="'+removeitem[index]+'" onclick="removefromcart('+i+')"></img></td></tr><tr class="spacerline"></tr>';
		producttotal=producttotal+subtotal;
		totalweight=totalweight+parseFloat(cartlineitems[5]);
		}
	htmlstring=htmlstring+'</table>';

	/* build product total html string */
	ordertotal=producttotal+shippingcharge;
	htmlstring=htmlstring+'<table id="ordersummary" cellspacing="0"><tr id="producttotalline"><td colspan="2" style="padding:2px;padding-right:5px;text-align:right;font-weight:bold" class="ordersummarycell">'+orderheader[5][index]+'</td><td class="ordersummarycell" style="border-left:none;width:55px;text-align:center;font-weight:bold;font-size:9pt"><span id="producttotal">'+producttotal+'</span> <span id="currencysignproducttotal">€</span></td><td class="ordersummarycell" style="width:40px;text-align:center;border-left:none"><img src="../images/info.gif" title="Totale kostprijs van de producten"></img></td></tr><tr class="spacerline"></tr></table>'
	
	/* build shipping line html string */
	htmlstring=htmlstring+'<table id="ordershipping" cellspacing="0" style="margin-top:0px"><tr><td class="shippinglinecelltop" style="width:130px;border-left:1px solid silver;text-align:right">'+shippinglanguages[8][index]+'</td><td class="shippinglinecelltop" style="width:150px;text-align:left"><select id="country" style="width:150px;font-size:9.5pt" onchange="updateshippingchargeleadtime(this,'+producttotal+')"></select></td><td rowspan="2" class="shippinglinecelltop" style="width:10px;border-bottom:none">&nbsp;</td><td rowspan="2" class="shippinglinecelltop" style="width:100px;text-align:right;vertical-align:middle;padding-right:5px;border-bottom:1px solid silver;border-left:none;border-right:none">'+orderheader[6][index]+'&nbsp;</td><td rowspan="2" class="shippinglinecelltop" style="width:52px;text-align:center;vertical-align:middle;border-right:none;border-bottom:1px solid silver;border-right:1px solid silver;border-left:1px solid silver;font-size:9pt"><span id="shippingcharge">'+shippingcharge+'</span> <span id="currencysignshippingcharge">€</span></td><td rowspan="2" class="shippinglinecelltop" style="width:40px;border-right:1px solid silver;border-bottom:1px solid silver;vertical-align:middle;text-align:center"><img src="../images/info.gif" title="Vroegste leveringsdatum & kost"></img></td></tr>';

	/* build delivery date string */
	htmlstring=htmlstring+'<tr><td class="shippinglinecellbottom" style="width:130px;border-left:1px solid silver;text-align:right">'+orderheader[8][index]+'</td><td class="shippinglinecellbottom" style="width:150px;text-align:left;font-size:9pt"><span id="deliverydate"></span></td></tr></table>';

	/* build order total html string */
	htmlstring=htmlstring+'<table id="ordertotaltable" cellspacing="0" ><tr><td class="ordertotalcell" style="width:132px;text-align:right;border-left:1px solid gray;border-right:none">'+shippinglanguages[9][index]+'</td><td class="ordertotalcell" style="border-right:none;border-left:none"><select id="currency" onchange="switchcurrency(this)"></select></td><td class="ordertotalcell" style="width:10px;border-left:none;border-right:none;">&nbsp;</td><td class="ordertotalcell" style="font-weight:bold;width:120px;border-right:1px solid gray;border-left:none">'+orderheader[7][index]+'</td><td class="ordertotalcell" style="font-weight:bold;border-left:none;border-right:1px solid gray;width:53px;text-align:center;font-size:9pt"><span id="ordertotal">'+ordertotal+'</span><span id="currencysignordertotal">&nbsp;€</span></td><td class="ordertotalcell" style="width:41px;text-align:center;border-left:none"><img src="../images/info.gif" title="Totaal bedrag dat zal &#13;aangerekend worden."></img></td></tr><tr id="hiddenvalues"><td id="europroducttotal">'+producttotal+'</td><td id="euroshippingcharge">'+shippingcharge+'</td><td id="euroordertotal">'+ordertotal+'</td></tr></table></div>';


	htmlstring+='<table style="margin-top:10px;margin-left:8px"><tr><td class="buttoncell" style="width:120px" onclick="retrieveproducts()">'+buttonlanguages[5][index]+'</td><td></td><td class="buttoncell" onclick="shipping()">'+checkoutlanguages[2][index]+'&nbsp;&raquo;</td></tr></table></div>';
	
	
	$('midden').innerHTML=htmlstring;

	/*-------------------------END OF BUILD-------------------------------------------------*/

	/* populate quantity selects */
	for (k=0;k<cartlines.length;k++)
		{

		var cartlineitems=cartlines[k].split(',');
		var orderlineid='orderline'+k;
		$(orderlineid).options.length=0;
		$(orderlineid).options[0]=new Option(cartlineitems[2],cartlineitems[2],false,false);
		var qty=parseInt(cartlineitems[2]);
		for(j=1;j<20;j++)
			{
			$(orderlineid).options[j]=new Option(qty,qty,false,false);
			qty=qty+1;
			}
		}

	/* initialize earliest delivery date on Belgium - leadtime 1 day */
	getdeliverydate(1);

	populatedestinations(totalweight);
	populatecurrencies();
	}



function makefieldwhite(field)
	{
	field.style.backgroundImage='';
	field.style.backgroundColor='white';
	}

function switchcurrency(selectedcurrency)
	{
	var rate=selectedcurrency.options[selectedcurrency.selectedIndex].value;
	var newproducttotal=Math.round((parseFloat($('europroducttotal').innerHTML)*rate)*100)/100;
	var newordertotal=Math.round((parseFloat($('euroordertotal').innerHTML)*rate)*100)/100;
	var newshippingcharge=Math.round((parseFloat($('euroshippingcharge').innerHTML)*rate)*100)/100;
	$('producttotal').innerHTML=newproducttotal;
	$('shippingcharge').innerHTML=newshippingcharge;
	$('currencysignproducttotal').innerHTML=currencyDB[selectedcurrency.selectedIndex].sign;
	$('currencysignshippingcharge').innerHTML=currencyDB[selectedcurrency.selectedIndex].sign;
	$('currencysignordertotal').innerHTML=currencyDB[selectedcurrency.selectedIndex].sign; 
	$('ordertotal').innerHTML=newordertotal;
	}

function shipping()
	{
	if ($('cart').innerHTML=='')
		{
		alert('Your cart is empty !');
		return;
		}
	else
		{
	var htmlstring='<p class="headermidden" style="margin-left:20px;margin-top:15px">CHECKOUT<span style="font-size:9pt">&nbsp;&raquo;&nbsp;'+checkoutlanguages[2][index]+'</span></p><div id="checkoutsteps" style="text-align:center"><table cellspacing="0" style="border-collapse:collapse;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center"><tr><td class="stepup" style="color:black;border-color:black;cursor:pointer" onclick="retrievecartdetail()">'+main[35][index]+' 1</td><td class="intervalup" style="border-color:black">&nbsp;</td><td class="stepup" style="color:white;border-color:black;background-color:black;font-weight:bold">'+main[35][index]+' 2</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 3</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 4</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 5</td></tr><tr><td class="stepdown" style="color:black;border-color:black;cursor:pointer" onclick="retrievecartdetail()">'+main[30][index]+'</td><td class="intervaldown" style="border-color:black">&nbsp;</td><td class="stepdown" style="color:white;border-color:black;background-color:black;font-weight:bold">'+main[31][index]+'</td><td class="intervaldown">&nbsp;</td><td class="stepdown">'+main[32][index]+'</td><td class="intervaldown">&nbsp;</td><td class="stepdown">'+main[33][index]+'</td><td class="intervaldown">&nbsp;&nbsp;</td><td class="stepdown">'+main[34][index]+'</td></tr></table></div>';
	htmlstring+='<div id="shippinginfo">';
	htmlstring+='<div class="shippingheader">&nbsp;&nbsp;'+shippinglanguages[0][index]+'</div><table style="margin-top:10px;margin-left:8px">';
	htmlstring+='<tr><td class="inputlabel" style="width:100px">'+shippinglanguages[2][index]+'</td><td><input type="text" class="inputfield" size="60" id="shippingname" name="shippingname" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restshippingname\',100)">&nbsp;<span class="rest">(<span id="restshippingname">100</span>)</span></td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[3][index]+'</td><td><input type="text" class="inputfield" size="60" id="shippingaddress1" name="shippingaddress1" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restshippingaddress1\',100)">&nbsp;<span class="rest">(<span id="restshippingaddress1">100</span>)</span></td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[4][index]+'</td><td><input type="text" class="inputfield" size="60" id="shippingaddress2" name="shippingaddress2" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restshippingaddress2\',100)">&nbsp;<span class="rest">(<span id="rest" id="restshippingaddress2">100</span>)</span></td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[6][index]+'</td><td><input type="text" class="inputfield" size="8" id="shippingzip" name="shippingzip" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,11)" onKeyUp="return taCount(this,\'restshippingzip\',11)">&nbsp;(<span class="rest" id="restshippingzip">11</span>)</td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[5][index]+'</td><td><input type="text" class="inputfield" size="42" id="shippingcity" name="shippingcity" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,50)" onKeyUp="return taCount(this,\'restshippingcity\',50)">&nbsp;(<span class="rest" id="restshippingcity">50</span>)</td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[7][index]+'</td><td><select id="shippingcountry" style="border:1px solid rgb(36,6,0)" name="shippingcountry" onchange="this.blur()">country</select></td></tr>';
	/* if global variable deliverydate is set to true show requested delivery date input field */
	if(deliverydate)
		{
		htmlstring+='<tr><td class="inputlabel">Delivery Date :</td><td><input type="text" class="inputfield" size="10" id="deliverydate">&nbsp;*</td></tr>';
		}

	htmlstring+='</table>';

	/* if global variable wishcard is set to true then show wishing card text box */
	if (wishcard)
		{
		htmlstring+='</div><div id="shippingoptions"><div class="shippingheader">&nbsp;&nbsp;'+shippinglanguages[1][index]+'</div><table style="margin-left:8px;margin-top:10px"><tr><td class="inputlabel" style="width:100px">'+shippinglanguages[10][index]+'</td><td><input type="checkbox" id="wishcard" onclick="togglewishcard(this)"></td></tr>';
		htmlstring+='<tr><td class="inputlabel" style="vertical-align:top">'+shippinglanguages[11][index]+'</td>';
		htmlstring+='<td><textarea id="personalmessage" class="inputfield" cols="60" rows="3" onfocus="this.value=\'\'" onKeyPress="return taLimit(this,200)" onKeyUp="return taCount(this,\'restmessage\',200)"></textarea></td><td style="vertical-align:top">&nbsp;<span class="rest">(<span id="restmessage">200</span>)</span></td></tr></table>'; 
		}

	htmlstring+='<table style="margin-top:10px;margin-left:10px"><tr><td class="buttoncell" onclick="retrievecartdetail()">'+buttonlanguages[1][index]+'</td><td></td><td class="buttoncell" onclick="updateshipping()">'+checkoutlanguages[3][index]+'&nbsp;&raquo;</td></tr></table></div>';
	$('midden').innerHTML=htmlstring;

	$('shippingname').focus();
	/*populate country drop down list */
	var i=0;
	for (i=0;i<shippingDB.length;i++)
		{
		$('shippingcountry').options[i]=new Option(shippingDB[i].name[index],shippingDB[i].shipping[1],false,false);
		}

	/* populateoccasions();*/

	/* retrieve existing shippinginfo if any */	
	retrieveshipping();
	$('shippingname').focus();		
	window.location = "#top";

	}
	}


function togglewishcard(choice)
	{
	if (choice.checked)
		{
		$('personalmessage').disabled=false;
		$('personalmessage').value=shippinglanguages[12][index];
		}
	else
		{
		$('personalmessage').disabled=true;
		$('personalmessage').value='';
		}
	}


function showpaymentmethods(selectedcountry)
	{
	if (!selectedcountry.selectedIndex==0)
		{
		if(cash)
			{
			$('cash').style.display='none';
			$('cashtext').style.display='none';
			}
		if(banktransfer)
			{
			$('banktransfer').style.display='none';
			$('banktransfertext').style.display='none';
			}
		$('creditcard').style.checked='checked';
		}
	else
		{
		if(cash)
			{
			$('cash').style.display='inline';
			$('cashtext').style.display='inline';
			}
		if(banktransfer)
			{
			$('banktransfer').style.display='inline';
			$('banktransfertext').style.display='inline';
			}
		}
	}


function toggleaddressoncreditcard(flag)
	{
	if (flag)
		{
		$('addressoncreditcard').style.visibility="visible";
		}
	else
		{
		$('addressoncreditcard').style.visibility="hidden";
		}
	}

function companyvat()
	{
	if($('companyvat').checked)
		{
		$('companyvatholder').innerHTML='<table style="margin-left:5px;margin-top:5px"><tr><td class="inputlabel" style="width:100px">'+main[63][index]+'</td><td><input type="text" class="inputfield" size="70" id="companyname" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restbedrijf\',100)">&nbsp;(<span class="rest" id="restbedrijf">100</span>)</td></tr><tr><td class="inputlabel" style="width:100px">'+billinglanguages[2][index]+'</td><td><input type="text" class="inputfield" size="70" id="companyaddress1" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restcompanyaddress1\',100)">&nbsp;(<span class="rest" id="restcompanyaddress1">100</span>)</td><tr><td class="inputlabel" style="width:100px">'+billinglanguages[3][index]+'</td><td><input type="text" class="inputfield" size="70" id="companyaddress2" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restcompanyaddress2\',100)">&nbsp;(<span class="rest" id="restcompanyaddress2">100</span>)</td><tr><td class="inputlabel" style="width:100px">'+billinglanguages[4][index]+'</td><td><input type="text" class="inputfield" size="70" id="companycity" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,50)" onKeyUp="return taCount(this,\'restcompanycity\',50)">&nbsp;(<span class="rest" id="restcompanycity">50</span>)</td><tr><td class="inputlabel" style="width:100px">'+billinglanguages[6][index]+'</td><td><input type="text" class="inputfield" size="70" id="companycountry" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,50)" onKeyUp="return taCount(this,\'restcompanycountry\',50)">&nbsp;(<span class="rest" id="restcompanycountry">50</span>)</td></tr><tr><td class="inputlabel" style="width:100px">'+main[64][index]+'</td><td><input type="text" class="inputfield" size="20" id="companyvat" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,20)" onKeyUp="return taCount(this,\'restcompanyvat\',20)">&nbsp;(<span class="rest" id="restcompanyvat">20</span>)</td></tr></table>';
		}
	else
		{
		$('companyvatholder').innerHTML='';
		}
	}

function billing()
	{

	var htmlstring='<p class="headermidden" style="margin-left:20px;margin-top:15px">CHECKOUT<span style="font-size:9pt">&nbsp;&raquo;&nbsp;'+checkoutlanguages[3][index]+'</span></p><div id="checkoutsteps"><table cellspacing="0" style="border-collapse:collapse;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center"><tr><td class="stepup" style="color:black;border-color:black;cursor:pointer" onclick="retrievecartdetail()">'+main[35][index]+' 1</td><td class="intervalup" style="border-color:black">&nbsp;</td><td class="stepup" style="color:black;border-color:black;cursor:pointer" onclick="shipping()">'+main[35][index]+' 2</td><td class="intervalup" style="border-color:black">&nbsp;</td><td class="stepup" style="color:white;border-color:black;background-color:black;font-weight:bold">'+main[35][index]+' 3</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 4</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 5</td></tr><tr><td class="stepdown" style="color:black;border-color:black;cursor:pointer" onclick="retrievecartdetail()">'+main[30][index]+'</td><td class="intervaldown" style="border-right:black">&nbsp;</td><td class="stepdown" style="color:black;border-color:black;cursor:pointer" onclick="shipping()">'+main[31][index]+'</td><td class="intervaldown">&nbsp;</td><td class="stepdown" style="color:white;border-color:black;background-color:black;font-weight:bold">'+main[32][index]+'</td><td class="intervaldown">&nbsp;</td><td class="stepdown">'+main[33][index]+'</td><td class="intervaldown">&nbsp;</td><td class="stepdown">'+main[34][index]+'</td></tr></table></div>';
	htmlstring+='<div id="emailinfo"><div class="billingheader">&nbsp;&nbsp;'+billinglanguages[11][index]+'</div><table style="margin-left:5px;margin-top:10px"><tr><td class="inputlabel" style="width:100px">email : </td><td><input type="text" class="inputfield" size="70" id="emailaddress" name="emailaddress" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restemailaddress\',100)">&nbsp;(<span class="rest" id="restemailaddress">100</span>)</td></tr></table></div>';
	htmlstring+='<div id="billinginfo"><div class="billingheader">&nbsp;&nbsp;'+billinglanguages[0][index];
	/* if global variable creditcards is set to true then show ceditcard message */
	if (creditcards)
		{
		htmlstring+='<span id="addressoncreditcard" style="font-size:8pt;font-weight:normal">'+billinglanguages[12][index]+'</span>';
		}
	htmlstring+='</div><table style="margin-top:10px;margin-left:5px"><tr><td class="inputlabel" style="width:100px">'+billinglanguages[1][index]+'</td><td ><input type="text" class="inputfield" size="70" id="billingname" name="billingname" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restbillingname\',100)">&nbsp;<span class="rest">(<span id="restbillingname">100</span>)</span></td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+billinglanguages[2][index]+'</td><td><input type="text" class="inputfield" size="70" id="billingaddress1" name="billingaddress1" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restbillingaddress1\',100)">&nbsp;<span class="rest">(<span id="restbillingaddress1">100</span>)</span></td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+billinglanguages[3][index]+'</td><td><input type="text" class="inputfield" size="70" id="billingaddress2" name="billingaddress2" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,100)" onKeyUp="return taCount(this,\'restbillingaddress2\',100)">&nbsp;<span class="rest">(<span id="restbillingaddress2">100</span>)</span></td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+billinglanguages[5][index]+'</td><td><input type="text" class="inputfield" size="8" id="billingzip" name="billingzip" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,11)" onKeyUp="return taCount(this,\'restbillingzip\',11)">&nbsp;<span class="rest">(<span id="restbillingzip">11</span>)</span></td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+billinglanguages[4][index]+'</td><td><input type="text" class="inputfield" size="35" id="billingcity" name="billingcity" onfocus="makefieldwhite(this)" onKeyPress="return taLimit(this,50)" onKeyUp="return taCount(this,\'restbillingcity\',50)">&nbsp;(<span class="rest" id="restbillingcity">50</span>)</td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+billinglanguages[6][index]+'</td><td><select id="billingcountry" name="billingcountry" onchange="showpaymentmethods(this)" onfocus="makefieldwhite(this)">country</select>&nbsp;</td></tr></table>';
	htmlstring+='<table><tr><td style="height:20px"><input type=checkbox id="companyvat" onclick="companyvat()">&nbsp;<span class="inputlabel" style="font-size:8pt">';
	htmlstring+=main[61][index];
	htmlstring+='</span></td></tr></table><div id="companyvatholder"></div>';
	htmlstring+='<table style="margin-right:5px;width:98%"><tr><td style="height:20px;text-align:right"><span style="font-size:7pt"><input type=checkbox id="saver" name="saver">&nbsp;';
	htmlstring+=main[62][index];
	htmlstring+='</span></td></tr>';
	htmlstring+='</table></div>';

	/* show different payment methods based on global variables settings */
	htmlstring+='<div id="paymentmethods"><div class="billingheader">&nbsp;&nbsp;'+billinglanguages[7][index]+'</div><div style="margin-left:10px;margin-top:5px">';
		if (cash)
			{
			htmlstring+='<input type="radio" name="paymentmethod" id="cash" onclick="toggleaddressoncreditcard(false)">&nbsp;<span id="cashtext">'+billinglanguages[8][index]+'&nbsp;&nbsp;&nbsp;</span>';
			}
		if (banktransfer)
			{
			htmlstring+='<input type="radio" name="paymentmethod" id="banktransfer" onclick="toggleaddressoncreditcard(false)">&nbsp;<span id="banktransfertext">'+billinglanguages[9][index]+'&nbsp;&nbsp;&nbsp;</span>';
			}
		if(creditcards)
			{
			htmlstring+='<input type="radio" name="paymentmethod" id="creditcard" checked="checked" onclick="toggleaddressoncreditcard(true)">&nbsp;'+billinglanguages[10][index];
			}
	htmlstring+='</div>';

	/* create buttons */
	htmlstring+='<table style="margin-top:10px;margin-left:8px"><tr><td class="buttoncell" onclick="shipping()">'+buttonlanguages[3][index]+'</td><td></td><td class="buttoncell" onclick="updatebilling()">'+checkoutlanguages[4][index]+'&nbsp;&raquo;</td></tr></table></div>';

	/* put it on the page */
	$('midden').innerHTML=htmlstring;
	$('emailaddress').focus();

	/*populate country drop down list */
	var i=0;
	for (i=0;i<shippingDB.length;i++)
		{
		$('billingcountry').options[i]=new Option(shippingDB[i].name[index],shippingDB[i].name[index],false,false);
		}

	/* retrieve existing shippinginfo if any */
	$('emailaddress').focus();
	window.location = "#top";	
/*	$('billingname').value=getCookie('billingname');
	alert("test"); */
	retrievebilling();
	}



function confirmation(confirmation)
	{
	var billingname=$('billingname').value;
	var billingaddress1=$('billingaddress1').value;
	var billingaddress2=$('billingaddress2').value;
	if($('saver').checked)
		{
		setCookie("billingname",bilingname,getExpDate(180,0,0));
		setCookie("billingaddress1",billingaddress1,getExpDate(180,0,0));
		setCookie("billingaddress2",billingaddress2,getExpDate(180,0,0));
		}
	else
		{
		} 
	var htmlstring='<p class="headermidden" style="margin-left:20px;margin-top:15px">CHECKOUT<span style="font-size:9pt">&nbsp;&raquo;&nbsp;'+checkoutlanguages[4][index]+'</span></p><div id="checkoutsteps"><table cellspacing="0" style="border-collapse:collapse;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;text-align:center"><tr><td class="stepup" style="color:black;border-color:black;cursor:pointer" onclick="retrievecartdetail()">'+main[35][index]+' 1</td><td class="intervalup" style="border-color:black">&nbsp;</td><td class="stepup" style="color:black;border-color:black;cursor:pointer" onclick="shipping()">'+main[35][index]+' 2</td><td class="intervalup" style="border-color:black">&nbsp;</td><td class="stepup" style="color:black;border-color:black;cursor:pointer" onclick="billing()">'+main[35][index]+' 3</td><td class="intervalup" style="border-color:black">&nbsp;</td><td class="stepup" style="color:white;border-color:black;background-color:black;font-weight:bold">'+main[35][index]+' 4</td><td class="intervalup">&nbsp;</td><td class="stepup">'+main[35][index]+' 5</td></tr><tr><td class="stepdown" style="color:black;border-color:black;cursor:pointer" onclick="retrievecartdetail()">'+main[30][index]+'</td><td class="intervaldown" style="border-right:black">&nbsp;</td><td class="stepdown" style="color:black;border-color:black;cursor:pointer" onclick="shipping()">'+main[31][index]+'</td><td class="intervaldown" style="border-right:black">&nbsp;</td><td class="stepdown" style="color:black;border-color:black;cursor:pointer" onclick="billing()">'+main[32][index]+'</td><td class="intervaldown" style="border-right:black">&nbsp;</td><td class="stepdown" style="color:white;border-color:black;background-color:black;">'+main[33][index]+'</td><td class="intervaldown">&nbsp;</td><td class="stepdown">'+main[34][index]+'</td></tr></table></div>';


	/* build order confirmation html string */
	htmlstring+='<div id="orderconfirmation"><div class="confirmationheader">&nbsp;&nbsp;'+orderheader[0][index].toUpperCase()+'</div><table cellspacing="0" style="margin-top:10px;margin-left:10px"><tr id="confirmationorderheader"><td style="width:310px;border:1px solid silver;text-align:left;border-right:none;padding-left:5px">'+orderheader[1][index]+'</td><td style="width:50px;border:1px solid silver;border-right:none">'+orderheader[2][index]+'</td><td style="width:80px;border:1px solid silver;border-right:none">'+orderheader[3][index]+'</td><td style="border:1px solid silver;width:75px">'+orderheader[4][index]+'</td></tr><tr class="spacer"></tr><tr style="font-size:9pt">';
	var confirmationelements = confirmation.split("[#]");
	var cartelements = confirmationelements[0].split("|");
	var shippingelements=confirmationelements[1].split("|");
	var shippingcharge=parseInt(shippingelements[6]);
	var ordertotal=0;
	var billingtotal=0;
	for (i=0;i<cartelements.length;i++)
		{
		var orderelements=cartelements[i].split(",");
		var subtotal=orderelements[2]*orderelements[3];
		htmlstring+='<td  style="font-size:9pt;padding-left:5px">'+orderelements[1]+'</td><td  style="font-size:9pt;text-align:center">'+orderelements[2]+'</td><td  style="font-size:9pt;text-align:center">'+orderelements[3]+' €</td><td  style="font-size:9pt;text-align:center">'+subtotal+' €</td></tr>';
		ordertotal=ordertotal+subtotal;		
		}

	htmlstring+='</table><table id="ordersummary" cellspacing="0" style="margin-top:10px"><tr class="confirmationtotals"><td class="ordersummarycell" style="text-align:right;border-right:none;padding-right:5px;width:443px">'+orderheader[5][index]+'</td><td class="ordersummarycell" style="text-align:center">'+ordertotal+' €</td></tr></table>';
	htmlstring+='<table id="ordershipping" cellspacing="0" style="margin-top:3px"><tr class="confirmationtotals"><td class="ordersummarycell" style="text-align:right;padding-right:5px;border-right:none;width:443px">'+orderheader[6][index]+'</td><td class="ordersummarycell" style="text-align:center">'+shippingelements[6]+' €</td></tr></table>';
	billingtotal=ordertotal+shippingcharge;
	htmlstring+='<table id="ordertotaltable" style="margin-top:3px" cellspacing="0" style="margin-top:3px"><tr class="confirmationtotals"><td class="ordertotalcell" style="text-align:right;border-right:none;padding-right:5px;width:443px">'+orderheader[7][index]+'</td><td class="ordertotalcell" style="text-align:center">'+billingtotal+' €</td></tr>';
	htmlstring+='</table><table style="margin-top:3px;margin-left:8px;"><tr><td style="text-align:center;padding-right:10px;width:100px" class="buttoncell" onclick="retrievecartdetail()">'+buttonlanguages[8][index]+'</td></tr></table></div>';

	/* build shipping confirmation html string */
	htmlstring+='<div id="shippingconfirmation"><div class="confirmationheader">&nbsp;&nbsp;'+shippinglanguages[0][index]+'</div>';
	htmlstring+='<table style="width:100%;margin-left:8px;margin-top:10px">';
	htmlstring+='<tr><td class="inputlabel" style="width:100px">'+shippinglanguages[2][index]+'</td><td class="field">'+shippingelements[0]+'</td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[3][index]+'</td><td class="field">'+shippingelements[1]+'</td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[4][index]+'</td><td class="field">'+shippingelements[2]+'</td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[5][index]+'</td><td class="field">'+shippingelements[3]+'</td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[6][index]+'</td><td class="field">'+shippingelements[4]+'</td></tr>';
	htmlstring+='<tr><td class="inputlabel">'+shippinglanguages[7][index]+'</td><td class="field">'+shippingelements[5]+'</td></tr>';
	htmlstring+='</table><table style="margin-top:10px;margin-left:8px"><tr><td style="text-align:center;padding-right:10px;width:100px" class="buttoncell" onclick="shipping()">'+buttonlanguages[8][index]+'</td></tr></table></div>';

	/* build billing confirmation html string */
	htmlstring+='<div id="billingconfirmation"><div class="confirmationheader">&nbsp;&nbsp;'+billinglanguages[0][index]+'</div>';
	var billingelements=confirmationelements[2].split("|");
	htmlstring+='<table style="width:100%;margin-top:10px;margin-left:5px">';
	if(billingelements[7]=='')
		{
		htmlstring+='<tr><td class="inputlabel" style="width:100px">'+billinglanguages[1][index]+'</td><td class="field">'+billingelements[1]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[2][index]+'</td><td class="field">'+billingelements[2]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[3][index]+'</td><td class="field">'+billingelements[3]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[4][index]+'</td><td class="field">'+billingelements[4]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[5][index]+'</td><td class="field">'+billingelements[5]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[6][index]+'</td><td class="field">'+billingelements[6]+'</td></tr>';
		}
	else
		{
		htmlstring+='<tr><td class="inputlabel" style="width:100px">'+billinglanguages[1][index]+'</td><td class="field">'+billingelements[7]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[2][index]+'</td><td class="field">'+billingelements[8]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[3][index]+'</td><td class="field">'+billingelements[9]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[4][index]+'</td><td class="field">'+billingelements[10]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[5][index]+'</td><td class="field">'+' '+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+billinglanguages[6][index]+'</td><td class="field">'+billingelements[11]+'</td></tr>';
		htmlstring+='<tr><td class="inputlabel">'+'BTW nummer :'+'</td><td class="field">'+billingelements[12]+'</td></tr>';
		}
	htmlstring+='</table><table style="margin-top:10px;margin-left:10px"><tr><td class="buttoncell" onclick="billing()" style="text-align:center;padding-right:10px;width:100px">'+buttonlanguages[8][index]+'</td></tr></table></div>';




/*paypal*/

			htmlstring+='<form action="https://www.paypal.com/cgi-bin/webscr" method="post">';
			htmlstring+='<input type="hidden" name="cmd" value="_xclick">';
			htmlstring+='<input type="hidden" name="business" value="info@belgiansweets.com">';
			htmlstring+='<input type="hidden" name="item_name" value="order '+confirmationelements[4]+ '">';
			htmlstring+='<input type="hidden" name="item_number" value="'+confirmationelements[4]+'">';
			htmlstring+='<input type="hidden" name="amount" value="'+confirmationelements[5]/100+'">';
			htmlstring+='<input type="hidden" name="currency_code" value="EUR">';
			htmlstring+='<input type="hidden" name="custom" value="'+index+'">';
			htmlstring+='<input type="hidden" name="no_shipping" value="1">';
			htmlstring+='<input type="hidden" name="lc" value="'+paypallanguage[index]+'">';
			htmlstring+='<input type="hidden" name="no_note" value="1">';
			htmlstring+='<input type="hidden" name="notify_url" value="http://www.belgiansweets.com/php/confirmmail.php">';
			htmlstring+='<input type="hidden" name="return" value="http://www.belgiansweets.com/index/index.php">';
			htmlstring+='<input type="hidden" name="cancel_return" value="http://www.belgiansweets.com/index/index.php">'

			htmlstring+='<input type="image" name="submit" border="0" src="https://www.paypal.com/nl_NL/i/btn/btn_paynow_LG.gif"alt="PayPal The safer, easier way to pay online">';
			htmlstring+='</form>';


			/* put it on the page */
			$('midden').innerHTML=htmlstring;
			$('story').style.display='none';		
	}