/*
	Deze ajax funtie roept een pagina aan die een plaatje uit de database haalt
	vervolgens wordt dit plaatje op het scherm getoond aan de gebruiker.
*/
function updatePicture(id)
{
	url = '/VvrImages/load/'+id;
	
	new Ajax.Request
	(
		url,
		{
			method: 'get',
			onSuccess: function(request){ 
				var waarde = request.responseText;
				$('pictures').update(waarde);
			}
		}
	);
}


/*
	Deze ajax funtie roept een pagina aan die een plaatje uit de database haalt
	vervolgens wordt dit plaatje op het scherm getoond aan de gebruiker.
*/
function updatePictureMultiple(id)
{
	url = '/VvrImages/load/'+id+'/multiple';
	
	new Ajax.Request
	(
		url,
		{
			method: 'get',
			onSuccess: function(request){ 
				var data = $('pictures').innerHTML + ' ';
				var waarde = data + request.responseText;
				
				$('pictures').update(waarde);

			}
		}
	);
}

/*
	Verwijder een foto bij het edit scherm van de producten
	haal het plaatje van het scherm en disable de hidden input.
*/
function deletePhoto(id)
{
	//ID van de foto
	var photo_id = 'photo_'+id;
	//haal het plaatje van het scherm
	$(photo_id).remove();
}

/*
	Laat de naam zien op een categorie afbeelding.
*/
function toonNaam(id,toon)
{
	if(toon == 1)
	{
		$(id).setStyle({
						  display: 'block'
						});
	}
	else
	{
		$(id).setStyle({
						  display: 'none'
						});	
	}
}

/*
	Veranderd de achtergrond kleur wanneer een gebruiker over
	een product heen gaat met zijn muis.
*/
function veranderAchtergrondKleur(id,toon)
{
	if(toon == 1)
	{
		$('product_'+id).setStyle({
						  backgroundColor: '#e6e6e6'
						});
	}
	else
	{
		$('product_'+id).setStyle({
						  backgroundColor: '#fff'
						});	
	}

}



function updateRequestId(id, firstname, lastname)
{
	$('RequestCustomerId').value = id;
	$('RequestCustomerId2').value = id;
	$('RequestFirstname').value = firstname;
	$('RequestLastname').value = lastname;

}

/*
 aantal producten wijzigen, voor het toevoegen aan de winkelwagen
*/
function updateProductNumber(number,product,cat)
{
	url = '/products/updateProductNumber/'+number+'/'+product+'/'+cat
	
	new Ajax.Request
	(
		url,
		{
			method: 'get',
			onLoading: function(){
				$('addToCartButton').innerHTML = '<img src="/img/ajax-loader.gif" />';
			},
			onSuccess: function(request){ 
				
				$('addToCartButton').update(request.responseText);

			}
		}
	);

}