var titles = new Array();
titles['news'] = '<b>Новини</b><br>Останні події Вільного простору Wi-Fi від ЛЮКС';
titles['aleya'] = '<b>Паркова алея</b><br>Найкраще місце для спілкування';
titles['blog'] = '<b>Блог двірника</b><br>Щоденник жителя Wi-Fi-парку';
titles['parkman'] = '<b>Грай у Park-man!</b><br>Нове народження культової гри!';
titles['wifi'] = '<b>Завершилася акція Вільний простір Wi-Fi!</b><br />Wi-Fi у парку твого міста!';

function simple_tooltip(target_items, name){
    var speed = 100;
    var delta = 15;
    $(target_items).each(function(i){
        var this_id = $(this).attr("id");
        var title_text = titles[this_id.substr(0,this_id.length-2)];
        $("body").append('<div class="'+name+'" id="'+name+i+'"><div class="top_hint"></div><div class="center_hint"><img src="/img/hint/center.jpg" class="center_hint_img" /><div class="center_hint_text">'+title_text+'</div></div><div class="bottom_hint"></div></div>');
        var my_tooltip = $("#"+name+i);
        var height = $("#"+name+i+" .center_hint").height();
        $("#"+name+i+" .center_hint_img").css("height",height+"px");
        $(this).removeAttr("title").mouseover(function(){
            my_tooltip.css({display:"none"}).fadeIn(speed);
        }).mousemove(function(kmouse){
            
            var x = kmouse.pageX+delta;
            var y = kmouse.pageY+delta;
            //alert(my_tooltip.width());
            var width = my_tooltip.width();
            var height = my_tooltip.height();
            if((x+width)>($(document).width()-120)){
                x = x - width - 2*delta;
            }
            if((y+height)>($(document).height()-10)){
                y = y - height - 2*delta;
            }
            my_tooltip.css({left:x, top:y});
        }).mouseout(function(){
            my_tooltip.fadeOut(speed);
        });
    });
}
$(document).ready(function(){
    simple_tooltip(".hint_link, .hint_area","hint");
});