function VoegToe(thisform)
{	
	VorigEinde = 0;
	AantProd = GetCookie("Aantal");
	
	if(AantProd<1)    //Anders komt er waarde "null" vooraan de cookie te staan
	{
		AantProd = 0;
		Wagentje = "";
	}
	else
		Wagentje = GetCookie("Wagentje");

	// Gegevens uit het formulier lezen
	ProdID = thisform.ProdID.value;
	ProdOmschr = thisform.ProdOmschr.value;
	ProdEP = thisform.ProdEP.value;
	ProdAant=1;
	// De product gegevens worden samengevoegd tot 1 string
	// De verschillende gegevens PER product worden gescheiden door |&|
	// De verschillende producten worden gescheiden door |*|
	ProdGeg = ProdID + "|&|" + ProdOmschr + "|&|" + ProdEP + "|&|" + ProdAant + "|*|";
	Wagentje += ProdGeg;

	// Gegevens wegschrijven in cookies
	AantProd++;	
	SetCookie("Wagentje",Wagentje);
	SetCookie("Aantal",AantProd);
}


function GetCookie (name) {
        var arg = name + "=";
        var alen = arg.length;
        var clen = document.cookie.length;
        var i = 0;
        while (i < clen)
                {
                var j = i + alen;
                if (document.cookie.substring(i, j) == arg) return getCookieVal (j);
                i = document.cookie.indexOf(" ", i) + 1;
                if (i == 0) break;
                }

        return null;
}

function getCookieVal (offset) {
        var endstr = document.cookie.indexOf (";", offset);
        if (endstr == -1)
                endstr = document.cookie.length;
        return unescape(document.cookie.substring(offset, endstr));
}

function SetCookie (name,value,expires,path,domain,secure) {
        document.cookie = name + "=" + unescape (value) +
                        ((expires) ? "; expires=" + expires.toGMTString() : "") +
                        ((path) ? "; path=" + path : "") +
                        ((domain) ? "; domain=" + domain : "") +
                        ((secure) ? "; secure" : "");
}


function LaadCategorie(Categorie)
{
	parent.hoofd.location.href=Categorie + ".htm";
}
	




function Verwijder(ProdNR)
{
	AantProd = 0;
        AantProd = GetCookie("Aantal");
	VorigEinde = 0;
	Wagentje = GetCookie("Wagentje");
	NieuwWagentje = "";
        for (i=1; i <= AantProd; i++) 
	{
                Scheiding0 = Wagentje.indexOf("|&|", VorigEinde);
                Scheiding1 = Wagentje.indexOf("|&|", Scheiding0+1);
                Scheiding2 = Wagentje.indexOf("|&|", Scheiding1+1);
		Einde = Wagentje.indexOf("|*|", Scheiding2+3);

		if(i!=ProdNR)
		{
               		ProdID = Wagentje.substring( VorigEinde, Scheiding0 );
	                ProdOmschr = Wagentje.substring( Scheiding0+3, Scheiding1 );
	                ProdEP = Wagentje.substring( Scheiding1+3, Scheiding2 );
        	        ProdAant = Wagentje.substring( Scheiding2+3, Einde );
			ProdGeg = ProdID + "|&|" + ProdOmschr + "|&|" + ProdEP + "|&|" + ProdAant + "|*|";
			NieuwWagentje += ProdGeg;
		}
		VorigEinde = Einde + 3;
	}
	AantProd--;
	SetCookie("Wagentje",NieuwWagentje);
	SetCookie("Aantal",AantProd);
	location.href=location.href;
}

function AllesWissen()
{
	SetCookie("Aantal","0");
	SetCookie("Wagentje","");
	location.href=location.href;
}


