function showProductAdd(id) {
	$('#productAdd'+id).slideToggle(200);
}

function showLev(id) {
	$('#lev').slideToggle(200);
}

var xmlhttp;
var id;
var amount;

function submitForm(id_temp)
{
	id = id_temp;
	
	var url;
	switch (document.forms['addProd'+id].elements['type'+id].value) {
		case "rubber": url = "http://www.ttsport.nl/include/addprod/rubber.php"; break;
		case "frame": url = "http://www.ttsport.nl/include/addprod/frame.php"; break;
		case "kleding": url = "http://www.ttsport.nl/include/addprod/kleding.php"; break;
		case "schoeisel": url = "http://www.ttsport.nl/include/addprod/schoeisel.php"; break;
		case "overig": url = "http://www.ttsport.nl/include/addprod/overig.php"; break;
	}
	
	switch (document.forms['addProd'+id].elements['type'+id].value) {
		case "rubber": 		url += "?ID="+id;
							var count_rood = 0;
							var count_zwart = 0;
							if(document.forms['addProd'+id].elements['aantal_rood'+id]) {
								url += "&aantal_rood="+document.forms['addProd'+id].elements['aantal_rood'+id].value;
								url += "&dikte_rood="+document.forms['addProd'+id].elements['dikte_rood'+id].value;
								count_rood = document.forms['addProd'+id].elements['aantal_rood'+id].value;
							}
							if(document.forms['addProd'+id].elements['aantal_zwart'+id]) {
								url += "&aantal_zwart="+document.forms['addProd'+id].elements['aantal_zwart'+id].value;
								url += "&dikte_zwart="+document.forms['addProd'+id].elements['dikte_zwart'+id].value;
								count_zwart = document.forms['addProd'+id].elements['aantal_zwart'+id].value;
							}
							url += "&type="+document.forms['addProd'+id].elements['type'+id].value; 
							if(document.forms['addProd'+id].elements['plakken'+id].checked == true) {
								url += "&plakken=ja";
							}
							amount = 0;
							if(count_rood != "")
							{
								amount += parseInt(count_rood);
							}
							if(count_zwart != "")
							{
								amount += parseInt(count_zwart);
							}
							break;
		case "frame": 		url += "?ID="+id+"&handvat="+document.forms['addProd'+id].elements['handvat'+id].value+"&aantal="+document.forms['addProd'+id].elements['aantal'+id].value+"&type="+document.forms['addProd'+id].elements['type'+id].value; 
							amount = parseInt(document.forms['addProd'+id].elements['aantal'+id].value); 
							break;
		case "kleding":		var aantallen = document.forms['addProd'+id].elements['aantallen[]'];
							amount = 0;
							for(i = 0; i < aantallen.length; i++)
							{
								if(aantallen[i].value != "" && aantallen[i].value > 0)
								{
									amount += parseInt(aantallen[i].value);
								}
							}
							url += "?ID="+id+"&type="+document.forms['addProd'+id].elements['type'+id].value;
							var str = $(document.forms['addProd'+id]).serialize();
							str.replace('%5B%5D', '[]');
							url += "&"+str;
							break;
		case "schoeisel":	var aantallen = document.forms['addProd'+id].elements['aantallen[]'];
							amount = 0;
							for(i = 0; i < aantallen.length; i++)
							{
								if(aantallen[i].value != "" && aantallen[i].value > 0)
								{
									amount += parseInt(aantallen[i].value);
								}
							}
							url += "?ID="+id+"&type="+document.forms['addProd'+id].elements['type'+id].value;
							var str = $(document.forms['addProd'+id]).serialize();
							str.replace('%5B%5D', '[]');
							url += "&"+str;
							break;
		case "overig":		url += "?ID="+id+"&type="+document.forms['addProd'+id].elements['type'+id].value+"&aantal="+document.forms['addProd'+id].elements['aantal'+id].value;
							if(document.forms['addProd'+id].elements['kleur'+id]) {
								url += "&kleur="+document.forms['addProd'+id].elements['kleur'+id].value;
							}
							amount = parseInt(document.forms['addProd'+id].elements['aantal'+id].value);
							break;
	}
	
	if (window.XMLHttpRequest)
	{
		if(amount > 0)
		{
			xmlhttp=new XMLHttpRequest();
			xmlhttp.onreadystatechange=stateChange;
			xmlhttp.open("GET",url,true);
			xmlhttp.send(null);
		}
	}
	else
	{
		if(amount > 0)
		{
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
			xmlhttp.onreadystatechange=stateChange;
			xmlhttp.open("GET",url,true);
			xmlhttp.send();
		}
	}
	
}

function stateChange()
{
	if (xmlhttp.readyState==4)
  	{
  		if (xmlhttp.status==200)
    	{
    		document.getElementById('productAdd'+id).innerHTML=xmlhttp.responseText;
			updateCart();
    	}
		else
    	{
    		document.getElementById('productAdd'+id).innerHTML="Error: kon producten niet toevoegen aan winkelwagen";
    	}
	}
}

function stateChange2()
{
	if (xmlhttp.readyState==4)
  	{
  		if (xmlhttp.status==200)
    	{
    		document.getElementById('productAdd'+id).innerHTML=xmlhttp.responseText;
    	}
		else
    	{
    		document.getElementById('productAdd'+id).innerHTML="Error: kon producten niet toevoegen aan winkelwagen";
    	}
	}
}

function stateChange3()
{
	if (xmlhttp.readyState==4)
  	{
  		if (xmlhttp.status==200)
    	{
    		document.getElementById('amountItems').innerHTML=xmlhttp.responseText;
    	}
		else
    	{
    		document.getElementById('productAdd'+id).innerHTML="Error: kon producten niet toevoegen aan winkelwagen";
    	}
	}
}

function updateCart()
{
	url = "http://www.ttsport.nl/include/count/winkelwagen.php";
	
	if (window.XMLHttpRequest)
	{
		xmlhttp=new XMLHttpRequest();
		xmlhttp.onreadystatechange=stateChange3;
		xmlhttp.open("GET",url,true);
		xmlhttp.send(null);
	}
	else
	{
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		xmlhttp.onreadystatechange=stateChange3;
		xmlhttp.open("GET",url,true);
		xmlhttp.send();
	}
}

function showForm(id_temp, type)
{
	id = id_temp;
	
	var url;
	switch (type) {
		case "rubber": url = "http://www.ttsport.nl/include/addforms/rubber.php"; break;
		case "frame": url = "http://www.ttsport.nl/include/addforms/frame.php"; break;
		case "kleding": url = "http://www.ttsport.nl/include/addforms/kleding.php"; break;
		case "schoeisel": url = "http://www.ttsport.nl/include/addforms/schoeisel.php"; break;
		case "overig": url = "http://www.ttsport.nl/include/addforms/overig.php"; break;
	}
	
	url += "?ID="+id+"&type="+type;
	
	if (window.XMLHttpRequest)
	{
		xmlhttp=new XMLHttpRequest();
		xmlhttp.onreadystatechange=stateChange2;
		xmlhttp.open("GET",url,true);
		xmlhttp.send(null);
	}
	else
	{
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		xmlhttp.onreadystatechange=stateChange2;
		xmlhttp.open("GET",url,true);
		xmlhttp.send();
	}
}