script.js

var sides = ["sx", "dx"];
var names = ["pec", "lup", "cav"];
var space, lspace, turn = 0, timer, PC = true, PL = true, ZE = true, conta = 0;

function errore(t, tm) {
	window.clearTimeout(timer);
	$("#dialog").html(t).slideDown("fast", function() {
		timer = window.setTimeout(function() {
			$("#dialog").slideUp("fast");
		}, tm * 1000);
	}); 
}

function removeClick(t) {
	$("#" + sides[t] + " img").removeClass("clicca").attr("onclick", "").unbind("click");
}

function restoreClick(t) {
	$("#" + sides[t] + " img").addClass("clicca");
	for (i=0; i<3; i++)
		$("#" + sides[t] + " ." + names[i] + " img").attr("onclick", "enq(" + i + ")");
}

function checkVinto() {
	if ($("#sx img").length < 1 && $("#zat img").length < 2) {
		$("#game img").removeClass("clicca").off("click");
		$("#zat").animate({left: 0}, "slow").append('<span class="inizia">you won!</span>');
		errore("Good job, you won! And you used " + conta + " trips.", 10);
		$("#button").slideUp("fast");
	}
}

function parti() {
	check();
	if (ZE) return errore("You must carry something!", 2);
	if (PL) return errore("The wolf eats the sheep!", 2);
	if (PC) return errore("The sheep eats the cabbage!", 2);
	var nspace = (turn == 0) ? lspace : -lspace;
	removeClick(turn);
	turn = 1 - turn;
	restoreClick(turn);
	$("#zat").animate({left: nspace}, "slow");
	conta += 1;
}

function check() {
	PC = PL = ZE = false;
	var x = $("#" + sides[turn] + " img"), p, l, c;
	p = l = c = 0;
	for (i=0; i<x.length; i++) {
		var c = String($(x[i]).attr("src")).substr(0,1);
		if (c == 'p') p = 1;
		if (c == 'l') l = 1;
		if (c == 'c') c = 1;
	}
	PC = PC || (p == 1 && c == 1);
	PL = PL || (p == 1 && l == 1);
	x = $("#zat")[0].childNodes;
	ZE = (x.length < 1);
}

function enq(i) {
	if ($("#zat")[0].childNodes.length > 2) return;
	var x = $("#" + sides[turn] + " ." + names[i])[0].childNodes;
	var el = x[x.length-1];
	$(el).attr("onclick", "deq(" + i + ")").hide("fast", function() {
		$("#zat").append($(this));
	});
	$(el).show("fast");
	check();
}

function deq(i) {
	var el, l = $("#zat")[0].childNodes;
	for (j=0; j<l.length; j++) if ($(l[j]).attr("onclick") == "deq(" + i + ")") el = l[j];
	$(el).attr("onclick", "enq(" + i + ")").hide("fast", function() {
		$("#" + sides[turn] + " ." + names[i]).append($(this));
	});
	$(el).show("fast");
	check();
	checkVinto();
}

function init() {
	for (i=0; i<3; i++) {
		var x = $("#sx ." + names[i]);
		x.hide();
		for (j=0; j<3; j++)
			x.append('<img src="' + names[i] + '.png"/>');
		x.show("slow");
	}
	restoreClick(0);
	removeClick(1);
}