$(function(){
    
    $(".bulle").mouseover(function(){
        if($(this).attr("title")=="") return false;
        
        $("body").append('<span class="infobulle"></span>');
        var bulle = $(".infobulle:last");
        bulle.append($(this).attr("title"));
        $(this).attr("title","");
        var posTop = $(this).offset().top-$(this).height();
        var posLeft = $(this).offset().left+$(this).width()/2-bulle.width()/2;
        bulle.css({
            left:posLeft,
            top:posTop-20,
            opacity:0
        });
        bulle.animate({
            top:posTop-10,
            opacity:0.99
        });
    });
    
    $("a").mouseout(function(){
        var bulle = $(".infobulle:last");
        $(this).attr("title",bulle.text());
        bulle.animate(
            {
                top:bulle.offset().top+10,
                opacity:0
            },
            500,
            "linear",
            function(){
                bulle.remove();  
            }
        );
    });
});

function getElementsByClass(_class, _tag, _node){
				 if(_node == null) _node = document;
				 if (document.getElementsByClassName)
				  return _node.getElementsByClassName(_class);
				 else
				  {
				  var tabRes = new Array();
				  if(_tag == null) _tag = '*';
				  var els = _node.getElementsByTagName(_tag);
				  var elsLen = els.length;
				  for (var i = j = 0; i < elsLen; i++) {
				   if (els[i].className == _class )
					tabRes[j++] = els[i];
				   }
				  return tabRes;
				  }
				}
			
			function cache() {
				var listeRefs = getElementsByClass("refs","div");
				for(var i=0;i<listeRefs.length;i++){
				listeRefs[i].style.display="none";
				}
			}	

			function affiche(id) {
				cache();
				document.getElementById(id).style.display='block';
				document.getElementById("ref-web-btn").style.backgroundImage='url(images/btn_norm.png)';
				document.getElementById("ref-print-btn").style.backgroundImage='url(images/btn_norm.png)';
				document.getElementById("ref-logo-btn").style.backgroundImage='url(images/btn_norm.png)';
				document.getElementById("ref-autres-btn").style.backgroundImage='url(images/btn_norm.png)';
				document.getElementById(id+"-btn").style.backgroundImage='url(images/btn_sel.png)';
			}