function AantalWijzigen(ProdNR,thisform)
{
	AantProd = 0;
        AantProd = GetCookie("Aantal");
	VorigEinde = 0;
	Wagentje = GetCookie("Wagentje");
	NieuwWagentje = "";
        for (i=1; i <= AantProd; i++) 
	{
                Scheiding0 = Wagentje.indexOf("|&|", VorigEinde);
                Scheiding1 = Wagentje.indexOf("|&|", Scheiding0+1);
                Scheiding2 = Wagentje.indexOf("|&|", Scheiding1+1);
		Einde = Wagentje.indexOf("|*|", Scheiding2+3);

		ProdID = Wagentje.substring( VorigEinde, Scheiding0 );
	        ProdOmschr = Wagentje.substring( Scheiding0+3, Scheiding1 );
	        ProdEP = Wagentje.substring( Scheiding1+3, Scheiding2 );
		
		if(i!=ProdNR)
			ProdAant = Wagentje.substring( Scheiding2+3, Einde );
		else
	       	        ProdAant = thisform.Aantal.selectedIndex + 1;

		ProdGeg = ProdID + "|&|" + ProdOmschr + "|&|" + ProdEP + "|&|" + ProdAant + "|*|";
		NieuwWagentje += ProdGeg;
		VorigEinde = Einde + 3;
	}
	SetCookie("Wagentje",NieuwWagentje);
	SetCookie("Aantal",AantProd);
	location.href=location.href;		
}

function Vullen()
{
	Karretje = "<font size=\"2\" color=\"#647D9F\" face=\"Verdana\">"
	Karretje += "<table border=\"0\" width=\"100%\" cellspacing=\"2\" cellpadding=\"1\">";
        Tot = 0;
	VorigEinde = 0; // Hiermee wordt het einde van het vorige prod in de cookie aangeduid
        AantProd = GetCookie("Aantal");
	Wagentje = GetCookie("Wagentje");
        for (i=1; i <= AantProd; i++) 
	{
                Scheiding0 = Wagentje.indexOf("|&|", VorigEinde);
                Scheiding1 = Wagentje.indexOf("|&|", Scheiding0+1);
                Scheiding2 = Wagentje.indexOf("|&|", Scheiding1+1);
		Einde = Wagentje.indexOf("|*|", Scheiding2+3);

                ProdID = Wagentje.substring( VorigEinde, Scheiding0 );
                ProdOmschr = Wagentje.substring( Scheiding0+3, Scheiding1 );
                ProdEP = Wagentje.substring( Scheiding1+3, Scheiding2 );
                ProdAant = Wagentje.substring( Scheiding2+3, Einde );
		VorigEinde = Einde + 3;

		ProdTot = ProdEP * ProdAant;
		Tot += ProdTot;

		//Pagina opbouwen per product
                Karretje += "<form onSubmit=\"return false\">"
			+ "<tr>"
			+ "<td width=\"50%\"><font face=\"Verdana\" size=\"2\">" +ProdOmschr + "</font></td>"
    			+ "<td width=\"10%\" align=\"right\"><font face=\"Verdana\" size=\"2\">" +ProdEP + "</font></td>"
    			+ "<td width=\"10%\">"
    			+ "<select size=\"1\" align=\"right\" name=\"Aantal\" onchange=\"AantalWijzigen(" + i + ", this.form)\">";
    					
    			  //Selectieveld opbouwen (het bestelde aantal moet geselecteerd zijn
    			  for(j=1;j<=25;j++)
    			  {
    			  		if(j==ProdAant)
    			  			Karretje += "<option value=" + j + " selected>" + j + "</option>";
    			  		else
    			  			Karretje += "<option value=" + j + ">" + j + "</option>";
    			  }
    			  
    			  Karretje += "</select></td>"
    					+ "<td width=\"10%\" align=\"right\"><font face=\"Verdana\" size=\"2\">" + ProdTot + "</font></td>"
    					+ "<td width=\"20%\" align=\"center\"><input type=\"image\" src=\"../images/trash.jpg\" alt=\"Verwijderen uit winkelwagentje\", onclick=\"Verwijder(" + i + ")\"></td>"
  					+ "</tr>"
   					+ "<input type=\"hidden\", name=ProdID, value=" + ProdID + ">"
  					+ "<input type=\"hidden\", name=ProdOmschr, value =" + ProdOmschr + ">"
  					+ "<input type=\"hidden\", name=ProdEP, value =" + ProdEP + ">"
  					+ "<input type=\"hidden\", name=ProdAant, value =" + ProdAant + ">"
					+ "</form>";
        }
        
        if(AantProd<1)
        {        
                 Karretje += "<form>"
                 	+ "<table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">"
			+ "<tr>"
			+ "<td width=\"100%\"><font face=\"Verdana\" size=\"2\">Uw winkelwagentje is leeg</font></td>"
 			+ "</tr>"
 			+ "</form></table>";
        }
        
        Karretje += "</table></font>";

	 Totaal = "";
	 Totaal += "</table><p><table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" bgcolor=\"#95ACCC\" height=\"25\">"
  		+ "<tr>"
    		+ "<td width=\"70%\"><font color=\"#FFFFFF\"><b>TOTAAL:</b></td>"
		+ "<td width=\"10%\" align=\"right\"><font color=\"#FFFFFF\"><b>" +Tot + "</b></td>"
    		+ "<td width=\"20%\" align=\"center\">"
		+ "<input type=\"button\" value=\"Alles wissen\" name=\"AllesWissen\", onclick=\"AllesWissen()\"></td>"
  		+ "</tr>"
		+ "</table></p>";

        document.write(Karretje);
        document.write(Totaal);
}

