$(document).ready( function() {
	if (parseInt($("#main").css('width'))>0){
		var tooltipBox = $('<div id="tooltip"><div id="tooltipInner"></div></div>');			
		if($('#outterMain').length > 0)
			$('#outterMain').after(tooltipBox);
		else
			$('#main').after(tooltipBox);

	
		var thumbs =$("#items").find("a");
		var name, title, location;
		$.each(thumbs , function(index) {										 
			$(this).hover(
				function(){			
					name = "<p class='Name'>" + $(this).parent().find('p:first').html() + "</p>";
					title = "<p class='TitleLocation'>" + $(this).parent().find('p:eq(1)').html() ;
					if($(this).parent().find('p:eq(2)').html() !=null){
						location =  ", " + $(this).parent().find('p:eq(2)').html() + "</p>";
					}
					else {
						location = "</p>";
					}
					$('#tooltipInner')				
						.html(name + title + location)
					$('#tooltip').addClass('ShowTooltip')						

				},		  
				function(){			
					$('#tooltip').removeClass('ShowTooltip');				
				}
			)
			$(this).mousemove(						  	
				function(e){					
					$('#tooltip')				
						.css({left:(e.pageX + 10) ,top:(e.pageY + 20), width: 'auto'});						
				}
			);
		})
	}
})