var bulle_to = null;
var bulle_id = 0;
var offsetH = -40;
var offsetV = 2;

function show_bulle(id)
{
	if(id == 1) {
		var titre = 'Grand';
		var taille = '1280x1024';		
	} else if(id == 2) {
		var titre = 'Moyen';
		var taille = '1024x768';				
	} else {
		var titre = 'Petit';
		var taille = '800x600';				
	}
	
	 document.getElementById("wallp").innerHTML = titre+'<br><a href="abonnement.html" class="jaune-11">'+taille+'</a>';


	offsetH = -10;
	var bulle = document.getElementById('bulle');
	if(!bulle) return;
	cancel_kill_bulle()
	bulle_id = id;
	document.onmousemove=place_bulle;
}


function hide_bulle()
{
	var bulle = document.getElementById('bulle');
	if(!bulle) return;
	bulle.style.display = 'none';
	bulle_to = null;
}

function kill_bulle(delai)
{
	var bulle = document.getElementById('bulle');
	if(!bulle) return;
	bulle_to = setTimeout('hide_bulle()', delai);
}

function cancel_kill_bulle()
{
	if(bulle_to)
	{
		clearTimeout(bulle_to);
		bulle_to = null;
	}
}

function place_bulle(e)
{
    var bulle = document.getElementById('bulle');
    if(!bulle) return;
    if(bulle.style.display == '') document.onmousemove=null;
	var is_dom = document.getElementById && !document.all;
    var curX=(is_dom) ? e.pageX : (window.event.clientX+document.body.scrollLeft);
    var curY=(is_dom) ? e.pageY : (window.event.clientY+document.body.scrollTop);
    bulle.style.left = (curX + offsetH)+'px';
    bulle.style.top = (curY + offsetV)+'px';

	var image_bulle = document.getElementById('img_bulle');
	if(image_bulle)
	{
		var image_src = image_bulle.src;
		var debut = image_src.indexOf('tous-top')+8;
		var fin = image_src.indexOf('.',debut);
		image_bulle.src = image_src.substring(0,debut)+bulle_id+image_src.substr(fin);
	}

    bulle.style.display = '';
}