/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */


function helper(){

  $(".phelp").mouseover(function(e){
    
    //var model = '<div id="h'+e.pageX+'_'+e.pageY+'" class="hb"><div class="hb-top"></div><div class="hb-mid"><div class="hb-mid-left"></div><div class="hb-content">'+$(this).attr('alt')+'</div></div><div class="hb-bot"><a href="#" onclick="$(\'#h'+e.pageX+'_'+e.pageY+'\').addClass(\'hide\'); return false;" title="Cliquez pour fermer"><img src="/images/btn_hb-close.png" alt="Bouton fermer" /></a></div></div>';
    var model = '<div id="h'+e.pageX+'_'+e.pageY+'" class="help-block show"><div class="top"></div><div class="center"><h3>Aide</h3><p>'+$(this).attr('alt')+'</p></div> <div class="bottom"></div></div>';
    //$(this).next().html(model);
      
    $('#helper_container').html(model);

    var left = e.pageX-3;
    var top = e.pageY-13;

    $('#h'+e.pageX+'_'+e.pageY).css('position', 'absolute');
    $('#h'+e.pageX+'_'+e.pageY).css('left', left);
    $('#h'+e.pageX+'_'+e.pageY).css('top', top);
    $('#h'+e.pageX+'_'+e.pageY).css('z-index', 10000);
  });

  $("#helper_container").mouseout(function(e){
    $('#helper_container').html('');
  });
}

jQuery(document).ready(function(){
    helper();
});