var tooltip=function(){
        var id = 'tt';
        var top = 3;
        var left = 3;
        var maxw = 300;
        var speed = 10;
        var timer = 20;
        var endalpha = 95;
        var alpha = 0;
        var tt,t,c,b,h;
        var ie = document.all ? true : false;
        return{
                show:function(v,w){
                        if(tt == null){
                                tt = document.createElement('div');
                                tt.setAttribute('id',id);
                                t = document.createElement('div');
                                t.setAttribute('id',id + 'top');
                                c = document.createElement('div');
                                c.setAttribute('id',id + 'cont');
                                b = document.createElement('div');
                                b.setAttribute('id',id + 'bot');
                                tt.appendChild(t);
                                tt.appendChild(c);
                                tt.appendChild(b);
                                document.body.appendChild(tt);
                                tt.style.opacity = 0;
                                tt.style.filter = 'alpha(opacity=0)';
                                document.onmousemove = this.pos;
                        }
			c.innerHTML = '<img src="/img/wait.gif">';

                        tt.style.display = 'block';

			var target_url = '/api/img.php?kwd='+v;
			var funcRef = function(text_data){
                        	c.innerHTML = text_data; 
			}	
			httpRequest(target_url, funcRef);

//                        c.innerHTML = v;
                        tt.style.width = w ? w + 'px' : 'auto';
                        if(!w && ie){
                                t.style.display = 'none';
                                b.style.display = 'none';
                                //tt.style.width = tt.offsetWidth;
				tt.style.width = '180px';	
                                t.style.display = 'block';
                                b.style.display = 'block';
                        }
                        if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
                        h = parseInt(tt.offsetHeight) + top;
                        clearInterval(tt.timer);
                        tt.timer = setInterval(function(){tooltip.fade(1)},timer);
                },
                pos:function(e){
                        var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
                        var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
                        tt.style.top = (u - h) + 'px';
                        tt.style.left = (l + left) + 'px';
                },
                fade:function(d){
                        var a = alpha;
                        if((a != endalpha && d == 1) || (a != 0 && d == -1)){
                                var i = speed;
                                if(endalpha - a < speed && d == 1){
                                        i = endalpha - a;
                                }else if(alpha < speed && d == -1){
                                        i = a;
                                }
                                alpha = a + (i * d);
                                tt.style.opacity = alpha * .01;
                                tt.style.filter = 'alpha(opacity=' + alpha + ')';
                        }else{
                                clearInterval(tt.timer);
                                if(d == -1){tt.style.display = 'none'}
                        }
                },
                hide:function(){
                        clearInterval(tt.timer);
                        tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
                }
        };
}();


function simple_tooltip(target_items, name){
 $(target_items).each(function(i){
                $("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
                var my_tooltip = $("#"+name+i);

                if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){

                $(this).removeAttr("title").mouseover(function(){
                                        my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(400);
                }).mousemove(function(kmouse){
                                var border_top = $(window).scrollTop();
                                var border_right = $(window).width();
                                var left_pos;
                                var top_pos;
                                var offset = 20;
                                //var offset = 0;
                                if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
                                        left_pos = kmouse.pageX+offset;
                                } else{
                                        left_pos = border_right-my_tooltip.width()-offset;
                                }

                                if(border_top + (offset *2)>= kmouse.pageY - my_tooltip.height()){
                                        //top_pos = border_top + offset * 6;
                                        top_pos = border_top + offset;
                                } else{
                                        //top_pos = kmouse.pageY-my_tooltip.height()-offset * 3;
                                        top_pos = kmouse.pageY-my_tooltip.height() -offset;
                                }

                                my_tooltip.css({left:left_pos, top:top_pos});
                }).mouseout(function(){
                                my_tooltip.css({left:"-9999px"});
                });

                }

        });
}