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


function helper(){

    $(".help").click(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).children().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>';
        //$(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);
    });
}

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