/**
* Funcja wyswietlajaca wyczesane dymki
*
* Sposob uzycia:
* 
*   $(document).ready(function() {
*       var obj = {one:1, two:2};
*       start_tooltips(obj);
*   });
* 
* <img src="#" class="one"/>
* <img src="#" class="one"/>
* <img src="#" class="two"/>
* 
* <div id="tooltip_1">tresc tresc</div>
* <div id="tooltip_2">tresc tresc</div>
**/

function show_help(id)
{
     $("#"+id).css("display", "block");
     $().mousemove(function(e){
     var y = e.pageY + 20;
     var x = e.pageX + 20;
        if (x > 700) {
            x = x - 275;
        }
        
      $("#"+id).css("position", "absolute")
              .css("top", y)
              .css("left", x);
       }); 
}

function hide_help(id)
{
     $("#"+id).hide();
}

function set_up_tooltip(id)
{
     $("#"+id).css("display", "none")
             .css("z-index", 10).appendTo('body');
}

function start_tooltips(tags)
{
    $.each(tags, function(i, val) {
        $("."+i).hover(
            function () {
                show_help("tooltip_" + val);
            }, 
            function () {
                hide_help("tooltip_" + val);
            }
        );
        set_up_tooltip("tooltip_" + val);
    });
}