var map_obj = {
				"map_arr": [
						{
							"img": "Hofmann-Global-Map-America",
							"width": 284,
							"height": 467,
							"top": 77,
							"left": 357
						},
						{
							"img": "Hofmann-Global-Map-Europe",
							"width": 270,
							"height": 197,
							"top": 81,
							"left": 580
						},
						{
							"img": "Hofmann-Global-Map-Asia",
							"width": 308,
							"height": 331,
							"top": 70,
							"left": 762
						},
						{
							"img": "Hofmann-Global-Map-Australia",
							"width": 212,
							"height": 204,
							"top": 349,
							"left": 910
						},
						{
							"img": "Hofmann-Global-Map-Africa",
							"width": 204,
							"height": 227,
							"top": 252,
							"left": 649
						}
					]
			}

function hideMap()
{
	document.getElementById("map").style.display = "none";
}

function precachingImages()
{
	var img_arr = new Array();
	for (var id in map_obj.map_arr)
	{
		img_arr[id] = new Image(map_obj.map_arr[id].width, map_obj.map_arr[id].height);
		img_arr[id].src = "css/images/" + map_obj.map_arr[id].img + ".jpg"; 
	}
}

function showMap(id)
{
	var map = document.getElementById("map");
	map.style.backgroundImage = "url(css/images/" + map_obj.map_arr[id].img + ".jpg)";
	map.style.width = map_obj.map_arr[id].width + "px";
	map.style.height = map_obj.map_arr[id].height + "px";
	map.style.position = "absolute";
	map.style.top = map_obj.map_arr[id].top + "px";
	map.style.left = map_obj.map_arr[id].left + "px";
	map.style.display = "block";
}

precachingImages();