// JavaScript Document
var selected = "";
$(document).ready(function() {
				   	
	$(".answer").each(function() {
		$(this).click(function(i) {
			decheck_all();
			$(this).css("backgroundImage",$(this).css("backgroundImage").replace(".gif","_selected.gif"));
			selected = $(this).attr("id");
		});
	});
	$("#js_inizia_missione").mouseover(function() {
		$(this).attr("src",$(this).attr("src").replace("_OFF","_ON"));			
	}).mouseout(function() {
		$(this).attr("src",$(this).attr("src").replace("_ON","_OFF"));	
	});
	$("#js_open_invita").click(function () {
		if ($("#panel_invita").css("display") != "block") {
			$("#panel_invita").css("display","block");	
			setTimeout("$(document).pngFix();",100);
		} else {
			$("#panel_invita").css("display","none");
		}
	});
	$("#x").click(function () {
		$("#panel_invita").css("display","none");	
	});
	$("#invia img").click(function() {
		if (!selected) { chiamaBlockUI("Attenzione","Seleziona una risposta"); return; }
		var dataString = $("#oldanswers").text() + $("#step").text() + "=" + selected;
		window.location.href = "index.php" + "?" + dataString;
		return false;
	});
});

function decheck_all() {
	$(".answer").each(function() {
		$(this).css("backgroundImage",$(this).css("backgroundImage").replace("_selected.gif",".gif"));						   
	});
}

function chiamaBlockUI(titolo, testo) {
	var str;
	str = '<div style="position:relative;"><div></div><br />';
	str += '<div><span style="font-weight:bold;">'+titolo+'</span>';
	str += '<p>'+testo+'</p></div>';
	
	str = str + '<div><span id="chiudi_blockui" style="cursor:pointer;" class="btn testo" >chiudi</span><br /><br /></div></div>';
	
	$.blockUI({ 
		css: { 
			border: 'none', 
			padding: '5px', 
			background: '#FFFFFF',
			fontFamily: 'Verdana',
			fontSize: '12px',
			color: '#000000',
			cursor: 'default',
			margin:'auto',
			top: '200px',
			width: '28%'			
		},

		message: str,
		overlayCSS: {
			cursor: 'default',
			backgroundColor:'#000', 
			opacity:'0.8' 
			/*sfondo*/
		}
	});
	
	$("#chiudi_blockui").click(function() {
		$.unblockUI();					
	});
}