function product(id,color){
	
	if(id == '0' && color == '0')
	{
		// Reset alle stappen
		
		products_buttons = document.getElementById('products').getElementsByTagName("span");
		deselect(products_buttons);
		new Ajax.Updater('colors','/js/colors.php');
		document.getElementById('artno').value = '';
		document.getElementById('amount').value = 1;
		document.getElementById('price').innerHTML = '';
		document.getElementById('stap1').getElementsByTagName('dt')[0].setAttribute('id','glow');
		document.getElementById('stap2').getElementsByTagName('dt')[0].removeAttribute('id','glow');
		document.getElementById('stap3').getElementsByTagName('dt')[0].removeAttribute('id','glow');
	}
	else if(color)
	{
		// selecteer product stap 2
		
		products_buttons = document.getElementById('colors').getElementsByTagName("li");
		identifier = color;
		newartno = id+color;
		
		deselect(products_buttons,identifier)
		
		// artno aanvullen
		// via ajax verwerken!
		document.getElementById('artno').value = newartno;
		
		// stukprijs weergeven
		calculateprice('',newartno,'','stap2');
	}
	else
	{
		// selecteer product stap 1
		
		products_buttons = document.getElementById('products').getElementsByTagName("span");
		identifier = id;
		
		newartno = id.substr(7);
		
		deselect(products_buttons,identifier);
		
		// artno controleren
		oldartno = document.getElementById('artno').value;
		if(oldartno < 100)
		{
			color = oldartno;
		}
		else if(oldartno < 10000)
		{
			color = '00';
		}
		else
		{
			color = oldartno.substr(3);
		}
		document.getElementById('artno').value = newartno+color;
		
		// bijbehorde kleuren ophalen
		new Ajax.Updater('colors','/js/colors.php', {
			parameters: { product: id, artno: newartno, color: color },
			onComplete: function(request) {
			} } );
			
		// stukprijs weergeven
		calculateprice('',newartno,color,'stap1');
		
		// slide open functie voor confetti vormpjes
		var subproducts;
		subproducts = document.getElementById('subproducts');
		if(newartno >= '400')
		{
			subproducts.style.display = 'block';
		}
		else
		{
			subproducts.style.display = 'none';
		}
	}
	function deselect(products_buttons,identifier)
	{
		for (i = 0; i < products_buttons.length; i++)
		{
			if(products_buttons[i].className == identifier)
			{
				products_buttons[i].setAttribute('id','select');
			}
			else
			{
				products_buttons[i].removeAttribute('id','select');
			}
		}
	}
}
function changeamount(aantal){
	if(aantal == 1)
	{
		document.getElementById('amount').value = '';
	}
}
function calculateprice(aantal,artno,color,stap){
	if(!artno)
	{
		artno = document.getElementById('artno').value;
	}
	if(!aantal)
	{
		aantal = document.getElementById('amount').value;
	}
	if(stap == 'stap1')
	{
		if(!color)
		{
			document.getElementById('stap1').getElementsByTagName('dt')[0].removeAttribute('id','glow');
			document.getElementById('stap2').getElementsByTagName('dt')[0].setAttribute('id','glow');
		}
		else
		{
			document.getElementById('stap1').getElementsByTagName('dt')[0].removeAttribute('id','glow');
			document.getElementById('stap3').getElementsByTagName('dt')[0].setAttribute('id','glow');
		}
	}
	else if(stap == 'stap2')
	{
		document.getElementById('stap2').getElementsByTagName('dt')[0].removeAttribute('id','glow');
		document.getElementById('stap3').getElementsByTagName('dt')[0].setAttribute('id','glow');
	}
	/*
	else if(artno >= 1 && color >= 1)
	{
		document.getElementById('stap1').getElementsByTagName('dt')[0].removeAttribute('id','glow');
		document.getElementById('stap2').getElementsByTagName('dt')[0].removeAttribute('id','glow');
		document.getElementById('stap3').getElementsByTagName('dt')[0].setAttribute('id','glow');
	}
	*/
	new Ajax.Updater('price','/js/price.php', {
		parameters: { aantal: aantal, artno: artno, color: color },
		onLoading: function(oXHR){ loader('show'); },
		onComplete: function(request) {
			loader('hide');
			oldaantal = document.getElementById('amount').value;
			if(oldaantal == '' || aantal == '0')
			{
				setTimeout("resetamount()",2500);
				
			}
			if(request['responseText'] < 50)
			{
				document.getElementById('price').innerHTML = '';
				document.getElementById('stap1').getElementsByTagName('dt')[0].setAttribute('id','glow');
				document.getElementById('stap2').getElementsByTagName('dt')[0].removeAttribute('id','glow');
				document.getElementById('stap3').getElementsByTagName('dt')[0].removeAttribute('id','glow');
			}
		} } );
}
function resetamount(){
	if(document.getElementById('amount').value == '')
	{
		document.getElementById('amount').value = 1;
	}
}
function loader(loader){
	if(loader == 'show')
	{
		document.getElementById('loader').style.display = 'block';
	}
	else
	{
		document.getElementById('loader').style.display = 'none';
	}
}
function addproduct(){
	artno = document.getElementById('artno').value;
	aantal = document.getElementById('amount').value;
	// product toevoegen
	new Ajax.Updater('','/js/addproduct.php', {
		parameters: { product: artno, aantal: aantal },
		onComplete: function(request) {
			var response = request['responseText'].split('^');
			switch(response[0])
			{
				default:
					document.getElementById('cart').innerHTML = response[0];
					// stappen resetten
					product('0','0');
					new Effect.Pulsate('regel_'+response[1], { pulses: 2, duration: 1.5 });
				break;
				case 'nosession':
					alert("Er gaat iets mis met de serverside session.\nProbeer het nog eens of herstart uw browser.");
				break;
				case 'nouserid':
					alert("Er gaat iets mis met de user database.\nProbeer het nog eens of herstart uw browser.");
				break;
				case 'productna':
					alert("Dit product is niet verkrijgbaar.\nMogelijk heeft u geen kleur geselecteerd!");
					document.getElementById('stap1').getElementsByTagName('dt')[0].removeAttribute('id','glow');
					document.getElementById('stap2').getElementsByTagName('dt')[0].setAttribute('id','glow');
					document.getElementById('stap3').getElementsByTagName('dt')[0].removeAttribute('id','glow');
				break;
				case 'productcolor':
					alert("U heeft nog geen kleur geselecteerd: Stap 2.");
				break;
				case 'noproduct':
				case 'productid':
					alert("U heeft nog geen product geselecteerd: Stap 1.");
				break;
				case 'noaantal':
					alert("U dient minimaal 1 product te bestellen!");
					document.getElementById('amount').value = 1;
				break;
			}
		} } );
}
function delproduct(row){
	row = document.getElementById(row['id']);
	
	new Ajax.Updater('','/js/removeproduct.php', {
		parameters: { row: row['id'] },
		onComplete: function(request) {
			Effect.Shrink(row);
			if(request['responseText'] != 'empty')
			{
				var response = request['responseText'].split('|');
				document.getElementById('subtotal').innerHTML = response[0];
				document.getElementById('shipping').innerHTML = response[1];
				document.getElementById('tax').innerHTML = response[2];
				document.getElementById('total').innerHTML = response[3];
				document.getElementById('bedrag').innerHTML = response[4];
				document.getElementById('discount').innerHTML = response[5];
			}
			else
			{
				location.reload(true);
			}
		} } );
	
	
	Effect.Shrink(row);
	// update subtotalen
}
function productinfo(artno){
	var layer;
	new Ajax.Updater('layer','/js/showproduct.php', {
		parameters: { artno: artno },
		onComplete: function(request) {
			layer = document.getElementById('layer');
			layer.style.opacity = 0;
			layer.style.display = 'block';
			layer.morph('opacity:1', {duration: 0.5});
			layer.onclick=function(){
				removeproductinfo();
			}
		}
		} );
}
function producteninfo(artno){
	productinfo(artno);
}
function removeproductinfo()
{
	var layer;
	layer = document.getElementById('layer');
	layer.innerHTML = '';
	layer.style.display = 'none';
	layer.morph('opacity:0', {duration: 0.6, afterFinish: function() {
		layer.innerHTML = '';
		layer.style.display = 'none';
	}});
}
function selectbank(bank)
{
	document.getElementById(bank).checked = true;
	if(bank == 'overschrijving')
	{
		if(document.getElementById('infotext') == null)
		{
			document.getElementById('banken').innerHTML += '<div id="infotext"><p>Let op: de bestelling wordt verstuurd wanneer wij de betaling hebben ontvangen.</p></div>';
		}
		else
		{
			document.getElementById('infotext').innerHTML = '<p>Let op: pas nadat de betaling is voldaan wordt de bestelling verzonden.</p>';
		}
	}
	else
	{
		document.getElementById('infotext').innerHTML = '';
	}
}
function disableEnterKey(e)
{
	var key;
	if(window.event)
		key = window.event.keyCode; //IE
	else
		key = e.which; //firefox
	if(key == 13)
	{
		addproduct();
	}
	return (key != 13);
}
function links(){
	document.getElementById('shows').onmouseover=function(){
		document.getElementById('shows').getElementsByTagName('input')[0].setAttribute('id','hover');
	}
	document.getElementById('webshop').onmouseover=function(){
		document.getElementById('webshop').getElementsByTagName('input')[0].setAttribute('id','hover');
	}
	document.getElementById('shows').onclick=function(){
		window.open('http://www.confettixl.nl/shows','_self');
	}
	document.getElementById('webshop').onclick=function(){
		window.open('https://www.confettixl.nl/webshop','_self');
	}
	document.getElementById('shows').onmouseout=function(){
		document.getElementById('shows').getElementsByTagName('input')[0].setAttribute('id','normal');
	}
	document.getElementById('webshop').onmouseout=function(){
		document.getElementById('webshop').getElementsByTagName('input')[0].setAttribute('id','normal');
	}
	document.getElementById('amount').onkeypress=function(){
		if(event.keyCode == 13)
		{
			addproduct();
		}
		else
		{
			alert("test");
		}
	}	
}
function video(title,video){
	var layer;
	layer = document.getElementById('layer');
	layer.innerHTML = '<div id="videodisplay" onclick="removeproductinfo()"><div id="close"></div><h4>'+title+'</h4><iframe src="media.php?video='+video+'" frameborder="0" scrolling="no" height="279" width="398"></iframe></div>';
	layer.style.opacity = 0;
	layer.style.display = 'block';
	layer.morph('opacity:1', {duration: 0.5});
}
window.onload=function(){
	links();
}