$(document).ready(function(){

/* Show jQuery is running */
$('h1').css({textDecoration: 'underline'});

$('#map').zoommap({
// Width and Height of the Map
width: '710px',
height: '710px',

//Misc Settings
blankImage: 'savour/blank.png',
zoomDuration: 750,
bulletWidthOffset: '5px',
bulletHeightOffset: '5px',

//ids and classes
zoomClass: 'zoomable',
popupSelector: 'div.popup',
popupCloseSelector: 'a.close',

//Return to Parent Map Link
showReturnLink: true,
returnId: 'returnlink',
returnText: 'ZOOM OUT',

//Initial Region to be shown
map: {
id: 'muskoka',
image: 'savour/maps/mr.jpg',
data: 'savour/data/muskoka.html',
maps: [
			{
			id: 'mr-1-1',
			parent: 'muskoka',
			image: 'savour/maps/mr-1-1.jpg',
			data: 'savour/data/mr-1-1.html',
			width: '355px',
			height: '355px',
			top: '0px',
			left: '0px'
			},
			{
			id: 'mr-1-2',
			parent: 'muskoka',
			image: 'savour/maps/mr-1-2.jpg',
			data: 'savour/data/mr-1-2.html',
			width: '355px',
			height: '355px',
			top: '0px',
			left: '355px',
			maps : [ 
					{
					id: 'huntsville',
					parent: 'mr-1-2',
					image: 'savour/maps/huntsville.jpg',
					data: 'savour/data/huntsville.html',
					width: '70px',
					height: '70px',
					top: '465px',
					left: '175px'
					}
					]
			},
			{
			id: 'mr-2-1',
			parent: 'muskoka',
			image: 'savour/maps/mr-2-1.jpg',
			data: 'savour/data/mr-2-1.html',
			width: '355px',
			height: '355px',
			top: '355px',
			left: '0px'
			},
			{
			id: 'mr22',
			parent: 'muskoka',
			image: 'savour/maps/mr-2-2.jpg',
			data: 'savour/data/mr-2-2.html',
			width: '355px',
			height: '355px',
			top: '355px',
			left: '355px',
			/* More maps can be nested */
			maps : [ 
					{
					id: 'bracebridge',
					parent: 'mr22',
					image: 'savour/maps/bracebridge.jpg',
					data: 'savour/data/bracebridge.html',
					width: '65px',
					height: '60px',
					top: '116px',
					left: '95px'
					},
					{
					id: 'gravenhurst',
					parent: 'mr22',
					image: 'savour/maps/gravenhurst.jpg',
					data: 'savour/data/gravenhurst.html',
					width: '65px',
					height: '60px',
					top: '286px',
					left: '55px'
					}
					]
			}
	]
	}
});

});