Array.prototype.shuffle = function( b )
{
	var i = this.length, j, t;
	while( i )
	{
		j = Math.floor( ( i-- ) * Math.random() );
		t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i];
		this[i] = this[j];
		this[j] = t;
	}

	return this;
};

var question = [
			[0,"Please choose 2 pictures related to fruits/vegetables."],
			[1,"Please choose 2 pictures related to head-dresses."],
			[2,"Please choose 2 pictures related to technics."]
	];

var pict = [
		["p9.jpg", 0],
		["p10.jpg",1],
		["p11.jpg", 2],
		["p12.jpg",2],
		["p13.jpg", 1],
		["p14.jpg",0]
	];
var selected1 = -1;
var selected2 = -1;
var fl = 0;

function sel(id){
	$("#q_err").hide();

	if (selected1 != -1 && selected2 != -1 && selected1 != id && selected2 != id) return;

	if(selected1 == -1 && selected2 == -1){
		$("#p"+id).fadeTo("slow", 0.1);
		selected1 = id;
	}else if(selected1 != -1 && selected2 == -1 && selected1 != id){
		$("#p"+id).fadeTo("slow", 0.1);
		selected2 = id;
	}else if(selected2 != -1 && selected1 == -1 && selected2 != id){
		$("#p"+id).fadeTo("slow", 0.1);
		selected1 = id;
	}else{
		if(selected1 == id){
			$("#p"+id).fadeTo("slow", 1);
			selected1 = -1;
		}else if(selected1 != id && selected2 == id){
			$("#p"+id).fadeTo("slow", 1);
			selected2 = -1;
		}
	}
}

function send(){
	if(fl){
		if(selected1 != -1 && selected2 != -1){
			q = $("#q").val();
			pict1 = pict[selected1];
			pict2 = pict[selected2];
			if(pict1[1] != q || pict2[1] != q){
				$("#q_err").text("The picture you've chosen is not correct.");
				$("#q_err").show();
			}else{
				$("#frm").submit();
			}
		}
	}else{
		fl = 1;
		$("#antispam").show();
	}
}

$(function(){
	quest = question.shuffle();
	pict = pict.shuffle();
	$("#text_q").text(quest[0][1]);
	$("#q").val(quest[0][0]);
	var text = "<table>";
	for(i = 0; i < pict.length; i++){
		if(i == 0) text += "<tr>";
		if(i == 3) text += "</tr><tr>";
		text += "<td><img id='p"+i+"' onclick='sel("+i+");' alt='' src='images/"+pict[i][0]+"' /></td>"
		if(i == 5) text += "</tr>";
	}
	text += "</table>";
	$("#antispam").append(text);
});