/* 
	Wird beim Klick auf eine Zutat aufgerufen:
	Je nach Status der Checkbox wird eine Zutat dem 
	Kunden angezeigt oder versteckt.
*/
function belagAendern (elem) {
	if (elem.checked) {
		$(elem.name).show();
	} else $(elem.name).hide();
}

/*
	Beim Initialen Aufruf der Pizza sollen alle Zutaten
	unsichtbar sein, daher brauchen wir diese Funktion. 
*/
function zutatenVerstecken () {
	var Zutaten = new Array('peperoni','schinken',
		'pilze','salami','oliven','ananas','kaese');
	
	// Jedes Element verstecken.
	for (i=0; i<Zutaten.length; i++) {
		$( Zutaten[i] ).hide();
	}
}

/*
	Der Parameter elem erhält eine Referenz auf das <img>-Element
	neben der Zutat, die geraden das mouseOver-Event ausgelöst hat.
	Wir nehmen das gleiche Bild und packen es in ein <div>-Element am
	rechten oberen Bildrand um dem Kunden die Auswahl zu erleichtern.
*/ 
function zutatenVorschau (elem) {
	
	// Kosmetik: Den ersten Buchstaben bitte groß schreiben
	var zutat = elem.name;
	zutat = zutat[0].toUpperCase() + zutat.substr(1);
	
	// $('zutatenVorschau') mit dem Zutatenbild füllen
	// und anzeigen.
	with ($('zutatenVorschau')) {
		innerHTML = '<img height="100" width="100" src="'
			+ $(elem.name).getElementsByTagName('img')[0].src
			+ '" />' + zutat;
		show();
	}
}

/*
	Verstecken der Zutaten-Vorschau, wenn man sie nicht mehr braucht.
	Aufgerufen durch onMouseOut-Event der entspr. Zutat.
*/
function vorschauEnde () {
	$('zutatenVorschau').hide();
}