// JavaScript Document

var monElt	=	"divBubulle";
var offsetX	=	-13;
var offsetY	=	-100;

var tabLegende		=	new Array();
tabLegende["fla"]	=	"Site full flash statique ou dynamique, Papervision 3d, Motion Capture, Réalité augmentée.";
tabLegende["swfa"]	=	"SWFAddress permet l’url rewitting et active les touches suivant et précédent.";
tabLegende["xml"]	=	"Modules de site Flash à contenu dynamique alimentés par flux ou fichier xml.";
tabLegende["php"]	=	"Utilisation de scripts d’un développeur pour traiter les données de site Flash.";
tabLegende["swfo"]	=	"SWFObject permet de détecter le plugin Flash et de fournir un contenu pour référencer le site.";
tabLegende["ga"]	=	"Installation de trackers Google Analytics pour site html comme pour site flash.";
tabLegende["css"]	=	"Mise en forme CSS des contenus html du site.";
tabLegende["j"]		=	"Utilisation et création de templates graphiques pour le CMS Joomla!.";

function placeBubulle(ev)
{
	var decalageScrollTop = document.body.scrollTop;
	var decalageScrollLeft = document.body.scrollLeft;
	
	if(document.documentElement.scrollTop > document.body.scrollTop)
	{
		decalageScrollTop = document.documentElement.scrollTop;
	}
	if(document.documentElement.scrollLeft > document.body.scrollLeft)
	{
		decalageScrollLeft = document.documentElement.scrollLeft;
	}
	
	var x, y;
	if (ev.x!=null && ev.y!=null)
	{
		x = ev.x + decalageScrollLeft + offsetX;
		y = ev.y + decalageScrollTop + offsetY;
	}
	
	if (ev.clientX!=null && ev.clientY!=null)
	{
		x = ev.clientX + decalageScrollLeft + offsetX;
		y = ev.clientY + decalageScrollTop + offsetY;
	}
	document.getElementById(monElt).style.left	=	x + 'px';
	document.getElementById(monElt).style.top	=	y + 'px';
}
	
function afficheBubulle(ev,bubulleId)
{
	var monInnerHtml	=	'';
	
	if(bubulleId.substr(0,3) == 'ref')
	{
		monInnerHtml	=	'<img src="images/' + bubulleId + '.jpg" />';
	}
	else
	{
		monInnerHtml	=	tabLegende[bubulleId];
	}
	
	if (document.getElementById)
	{
		document.getElementById(monElt).innerHTML		=	monInnerHtml;
		document.getElementById(monElt).style.display	=	"block";
	}
	else if (document.all)
	{
		document.all[monElt].innerHTML		=	monInnerHtml;
		document.all[monElt].style.display	=	"block";
	}
	
	placeBubulle(ev);
}

function effaceBubulle(bubulleId)
{
	if (document.getElementById)
	{
		document.getElementById(monElt).style.display	=	"none";
	}
	else if (document.all)
	{
		document.all[monElt].style.display	=	"none";
	}
}