// control refs
//var mumbaimap_enc;
var mumbaimap_key;
var mumbaimap_zoom_pan_ctrl = {
	padding: {},
	up: {},
	down: {},
	left: {},
	right: {},
	reset: {},
	zin: {},
	zout: {}
};

(function() {
	
	var glow;
	
	gloader.load(
	 ["glow", "1", "glow.dom", "glow.events"],
	 {
		async: false,
		onLoad: function(fetchedGlow) {
			glow = fetchedGlow;
			glow.ready(init);
		}
	 }
	);
	
function init() {
	
	//fsmap_bottom_key = glow.dom.create("<div class='vectrl' id='btmkey1'></div>");
	mumbaimap_key = glow.dom.create("<div class='vectrl' id='mkey1'></div>");
	mumbaimap_zoom_pan_ctrl.padding = glow.dom.create("<div class='vectrl' id='zpctrl1'></div>");
	for (elm in mumbaimap_zoom_pan_ctrl) {
		if (elm == 'padding') {
			continue;
		}
		mumbaimap_zoom_pan_ctrl[elm] = glow.dom.create("<div class='vectrl' id='zpctrl1_" + elm + "'></div>");
		// append to padding
		mumbaimap_zoom_pan_ctrl.padding.append(mumbaimap_zoom_pan_ctrl[elm]);
	}
	
	mumbaimap = new bbc.fmtj.csd.fwkmap('mumbai_msvedm', glow);
	// ------ pre --
	mumbaimap.pre();
	// ------ context --
	mumbaimap.contextualize({
		// perfOverQuality: false (defaulted)
		startingPositionLat: 18.93040118866156,
		startingPositionLong: 72.82931327819824,
 		startingPositionZoom: 14,
 		terrainMode: true,
 		aerialOnly: true
 		// terrainMode: false
 	});
 	// ------ init --
 	var cornerPadding = 5;
 	var paddingDivision = 25;
	var initdirv = {
		ctrlStruct: {
			'mumbaimap_zoom_pan_ctrl.padding': {
				css: {
				 left: cornerPadding,
				 top: cornerPadding
				}
			},
			'mumbaimap_zoom_pan_ctrl.up': {
				css: {
				 left: cornerPadding+paddingDivision,
				 top: cornerPadding+3
				}
			},
			'mumbaimap_zoom_pan_ctrl.down': {
				css: {
				 left: cornerPadding+paddingDivision,
				 top: cornerPadding+(paddingDivision*2)-3
				}
			},
			'mumbaimap_zoom_pan_ctrl.left': {
				css: {
				 left: cornerPadding+3,
				 top: cornerPadding+paddingDivision
				}
			},
			'mumbaimap_zoom_pan_ctrl.right': {
				css: {
				 left: cornerPadding+(paddingDivision*2)-3,
				 top: cornerPadding+paddingDivision
				}
			},
			'mumbaimap_zoom_pan_ctrl.reset': {
				css: {
				 left: cornerPadding+paddingDivision,
				 top: cornerPadding+paddingDivision
				}
			},
			'mumbaimap_zoom_pan_ctrl.zin': {
				css: {
				 left: cornerPadding+paddingDivision,
				 top: cornerPadding+(paddingDivision*3)-4
				}
			},
			'mumbaimap_zoom_pan_ctrl.zout': {
				css: {
				 left: cornerPadding+paddingDivision,
				 top: cornerPadding+(paddingDivision*4)-6
				}
			},
			'mumbaimap_key': {
				css: {
				 left: 466-83,
				 top: 2
				}
			}
		},
		evntStruct: {
			'mumbaimap_zoom_pan_ctrl.padding': {
				type: 'normal'
			},
			'mumbaimap_zoom_pan_ctrl': {
				type: 'map_control',
				buttons: ["up", "down", "left", "right", "reset", "zin", "zout"]
			}
		},
		metadata: {
			global: "div.g_vemap_enclosure"
		}
	};
	mumbaimap.initialize(initdirv);
	// ------ canvas --
	var canvasdirv = {
		pointLayer: {
			oberoi_hotel : {
				lat : mumbaimapref.oberoi_hotel.lat,
				lon : mumbaimapref.oberoi_hotel.lon,
				xypos : 'center',
				type : {
					format : 'pin',
					customization : {
						minZoomLevel: 14
					}
				},
				event : {},
				metadata : {
					name : 'oberoi_hotel'
				}
			},
			taj_mahal_hotel : {
				lat : mumbaimapref.taj_mahal_hotel.lat,
				lon : mumbaimapref.taj_mahal_hotel.lon,
				xypos : 'center',
				type : {
					format : 'pin',
					customization : {
						minZoomLevel: 14
					}
				},
				event : {},
				metadata : {
					name : 'taj_mahal_hotel'
				}
			},
			cama_hospital : {
				lat : mumbaimapref.cama_hospital.lat,
				lon : mumbaimapref.cama_hospital.lon,
				xypos : 'center',
				type : {
					format : 'pin',
					customization : {
						minZoomLevel: 14
					}
				},
				event : {},
				metadata : {
					name : 'cama_hospital'
				}
			},
			train_station : {
				lat : mumbaimapref.train_station.lat,
				lon : mumbaimapref.train_station.lon,
				xypos : 'center',
				type : {
					format : 'pin',
					customization : {
						minZoomLevel: 14
					}
				},
				event : {},
				metadata : {
					name : 'train_station'
				}
			},
			cafe_leopold : {
				lat : mumbaimapref.cafe_leopold.lat,
				lon : mumbaimapref.cafe_leopold.lon,
				xypos : 'center',
				type : {
					format : 'pin',
					customization : {
						minZoomLevel: 14
					}
				},
				event : {},
				metadata : {
					name : 'cafe_leopold'
				}
			},
			nariman_house : {
				lat : mumbaimapref.nariman_house.lat,
				lon : mumbaimapref.nariman_house.lon,
				xypos : 'center',
				type : {
					format : 'pin',
					customization : {
						minZoomLevel: 14
					}
				},
				event : {},
				metadata : {
					name : 'nariman_house'
				}
			}
		} // END POINT LAYER (pointLayer)
	};
	mumbaimap.canvasify(canvasdirv);
	
	// wrapper for vectrl, inside finalize
	
	/*
	// resize bug fix
	glow.events.addListener(
		window,
		"resize",
		resetPosition
	);
	
	function resetPosition() {
		win = glow.dom.get(window);
		//console.log(win.width());
	}
	*/
	var finaldirv = {
		metadata: {
			internal: true,
			type: 'linkonly'
		},
		events: {
			taj_mahal_hotel: {
				content: {
					id: '',
					className: '',
					morelink: 'http://news.bbc.co.uk/1/hi/world/south_asia/7751876.stm#tajmahal'
				},
				eventfx: {
					internal: true,
					rollover: 'show',
					onclick: 'link'
				}
			},
			cafe_leopold: {
				content: {
					id: '',
					className: '',
					morelink: 'http://news.bbc.co.uk/1/hi/world/south_asia/7751876.stm#cafe'
				},
				eventfx: {
					internal: true,
					rollover: 'show',
					onclick: 'link'
				}
			},
			oberoi_hotel: {
				content: {
					id: '',
					className: '',
					morelink: 'http://news.bbc.co.uk/1/hi/world/south_asia/7751876.stm#oberoi'
				},
				eventfx: {
					internal: true,
					rollover: 'show',
					onclick: 'link'
				}
			},
			cama_hospital: {
				content: {
					id: '',
					className: '',
					morelink: 'http://news.bbc.co.uk/1/hi/world/south_asia/7751876.stm#cama'
				},
				eventfx: {
					internal: true,
					rollover: 'show',
					onclick: 'link'
				}
			},
			train_station: {
				content: {
					id: '',
					className: '',
					morelink: 'http://news.bbc.co.uk/1/hi/world/south_asia/7751876.stm#chhatrapati'
				},
				eventfx: {
					internal: true,
					rollover: 'show',
					onclick: 'link'
				}
			},
			nariman_house: {
				content: {
					id: '',
					className: '',
					morelink: 'http://news.bbc.co.uk/1/hi/world/south_asia/7751876.stm#chabad'
				},
				eventfx: {
					internal: true,
					rollover: 'show',
					onclick: 'link'
				}
			}
		} // end EVENT
	};
	mumbaimap.finalize(finaldirv);
	
	// hack
	glow.dom.get("div.vepin#taj_mahal_hotel").parent().parent().css("z-index", "1001");
	
	
}

})();