function simple_tooltip(target_items, name){
 $(target_items).each(function(i){
        
        if ($(this).attr('title') == undefined) {
            return true;
        }

        textdata = $(this).attr('title').split("|");

        $("body").append("<div class='"+name+"' id='"+name+i+"'><p class='chipTitle'>"+textdata[0]+"</p><p class='chipText'>"+textdata[1]+'<br />'+textdata[2]+"</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.9, display:"none"}).fadeIn(0);
        }).mousemove(function(kmouse){
                var border_top = $(window).scrollTop(); 
                var border_right = $(window).width();
                var left_pos;
                var top_pos;
                var offset = 2;
                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;
                    } else{
                    top_pos = kmouse.pageY-my_tooltip.height()-offset;
                    }    
                
                
                my_tooltip.css({left:left_pos, top:top_pos});
        }).mouseout(function(){
                my_tooltip.css({left:"-9999px"});                  
        });
        
        }

    });
}


function simple_phototip(target_items, name){
 $(target_items).each(function(i){
        
        imgdata = $(this).attr('href');
        textdata = $(this).attr('title');
        $("body").append("<div class='"+name+"' id='"+name+i+"'><img src='"+imgdata+" /><p class='chipText'>"+textdata[1]+"</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.9, display:"none"}).fadeIn(0);
        }).mousemove(function(kmouse){
                var border_top = $(window).scrollTop(); 
                var border_right = $(window).width();
                var left_pos;
                var top_pos;
                var offset = 2;
                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;
                    } else{
                    top_pos = kmouse.pageY-my_tooltip.height()-offset;
                    }
                
                
                my_tooltip.css({left:left_pos, top:top_pos});
        }).mouseout(function(){
                my_tooltip.css({left:"-9999px"});
        });
        
        }

    });
}