// JavaScript Document

var i=false; // La variable i nous dit si la bulle est visible ou non
var pos=0;
var mouseX;

function move(e) {
	if(i) 
	{
		if (navigator.appName!="Microsoft Internet Explorer") 
		{
			mouseX = e.pageX;
			$("bulle").style.top=e.pageY + 10+"px";
			
			
				if (p==1)
				$("bulle").style.left=e.pageX -300+"px";
				else
				$("bulle").style.left=e.pageX + 20+"px";
			
		}
		//Pour notre ami IE.... boummmm baka
		else 
		{ 
			if(document.documentElement.clientWidth>0) 
			{
				mouseX = event.clientX+document.documentElement.scrollLeft;
				$("bulle").style.top=10+event.y+document.documentElement.scrollTop+"px";
				
				if (p==1)
					$("bulle").style.left=-300+event.x+document.documentElement.scrollLeft+"px";
				else
					$("bulle").style.left=20+event.x+document.documentElement.scrollLeft+"px";
				
			} 
			else 
			{
				mouseX = event.clientX+document.documentElement.scrollLeft;
				$("bulle").style.top=10+event.y+document.body.scrollTop+"px";
				
				if (p==1)
					$("bulle").style.left=-300+event.x+document.body.scrollLeft+"px";
				else
					$("bulle").style.left=20+event.x+document.body.scrollLeft+"px";
				
			}
		}
	}
}
 
function popDroite(titre,contenu) 
{
	p=1;
	if(i==false) 
	{ 
		
		$("bulle").style.visibility="visible";
		$("bulle").innerHTML = "<div class='conteneurFlecheGaucheD'></div><div class='conteneurGaucheD'><div class='conteneurTitreD'>"+ titre + "</div><div class='conteneurUSPD'>"+contenu+"</div></div>";
		i=true;
	}
}

function popGauche(titre,contenu) 
{
	p=0;
	if(i==false) 
	{ 
		
		$("bulle").style.visibility="visible";
		$("bulle").innerHTML = "<div class='conteneurFlecheGauche'></div><div class='conteneurGauche'><div class='conteneurTitre'>"+ titre + "</div><div class='conteneurUSP'>"+contenu+"</div></div>";
		i=true;
	}
}


function pop(titre,contenu) 
{
	if(i==false) 
	{
		//Si la position de la souris est supérieur à la moitié de la largeur de l'écran -> bulle droite
		if(mouseX >=(screen.width / 2))
		{
			$("bulle").style.visibility="visible";
			$("bulle").innerHTML = "<div class='conteneurFlecheGaucheD'></div><div class='conteneurGaucheD'><div class='conteneurTitreD'>"+ titre + "</div><div class='conteneurUSPD'>"+contenu+"</div></div>";
		}
		//Bulle gauche man
		else
		{
			$("bulle").style.visibility="visible";
			$("bulle").innerHTML = "<div class='conteneurFlecheGauche'></div><div class='conteneurGauche'><div class='conteneurTitre'>"+ titre + "</div><div class='conteneurUSP'>"+contenu+"</div></div>";
		}
		i=true;
	}
}

function disparaitre() {
  if(i==true) {
    $("bulle").innerHTML = "";
    $("bulle").style.visibility="hidden";
    i=false;
  }
}

document.onmousemove=move;