var vHide = true;

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){	
	//LOADING POPUP
	//Click the button event!
	$("#test01").click(function(){		
		$("#Detail").fadeIn(500);
		$("#popupBG").fadeIn(0);
	});


	$("#popupBG").click(function(){		
		$("#Detail").hide();	
		$("#popupBG").hide();
	});

	$(".wrapper").click(function(){		

		if(vHide)
		{
			$(".mappopup").hide();
		}
		else
		{
			vHide = true;
		}

	});
     
	 
	 $(".mappopup").click(function(){		
		vHide = false;
	});
});


function showMapPopup(ctrMap)
{
	
	
	
	var ctrPopup = "mappopup-"+ctrMap;
	//alert(ctrMap);
	$("#"+ctrPopup).fadeIn(500);
	$("#popupBG").fadeIn(0);
}