// global map state
var mapReady = false;
// precache map image pairs
if(document.images) {
	var mapNormal = new Array();	
	mapNormal["balochistan"] = new Image(283, 225);
	mapNormal["balochistan"].src = "images/serviceOutlet/" + "balochistan_off.gif";
	mapNormal["sindh"] = new Image(130, 154);
	mapNormal["sindh"].src = "images/serviceOutlet/" + "sindh_off.gif";
	mapNormal["punjab"] = new Image(183, 203);
	mapNormal["punjab"].src = "images/serviceOutlet/" + "punjab_off.gif";
	mapNormal["fata"] = new Image(89, 123);
	mapNormal["fata"].src = "images/serviceOutlet/" + "FATA_off.gif";
	mapNormal["nwfp"] = new Image(130, 173);
	mapNormal["nwfp"].src = "images/serviceOutlet/" + "NWFP_off.gif";
	mapNormal["na"] = new Image(93, 73);
	mapNormal["na"].src = "images/serviceOutlet/" + "NA_off.gif";
	mapNormal["ajk"] = new Image(132, 112);
	mapNormal["ajk"].src = "images/serviceOutlet/" + "AJK_off.gif";
	mapNormal["islamabad"] = new Image(163, 67);
	mapNormal["islamabad"].src = "images/serviceOutlet/" + "islamabad_off.gif";
	
	var mapHighlight = new Array();
	mapHighlight["balochistan"] = new Image(283, 225);
	mapHighlight["balochistan"].src = "images/serviceOutlet/" + "balochistan_on.gif";
	mapHighlight["sindh"] = new Image(130, 154);
	mapHighlight["sindh"].src = "images/serviceOutlet/" + "sindh_on.gif";
	mapHighlight["punjab"] = new Image(183, 203);
	mapHighlight["punjab"].src = "images/serviceOutlet/" + "punjab_on.gif";
	mapHighlight["fata"] = new Image(89, 123);
	mapHighlight["fata"].src = "images/serviceOutlet/" + "FATA_on.gif";
	mapHighlight["nwfp"] = new Image(130, 173);
	mapHighlight["nwfp"].src = "images/serviceOutlet/" + "NWFP_on.gif";
	mapHighlight["na"] = new Image(93, 73);
	mapHighlight["na"].src = "images/serviceOutlet/" + "NA_on.gif";
	mapHighlight["ajk"] = new Image(132, 112);
	mapHighlight["ajk"].src = "images/serviceOutlet/" + "AJK_on.gif";
	mapHighlight["islamabad"] = new Image(163, 67);
	mapHighlight["islamabad"].src = "images/serviceOutlet/" + "islamabad_on.gif";
}

var maps = new Array();
// Balochistan
maps[0] = 	{	mapImgId:"mapImg_0",
				mapImgNormal:mapNormal["balochistan"],
				mapImgHighlight:mapHighlight["balochistan"],
				mapLinks:"balochistan.asp",
				mapWidth:283,
				mapHeight:225,
				mapTop:"145px",
				mapLeft:"54px"
			};
// Sindh
maps[1] = 	{	mapImgId:"mapImg_1",
				mapImgNormal:mapNormal["sindh"],
				mapImgHighlight:mapHighlight["sindh"],
				mapLinks:"sindh.asp",
				mapWidth:130,
				mapHeight:154,
				mapTop:"185px",
				mapLeft:"-93px"
			};
// Punjab
maps[2] = 	{	mapImgId:"mapImg_2",
				mapImgNormal:mapNormal["punjab"],
				mapImgHighlight:mapHighlight["punjab"],
				mapLinks:"punjab.asp",
				mapWidth:183,
				mapHeight:203,
				mapTop:"76px",
				mapLeft:"-118px"
			};
// FATA
maps[3] = 	{	mapImgId:"mapImg_3",
				mapImgNormal:mapNormal["fata"],
				mapImgHighlight:mapHighlight["fata"],
				mapLinks:"fata.asp",
				mapWidth:89,
				mapHeight:123,
				mapTop:"-36px",
				mapLeft:"-286px"
			};
// NWFP
maps[4] = 	{	mapImgId:"mapImg_4",
				mapImgNormal:mapNormal["nwfp"],
				mapImgHighlight:mapHighlight["nwfp"],
				mapLinks:"nwfp.asp",
				mapWidth:130,
				mapHeight:173,
				mapTop:"-217px",
				mapLeft:"273px"
			};
// NA
maps[5] = 	{	mapImgId:"mapImg_5",
				mapImgNormal:mapNormal["na"],
				mapImgHighlight:mapHighlight["na"],
				mapLinks:"serviceOutlets.asp?province=Northern Areas",
				mapWidth:93,
				mapHeight:73,
				mapTop:"-318px",
				mapLeft:"228px"
			};
// ajk
maps[6] = 	{	mapImgId:"mapImg_6",
				mapImgNormal:mapNormal["ajk"],
				mapImgHighlight:mapHighlight["ajk"],
				mapLinks:"serviceOutlets.asp?province=AJK",
				mapWidth:132,
				mapHeight:112,
				mapTop:"-246px",
				mapLeft:"149px"
			};
// Islamabad
maps[7] = 	{	mapImgId:"mapImg_7",
				mapImgNormal:mapNormal["islamabad"],
				mapImgHighlight:mapHighlight["islamabad"],
				mapLinks:"serviceOutlets.asp?province=Islamabad&district=Islamabad",
				mapWidth:163,
				mapHeight:67,
				mapTop:"-221px",
				mapLeft:"0px"
			};
function swapMap(evt) {
	evt = (evt)? evt :((event)? event : null);
	if(typeof mapReady != "undefined") {
		if(evt && (document.getElementById && document.styleSheets) && mapReady) {
			var elem = (evt.target)? evt.target : evt.srcElement;
			if(evt.type == "mouseover") {
				elem.src = maps[elem.id].mapImgHighlight.src;
			} else if(evt.type == "mouseout") {
				elem.src = maps[elem.id].mapImgNormal.src;
			}
			evt.cancelBubble = true;
		}
	}
}

function makeHashes() {
	for(var i = 0; i < maps.length; i++) {
		maps[maps[i].mapImgId] = maps[i];
	}
}

function makeMaps() {
	var itemLink, mapElem, tableElem;
	
	// use menus array to drive div creation loop
	for(var i = 0; i < maps.length; i++) {
		itemLink = document.createElement("a");
		itemLink.href = maps[i].mapLinks;
		
		mapElem = document.createElement("img");
		mapElem.src = maps[i].mapImgNormal.src;
		mapElem.id = maps[i].mapImgId;
		mapElem.width = maps[i].mapWidth;
		mapElem.height = maps[i].mapHeight;
		mapElem.style.top = maps[i].mapTop;
		mapElem.style.left = maps[i].mapLeft;
		mapElem.border = 0;
		mapElem.style.position = "relative";
		mapElem.onmouseover = swapMap;
		mapElem.onmouseout = swapMap;
		
		itemLink.appendChild(mapElem);
		if(document.getElementById) {
			tableElem = document.getElementById("map");
			if(tableElem) {
				tableElem.appendChild(itemLink);
			}
		}
	}
	
	makeHashes();	
	mapReady = true;
}

function cancelAll() {
	menuReady = false;
}

// create menus only if key items are supported
function initMaps() {	
	if(document.getElementById && document.styleSheets) {
		setTimeout("makeMaps()", 5);
		window.onunload = cancelAll;
	}	
}