// alle javascript functies die gebruikt worden tijdens het bestelproces

// bestellen van een artikel middels Ajax
function bestelArtikel(artikel_id, aantal) { 
	jQuery.getJSON(baseUrl + "bestel/add/artikel_id/" + artikel_id + "/aantal/" + aantal + "/",
		function(responseData) {
			// stel het aantal items en het subtotaal in 
			$('#winkelwagen_order_items').html(responseData.order_items);
			$('#winkelwagen_order_subtotaal').html(responseData.order_subtotaal);
			
			// toon de melding op de juiste plaats
			toonBestelbonMelding(responseData.melding);
		});
}


// functie die wordt uitgevoerd op het moment dat de gebruiker op de knop 'bestellen' klikt
function artikelToevoegen(artikel_id) {
	// bestel het artikel
	bestelArtikel(artikel_id, 1);
}


//functie die de bestelbon melding op de juiste plaats toont (scrollt als noodzakelijk naar de juiste plaats zodat 
//melding goed in beeld komt) en zorgt er tevens voor dat deze na enkele seconden verdwijnt
function toonBestelbonMelding(sMelding) {
	// stel de melding in
	$('#winkelwagen_melding_tekst').html(sMelding);
	
	
	// bepaal hoever de gebruiker heeft gescrolled, zodat de melding niet buiten beeld valt
	var scrollOffsetTop = 0;
	if (typeof(window.pageYOffset) == 'number') {
		scrollOffsetTop = window.pageYOffset;
	} else if (document.body && document.body.scrollTop) {
		scrollOffsetTop = document.body.scrollTop;
	} else if (document.documentElement && document.documentElement.scrollTop) {
		scrollOffsetTop = document.documentElement.scrollTop;
	}
	
	var top = 125; // standaard top van het element
	if (scrollOffsetTop > top) top = scrollOffsetTop;
	
	// stel de top in voor de melding
	$('#winkelwagen_melding').css('top', top);
	// toon de melding
	$('#winkelwagen_melding').show();
	
	
	// zorg er voor dat de melding binnen nu en een aantal seconden verdwijnt
	setTimeout("$('#winkelwagen_melding').fadeOut(1000)", 5000);
}
