var ptag;
var divtag;
function tooltip(target_item){
 $(target_item).each(function(i){
		$("body").append("<div class='tooltip' id='tooltip"+i+"'><p id='ptooltip"+i+"'>"+$(this).attr('title')+"</p></div>");
		var my_tooltip = $("#tooltip"+i);
		var my_ptooltip = $("#ptooltip"+i);
		if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ){
		var title_len = $(this).attr("title").length;
		var tooltip_width;
		var tooltip_height;
		var ptooltip_width;
		var ptooltip_height;
		
		if (document.getElementById('ptooltip'+i).offsetWidth > 250){ 
			
			tooltip_width = 420; ptooltip_height ='auto'; }
else{

//tooltip_width = title_len*8 ; 
tooltip_width =document.getElementById('ptooltip'+i).offsetWidth+10;
ptooltip_height ='auto';
}


ptooltip_width = tooltip_width-4;
//ptooltip_height = tooltip_height - 10;
my_tooltip.css({width:tooltip_width,height:ptooltip_height});
my_ptooltip.css({width:ptooltip_width,height:ptooltip_height});
		$(this).removeAttr("title").mouseover(function(){
				my_tooltip.css({opacity:0.7, display:"none"}).fadeIn(500);
                ptag = my_ptooltip[0].id;
				divtag = my_tooltip[0].id;
		}).mousemove(function(kmouse){
				var border_top = $(window).scrollTop(); 
				var border_right = $(window).width();
				var left_pos;
				var top_pos;
				var offset = 20;
				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:"-999px"});				  
		});
		
		}
	});
}
	
$(document).ready(function(){
	// 
	 tooltip("div.imgcaption");
	 //tooltip("img.imgcaption");

})