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

	
		var thumbs =$("#myScroll").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'});						
				}
			);
		})
	}
})