$(document).ready(function(){
	//hotspot
	$(".tools-menu .hotspot").hover(function(){
		var c = $(this).attr("class");
		var cArr = c.split("-hotspot");
		var id=cArr[0]+"-tooltip";
		var content = $(this).find(".tooltip").html();
		if(content != null){
			showTipMenu(id,content);
		}
		else{
			hideTipMenu();	
		}
	});
	
	$(".tools-menu .our-dentists-hotspot").click(function(){
		window.location = "our_dentists.html";
	});
	
	$(".tools-menu .home-hotspot").click(function(){
		window.location = "index.html";
	});
	
	function showTipMenu(id, pContent){
		var popupString  = ""; 
		popupString += "<div id=\""+id+"\" class=\"tooltip-popup\">\n";
    	popupString += "<div class=\"top-panel\"></div>\n";
        popupString += "<div class=\"middle-panel\">\n";
		popupString += pContent;
        popupString += "</div>\n";
        popupString += "<div class=\"bottom-panel\"></div>";  
    	popupString += "</div>";
		
		hideTipMenu();
		$("#tooltipDz").append(popupString);
		
		$('body').one("click",hideTipMenu);
		$('#content').hover(function(){},hideTipMenu);
	
	}
	
	function hideTipMenu(){
		$("#tooltipDz").html("");
		$('body').unbind("click",hideTipMenu);	
	}
});