//chargement des info tracks dans l'infobulle
function loadInfoAudio(artist, title, info){

	// indique l'on lance la lecture
	document.getElementById('playSong').value='1';

	// on inscrit les infos du mix
	document.getElementById('infoSong').value=info;
	document.getElementById('titleSong').value=title;
	document.getElementById('artistSong').value=artist;
}

// affichage de l'info bulle du son
function showInfoSound(event){
	if (document.getElementById('playSong').value=='1'){
		var info = new Array(8);
		info[0]=document.getElementById('infoSong');
		info[1]=document.getElementById('titleSong');
		info[2]=document.getElementById('artistSong');
		infoBulle(document, info, event);
	}
}







// INFOBULLE - DEBUT

// Fonction d'affichage de l'infobulle
function infoBulle(oDocument, message, e) {

	// Creation d'un raccourci pour manipuler le calque
	var bulle = oDocument.getElementById("bulle");
	
	// Création du message
	var infoSong = message[0];
	var titleSong = message[1];
	var artistSong = message[2];
	
		
	messAff = "<b>"+artistSong.value+"</b> - ";
	messAff += "<u>"+titleSong.value+"</u><br>";
	messAff += ""+infoSong.value;
	
	// Formatage de l'infobulle (ici un tableau bleu)
	var contenu = "<table id='tableBulle' style='width: 250px;background-color:#FFFFFF;border: thin solid rgb(0,0,0)' border='1' cellspacing='0' cellpadding='2'><tr>";
	contenu += "<td style='white-space: nowrap; text-align: center; font-size: 12px; width: 250px;'>";
	contenu += messAff;
	contenu += "</td>";
	contenu += "</tr></table>";

	bulle.innerHTML = contenu;
	bulle.style.left = 0;
	setToolTipCoords(bulle, e);
	bulle.style.position = "absolute";
	bulle.style.zIndex = 0;
	bulle.style.visibility = "visible";
	activateHandler();
}

	
// Affectation de la position de l'infobulle
function setToolTipCoords(bulle, e) {
	// Creation des variables de decallage
	// Instructions pour Netscape 4 et 6
	var x = 0;
	var y = 0;
	if (e!=null && e.pageX != null) {
		x = e.pageX;
		y = e.pageY;
	}

	// Instructions equivalentes pour Internet Explorer
	else {
		x = e.clientX + document.documentElement.scrollLeft + document.body.scrollLeft;
		y = e.clientY + document.documentElement.scrollTop  + document.body.scrollTop;
	}

	//decalage par rapport au curseur.
	x = x + 7;
	y = y + 7;

	if (x + bulle.offsetWidth > document.body.clientWidth) {
		x = x - 14 - bulle.offsetWidth; 
	}
	if (bulle.offsetWidth > 0) {
		bulle.style.left = x + "px";
	}
	
	
	//si il n'ya pas la place en dessous on l'affiche au dessus.
	if (e.pageX != null) {
		if (y + bulle.offsetHeight > document.body.clientHeight) {
			y = y - 14 - bulle.offsetHeight; 			
		}
	} else {
		if (y + bulle.offsetHeight - document.body.scrollTop > document.body.clientHeight) {
			y = y - 14 - bulle.offsetHeight;
		}
	}
	if (bulle.offsetHeight > 0) {
		bulle.style.top = y + "px";
	}
}


function activateHandler() {	
	if (window.addEventListener) {
	    //Instruction pour Netscape 6.x et sup.
		document.addEventListener("mousemove",suivre_souris,true);
		suivre_souris;
	}
	else {
		// Instruction equivalente pour Internet Explorer
		document.onmousemove = suivre_souris;
	}
}

// Gestion du pointeur
function suivre_souris(e) {
	var bulle = document.getElementById("bulle");
	setToolTipCoords(bulle, e != null ? e : event);
}


/**
 * Returns the highest computed value of z-index in the current document.
 */
function getHighestZIndex() {
	//1000 le menu milonic est a 999
	return 1000;	// Pb temps de reponse

    // Pour voir l'ancien code : regarder dans CVS
}

// Cache l'infoBulle
function disparaitre() {
	// Creation d'un raccourci pour manipuler le calque
	var bulle = document.getElementById("bulle");
	bulle.style.visibility = "hidden";
	bulle.innerHTML = "";
	disactivateHandler();
}
	
function disactivateHandler() {	
	if (window.addEventListener) {
	    //Instruction pour Netscape 6.x et sup.
		document.removeEventListener("mousemove",suivre_souris,true);
	}
	else {	
		// Instruction equivalente pour Internet Explorer
		document.onmousemove = null;
	}
}

// INFOBULLE - FIN