galette.js

$(document).ready(function () {
    $(".hidden").each(function () {
	$(this).hide();
    });

    var names = [];

    var switch_page = function (what) {
	$("#page").html("");
	$("#page").hide();
	$("#page").html($(what).html());
	$(what).remove();
	$("#page").fadeIn(500);
	return true;
    }

    var bind_home = function () {
	$("#ask-number").click(function () {
	    var nb_people = parseInt($("#number-people").val());
	    var inputs = '';
	    for (var i = 1; i <= nb_people; ++i) {
		inputs += '<h4>Entre ici le prénom de la personne #' + i + '</h4>'
		inputs += '<input type="text" class="input-name" /><br />\n';
	    }	    
	    var current = $("#names").html();
	    current = current.replace('{nb}', nb_people);
	    current = current.replace('{inputs}', inputs);
	    $("#names").html(current);
	    switch_page("#names") && bind_names();
	    return false;
	});
    }

    var bind_names = function () {
	$("#go-loading").click(function () {
	    $(".input-name").each(function () {
		var name = $(this).val();
		if (name.length > 0) {
		    names.push(name);
		}
	    });
	    switch_page("#loading");
	    $("#galette-loading").fadeIn(1000).fadeOut(1000).fadeIn(1000).fadeOut(1000).fadeIn(1000).fadeIn(1000).fadeOut(1000).fadeIn(1000).fadeOut(1000).fadeIn(1000, function () {
		bind_table();
	    });
	    return false;
	});
    }

    var bind_manger = function () {
	$("#table-title").html("C'est l'heure de manger!");
	$("body").append("<div id='crunch'><audio controls autoplay loop><source src='miam.wav' type='audio/wav' /></audio></div>");
	$("#crunch").hide();
	$(".part").each(function () {
	    var time = ((Math.random() * 10) + 10) * 1000;
	    $(this).fadeOut(time, function () {
		$(this).remove();
		if ($(".part").length == 0) {
		    $("#crunch").remove();
		}
	    });
	});
    }

    var bind_distrib = function () {
	switch_cursor();
	$(".for-me").click(function () {
	    $(this).parent().append('<img width="150" height="150" class="part" src="' + $("#cursor").attr('src') + '" />');
	    $(this).remove();
	    if ($(".for-me").length > 0) {
		switch_cursor();
	    } else {
		$("#cursor").remove();
		bind_manger();
	    }
	});
    }

    var bind_table = function () {
	var assiettes = ["http://www.elle-mosaique.com/428-1181-thickbox/assiette-plate-digoin-modele-cibon.jpg",
			 "http://www.designers-avenue.com/5272-large_default/grand-cru-soft-assiette-27-cm-4-pcs-rosendahl.jpg",
			 "http://www.assiettesetcompagnie.com/wp-content/uploads/2011/04/assiette-shopping-assiettesetcompagnie.jpg",
			 "http://www.cristallerie-de-paris.fr/image/article/boite_de_6_assiettes_creuses_2338.jpg"];

	var copains = "";
	for (var i = 0; i < names.length; ++i) {
	    var copain = "";
	    copain += "<div class='copain'>";
	    copain += "<h4>Assiette de <b>" + names[i] + "</b></h4>";
	    copain += "<img width='200' height='200' src='" + assiettes[Math.floor(Math.random() * assiettes.length)] + "' />";
	    copain += '<br />';
	    copain += "<input class='for-me big' type='submit' value='Ici!' />";
	    copain += "</div>";

	    copains += copain;
	}

	var current = $("#table").html();
	current = current.replace('{copains}', copains);
	$("#table").html(current);
	switch_page("#table") && bind_distrib();
    }

    var switch_cursor = function () {
	var parts = ["http://www.bioentet.fr/wp-content/uploads/2011/01/part_galette.gif",
		     "http://www.atome77.com/images/articles/part-galette-2011.raw.jpg",
		     "http://www.asmaacuisine.com/wp-content/uploads/2010/01/imgp6027.jpg",
		     "http://www.lesepicesrient.fr/wp-content/uploads/2010/12/galette-rois-tonka.jpg"];

	$("#cursor").remove();
	var cursor = "";
	cursor += "<img style='position: absolute' id='cursor' width='200' height='200' src='" + parts[Math.floor(Math.random() * parts.length)] + "' />";
	$("#page").append(cursor);
	$("#page").mousemove(function(e){
	    $('#cursor').css({'top': e.clientY + 50, 'left': e.clientX + 50});
	});
    }

    switch_page("#home") && bind_home();
});