$(document).ready(function(){

// ******************************************************************** //

	
	//hide the all of the toggle elements
	$(".map-info").hide();
	$("#default-info").show();
	
// ******************************************************************** //	
	
	
	//toggle the componenet with the chosen ID
	$("#stables-img").hover(function(){
		$(".map-info").hide();
		$("#map-info-oldstables").show();
	},
	
	function(){
		$(".map-info").hide();
		$("#default-info").show();
	});
	

// ******************************************************************** //

	
	//toggle the componenet with the chosen ID
	$("#granary-img").hover(function(){
		$(".map-info").hide();
		$("#map-info-granary").show();
	},
	
	function(){
		$(".map-info").hide();
		$("#default-info").show();
	});

// ******************************************************************** //


	//toggle the componenet with the chosen ID
	$("#barn-img").hover(function(){
		$(".map-info").hide();
		$("#map-info-partybarn").show();
	},
	
	function(){
		$(".map-info").hide();
		$("#default-info").show();
	});

// ******************************************************************** //


	//toggle the componenet with the chosen ID
	$("#hayloft-img").hover(function(){
		$(".map-info").hide();
		$("#map-info-hayloft").show();
	},
	
	function(){
		$(".map-info").hide();
		$("#default-info").show();
	});

// ******************************************************************** //


	//toggle the componenet with the chosen ID
	$("#dairy-img").hover(function(){
		$(".map-info").hide();
		$("#map-info-dairy").show();
	},
	
	function(){
		$(".map-info").hide();
		$("#default-info").show();
	});

// ******************************************************************** //


	//toggle the componenet with the chosen ID
	$("#gardeners-img").hover(function(){
		$(".map-info").hide();
		$("#map-info-gardeners").show();
	},
	
	function(){
		$(".map-info").hide();
		$("#default-info").show();
	});

// ******************************************************************** //


	//toggle the componenet with the chosen ID
	$("#play-img").hover(function(){
		$(".map-info").hide();
		$("#map-info-play").show();
	},
	
	function(){
		$(".map-info").hide();
		$("#default-info").show();
	});

// ******************************************************************** //


	//toggle the componenet with the chosen ID
	$("#thelusson-img").hover(function(){
		$(".map-info").hide();
		$("#map-info-thellusson").show();
	},
	
	function(){
		$(".map-info").hide();
		$("#default-info").show();
	});

// ******************************************************************** //

	
});