/*
 * Rosenrot
 *
 *   JS - Javascript
 */
 
// Produktliste
$(document).ready(function() {

	var produkte = $(".produkte").children('li') ;

	// Produktbeschreibung anzeigen
	produkte.mousedown( function( evt) { 

		// ... nur wenn in die Liste geklickt wurde, d.h. nicht links auf die Beschreibung selbst
		// (da diese nicht in der Liste steht sondern dort nur im DOM untergebracht ist)
		if( evt.target.nodeName == "LI" || evt.target.nodeName == "H3") {
			
			// Foto ausblenden
			$('.fotos').hide() ;
			
			// Produkte de- bzw. aktivieren
			produkte.removeClass('aktiv').addClass('inaktiv') ;
			$(this).addClass('aktiv') ;
			
			// Beschreibung aus- bzw. einblenden
			produkte.children('div').fadeOut(100) ;
			$(this).children('div').fadeIn(1000) ; 
		}
	}) ;
});