function simple_tooltip(target_items, name){
 $(target_items).each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><p><img src='"+$(this).attr('src')+"' border='1' alt='-' width='"+($(this).width()*1.5)+"' height='"+($(this).height()*1.5)+"'></p></div>");
		var my_tooltip = $("#"+name+i);

		if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){

		$(this).removeAttr("title").click(function(){
					my_tooltip.css({opacity:1.0, display:"none"}).fadeIn(400);
		}).mousemove(function(kmouse){
				var border_top = $(window).scrollTop();
				var border_right = $(window).width();
				var left_pos;
				var top_pos;
				var offset = 15;
				if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
					left_pos = kmouse.pageX+offset;
					} else{
					left_pos = border_right-my_tooltip.width()-offset;
					}

				if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){
					top_pos = border_top +offset;
					} else{
					top_pos = kmouse.pageY-my_tooltip.height()-offset;
					}	

				my_tooltip.css({left:left_pos, top:top_pos});
		}).mouseout(function(){
				my_tooltip.css({opacity:1.0, display:"none"}).fadeOut(400);
				my_tooltip.css({left:"-9999px"});
		});

		}

	});
}

$(document).ready(function() {
    $("a, input:submit", ".specialButton").button();
	simple_tooltip(".imgTooltip","tooltip");
});

function oddizza(selettore) {
	$(selettore).addClass('odd');
}

$(function() {
	$('#popupTabRiass').dialog({
		autoOpen: false,
		resizable: false,
		draggable: false,
		modal: true,
		width: 550
	});
	
	$('#linkTabRiass').click(function() {
		$('#popupTabRiass').dialog('open');
		$('#popupTabRiass').show();
		creaTabRiassuntiva("1",1,20);
		creaTabRiassuntiva("2",21,40);
		creaTabRiassuntiva("3",41,60);
		creaTabRiassuntiva("4",61,80);
		creaTabRiassuntiva("5",81,100);
		creaTabRiassuntiva("6",101,120);
		creaTabRiassuntiva("7",121,140);
		creaTabRiassuntiva("8",141,160);
		creaTabRiassuntiva("9",161,180);
		creaTabRiassuntiva("10",181,200);
		creaTabRiassuntiva("11",201,220);
		creaTabRiassuntiva("12",221,240);
		creaTabRiassuntiva("13",241,260);
		creaTabRiassuntiva("14",261,280);
		creaTabRiassuntiva("15",281,300);
		return false;
	});
});

function creaTabRiassuntiva(numTab,iniQ,finQ) {
	var my_tab = $("#tabs-riassInv-"+numTab);
	var dati = $("#datiTabRiass").val();
	my_tab.empty();
	var struttura = "";
	struttura = '<table width="400" class="tab" align="center">'+
'<thead class="tab"><tr><th colspan="4">Invisibili Gruppo '+numTab+': Quiz '+iniQ+'-'+finQ+'</th></tr></thead>'+
'<tbody class="tab">';

	var singoloQ = 0;
	var contatoreQuizRis = 0;
	var contatoreTotQuiz = 0;
	for (i=iniQ;i<=finQ;i++) {
		singoloQ = dati.charAt(i);
		temp= (i % 2);
		if (temp==1) struttura += '<tr>';
		if (i<dati.length) {
			contatoreQuizRis += parseInt(singoloQ);
			contatoreTotQuiz += 8; 
			struttura += '<td><a href="index.php?start=ok&amp;p='+i+'">Quiz: gli Invisibili '+i+'</a> ('+singoloQ+'/8)</td>';
			struttura += '<td><img src="images/tab'+singoloQ+'.gif" align="middle" alt="-"></td>';
		}
		else
			struttura += '<td></td><td></td>';
		if (temp==0) struttura += '</tr>';
	}
	struttura += '<tr><td colspan="4"><div id="gruppo_'+numTab+'"></div>'+contatoreQuizRis+'/'+contatoreTotQuiz+' ('+Math.floor(contatoreQuizRis/contatoreTotQuiz*100)+'%)</td></tr>';
	struttura += '</tbody></table>';
	my_tab.append(struttura);
	$("#gruppo_"+numTab).progressbar({value: Math.floor(contatoreQuizRis/contatoreTotQuiz*100)});
}

$(function () {
    $(":text, :password").bind("focus blur", function (event) {
		if (event.type == "focus") {
			$(this).addClass('textBackground');
		} else {
			$(this).removeClass('textBackground');
		}
    });
});