function BestellingVullen(thisform)
{
	Tot = 0;
	AantProd = 0;
	VorigEinde = 0;
	Order = "";
	Karretje = "<p><table border=\"0\" width=\"100%\" cellspacing=\"2\">";
	AantProd = GetCookie("Aantal");
	Wagentje = GetCookie("Wagentje");
	for(i=1;i<=AantProd;i++)
	{
                Scheiding0 = Wagentje.indexOf("|&|", VorigEinde);
                Scheiding1 = Wagentje.indexOf("|&|", Scheiding0+1);
                Scheiding2 = Wagentje.indexOf("|&|", Scheiding1+1);
		Einde = Wagentje.indexOf("|*|", Scheiding2+3);

                ProdID = Wagentje.substring( VorigEinde, Scheiding0 );
                ProdOmschr = Wagentje.substring( Scheiding0+3, Scheiding1 );
                ProdEP = Wagentje.substring( Scheiding1+3, Scheiding2 );
		ProdBEF = ProdEP * 40.3399
                ProdAant = Wagentje.substring( Scheiding2+3, Einde );
		VorigEinde = Einde + 3;

		ProdTot = ProdEP * ProdAant;
		Tot += ProdTot;
		Order += "ProductID :  "
			+ ProdID + '\n'
			+ "Omschrijving :  "
			+ ProdOmschr + '\n'
			+ "Aantal stuks :  "
			+ ProdAant + '\n'
			+ "Eenheidsprijs :  "
			+ ProdEP + '\n'
			+ "TOTAAL voor dit product :  " + ProdTot
			+ '\n\n';

		Karretje += "<tr><td width=\"55%\"><font face=\"Verdana\" size=\"2\">" + ProdOmschr + "</font></td>"
    			+ "<td width=\"15%\" align=\"right\"><font face=\"Verdana\" size=\"2\">" + ProdEP + "</font></td>"
    			+ "<td width=\"15%\" align=\"right\"><font face=\"Verdana\" size=\"2\">" + ProdAant + "</font></td>"
    			+ "<td width=\"15%\" align=\"right\"><font face=\"Verdana\" size=\"2\">" + ProdTot + "</font></td>"
  			+ "</tr>";
	}
	Karretje += "</table></p>"
		+ "<table border=\"0\" width=\"100%\" height=\"25\" cellspacing=\"0\" bgcolor=\"#95ACCC\"><tr>"
	    	+ "<td width=\"85%\"><b><font color=\"#FFFFFF\">TOTAAL:</font></b></td>"
    		+ "<td width=\"15%\" align=\"right\"><b><font color=\"#FFFFFF\">" + Tot + "</font></b></td></tr></table>"
	document.write(Karretje);
	Order += "----------------------------------------------------------" + '\n'
		+ "TOTAAL BESTELLING:                          " + Tot + '\n'
		+ "----------------------------------------------------------"; + '\n'
	thisform.bestelling.value = Order;
	thisform.datum.value = new Date();
	
}
