/**
  * le site ou se trouve le code ajax jQuery
  * http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery-part-2-smart-tooltips 
  * fonction qui donne les bulles d'aide
  * 2 parametres : target_items  et name
  * target_items : la partie du code HTML que je vais lui affecter cette fonction
  * name : le nom de la class CSS que je vais choisir lors de l'affichage ma bulle d'aide
  * Enregistrer en base de donnée : table accountSetting
  */
/*
function simple_tooltip(target_items, name){
	
	var useTooltip = $('input#helptooltipUsebox').val();
	//si le client active l'aide
	if(($('#helptooltipUsebox').is(':checked'))==true)
	{
		$(target_items).each(function(i){
			$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
			var my_tooltip = $("#"+name+i);
			
			$(this).removeAttr("title").focus(function(){
					my_tooltip.css({opacity:1, display:"none"}).fadeIn(400);
			}).mousemove(function(kmouse){
					my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15, display:"none"});
			}).blur(function(){
					my_tooltip.fadeOut(400);
			});
		});
	}
	else 
	{
		//désactiver les bulles d'aide
		$(target_items).unbind( 'removeAttr.title');
		$(target_items).unbind( 'mouseover');
		$(target_items).unbind( 'mousemove');
		$(target_items).unbind( 'focus');
	}

 	
}
$(document).ready(function(){
	 simple_tooltip(".helpTooltip", "tooltip");
	 $("#helptooltipUsebox").click(function () 
	 {
		 if(($('#helptooltipUsebox').is(':checked'))==true)
		 {
			 var useTooltip = $('input#helptooltipUsebox').val();
		 }
		 else
		 {
			 var useTooltip =0;
		 }
		 simple_tooltip(".helpTooltip", "tooltip");
		 //Enregistrer en BDD
		 	var urlTooltip = $("input#urlTooltip").val();
		 	var url = urlTooltip +"&helptooltipUse="+ useTooltip;
		 	
		 	$.ajax({   
			 	type: "GET",    
			 	data: "",  
			 	url: url,   
			 	success: function(){
			 			return false;
			 	} 
		 	});
	  });
});
*/

function get_tooltip(){
	//si le client active l'aide
	if(($('#helptooltipUsebox').is(':checked'))==true)
	{
		
		$(".tooltipKO").addClass("tooltip");
		$(".tooltipKO").removeClass("tooltipKO");
		
		// select all desired input fields and attach tooltips to them
		$(".helpTooltip").tooltip({
			// place tooltip on the right edge
			position: "center right",
		
			// a little tweaking of the position
			offset: [-2, 10],
		
			// use the built-in fadeIn/fadeOut effect
			effect: "fade",
		
			// custom opacity setting
			opacity: 0.7,
		
			// use this single tooltip element
			tip: '.tooltip'
		});
	}
	
	else
	{	
		$(".tooltip").addClass("tooltipKO");
		$(".tooltip").removeClass("tooltip");
	}
	
}	


//execute your scripts when the DOM is ready. this is a good habit
$(function() {
	
	//Afficher ou pas les tooltip
	get_tooltip();
	
	//Enregistrer en BDD
	$("#helptooltipUsebox").click(function () 
	 {
		 if(($('#helptooltipUsebox').is(':checked'))==true)
		 {
			 //$(".tooltip").css({ opacity: "0.7", display:"block" });
			 var useTooltip = $('input#helptooltipUsebox').val();
		 }
		 else
		 {
			 //$(".tooltip").css({ display:"none" });
			 var useTooltip =0;
		 }
		 //alert('JE TEST : je REFAIS get_tooltip avant UPDATE EN BDD');
		 get_tooltip();
		 
	 	 var urlTooltip = $("input#urlTooltip").val();
	 	 var url = urlTooltip +"&helptooltipUse="+ useTooltip;
	 	
	 	 $.ajax({   
		 	 type: "GET",    
		 	 data: "",  
		 	 url: url,   
		 	 success: function(){
		 			 return false;
		 	 } 
	 	 });
	 	
	  });
});