//Ajax Tooltip script: By JavaScript Kit: http://www.javascriptkit.com
//Last update (July 10th, 08'): Modified tooltip to follow mouse, added Ajax "loading" message.

var ajaxtooltip={
	fadeeffect: [false, 100], //enable Fade? [true/false, duration_milliseconds]
	useroffset: [10, 10], //additional x and y offset of tooltip from mouse cursor, respectively
loadingHTML: '<div style="font-style:italic"><img src="http://localhost/chezvalois/ajaxload_jaune.gif" /> Fetching Tooltip...</div>',
//loadingHTML: '<div style="font-style:italic"></div>',
/*Ajout virginie*/
  
				//	$tooltip.load("we.htm")

/*Ajout virginie*/

	positiontip:function($tooltip, e, $maposition){
		var docwidth=(window.innerWidth)? window.innerWidth-15 : ajaxtooltip.iebody.clientWidth-15
		var docheight=(window.innerHeight)? window.innerHeight-18 : ajaxtooltip.iebody.clientHeight-15
		var twidth=$tooltip.get(0).offsetWidth
		var theight=$tooltip.get(0).offsetHeight
		//var tipx=e.pageX+this.useroffset[0]
		//var tipy=e.pageY+this.useroffset[1]
		var tipx=29
		var tipy=$maposition 
		//tipx=(e.clientX+twidth>docwidth)? tipx-twidth-(2*this.useroffset[0]) : tipx //account for right edge
	//tipy=(e.clientY+theight>docheight)? tipy-theight-(2*this.useroffset[0]) : tipy //account for bottom edge
//tipy=(e.clientY+theight>docheight)? tipy-theight-(2*this.useroffset[0]) : tipy //account for bottom edge
		$tooltip.css({left: tipx, top: tipy})
//$tooltip.css({left:100, top: 200})
	},

	showtip:function($tooltip, e){
		if (this.fadeeffect[0])
			$tooltip.hide().fadeIn(this.fadeeffect[1])
		else
			$tooltip.show()
	},

	hidetip:function($tooltip, e){
		if (this.fadeeffect[0])
			$tooltip.fadeOut(this.fadeeffect[1])
		else
			$tooltip.hide()
	}

}

jQuery(document).ready(function(){

	ajaxtooltip.iebody=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
//$tooltip.load("we.htm");
	var tooltips=[] //array to contain references to all tooltip DIVs on the page
	$('*[@title^="ajax:"]').each(function(index){ //find all links with "title=ajax:" declaration
		//this.titleurl=jQuery.trim(this.getAttribute('title').split(':')[1]) //get URL of external file
this.titleurl_01=jQuery.trim(this.getAttribute('title').split(':')[1]) //get URL of external file
this.titleurl="http://www.chezvalois.com/" + this.titleurl_01
//this.titleurl="http://localhost/chezvalois/" + this.titleurl_01
//this.maposition=parseInt(jQuery.trim(this.getAttribute('title').split(':')[2]) )// Trouver la position pour le div - Virginie
this.maposition=jQuery.trim(this.getAttribute('title').split(':')[2]) // Trouver la position pour le div - Virginie
//this.maposition='400'
//$maposition=this.maposition
//this.maposition=parseInt(this.maposition_brute)
		//this.maposition=jQuery.trim(this.getAttribute('title').split(':')[2]) //get URL of external file
//document.write this.titleurl[2]; // outputs one
		this.titleposition=index+' pos' //remember this tooltip DIV's position relative to its peers

		tooltips.push($('<div class="ajaxtooltip"></div>').appendTo('body'))

//alert('coucou');

		var $target=$(this)
		$target.removeAttr('title')
  var $tooltip=tooltips[parseInt(this.titleposition)]
$tooltip.html(ajaxtooltip.loadingHTML).show()
					$tooltip.load(this.titleurl, '', function(){
						//ajaxtooltip.positiontip($tooltip, e, $maposition)
	//	ajaxtooltip.positiontip($tooltip, e)
						//ajaxtooltip.showtip($tooltip, e, $maposition)
						$tooltip.get(0).loadsuccess=true
					})
		$target.hover(
			function(e){ //onMouseover element
				
//var $maposition=tooltips[parseInt(this.maposition)] //ajout Virginie
var $maposition=parseInt(this.maposition) //ajout Virginie
				if (!$tooltip.get(0).loadsuccess){ //first time fetching Ajax content for this tooltip?
					$tooltip.html(ajaxtooltip.loadingHTML).show()
					$tooltip.load(this.titleurl, '', function(){
						//ajaxtooltip.positiontip($tooltip, e, $maposition)
	//	ajaxtooltip.positiontip($tooltip, e)
						//ajaxtooltip.showtip($tooltip, e, $maposition)
						$tooltip.get(0).loadsuccess=true
					})

				}
				else{
					//ajaxtooltip.positiontip($tooltip, e)
ajaxtooltip.positiontip($tooltip, e, $maposition)
					ajaxtooltip.showtip($tooltip, e)
				}
			},
			function(e){ //onMouseout element
				var $tooltip=tooltips[parseInt(this.titleposition)]
				ajaxtooltip.hidetip($tooltip, e)
		
			}
		)
	$target.bind("mousemove", function(e){

			var $tooltip=tooltips[parseInt(this.titleposition)]
			//ajaxtooltip.positiontip($tooltip, e)
ajaxtooltip.positiontip($tooltip, e, $maposition)
		})
	})


})