$(document).ready(function(){
	initialize();
});
function showTooltip(tip) {
	GEvent.trigger(places[tip], 'mouseover');
}
function hideTooltip(tip) {
	GEvent.trigger(places[tip], 'mouseout');
}
function initialize() {
	if (GBrowserIsCompatible()) {
		
		var map = new GMap2(document.getElementById("map_canvas"));
		map.setCenter(new GLatLng(26.05, -80.275), 11);
		map.setUIToDefault();
		map.disableScrollWheelZoom();
		
	
		
		function createArea(enc, lev, bg, label, url) {
			area = new GPolygon.fromEncoded({
				polylines: [{
					points: enc,
					zoomFactor: 32,
					levels: lev,
					numLevels: 4,
					color: bg,
					opacity: ".6",
					weight: 2
				}],
				color: bg,
				fill: "1",
				opacity: ".3",
				outline: true
			});

			var tooltip = new Tooltip(area, label, 0, true);
			GEvent.addListener(area, "mouseover", function() { this.setFillStyle({opacity: ".6"}); this.tooltip.show(); });
			GEvent.addListener(area, "mouseout", function() { this.setFillStyle({opacity: ".3"}); this.tooltip.hide(); });
			GEvent.addListener(area, "click", function() { window.location = url });
			area.tooltip = tooltip; 
			map.addOverlay(tooltip);
			map.addOverlay(area);

			return area;
		}

		var color1 = '#d6c511'; // yellow
		var color2 = '#1bd611'; // green
		var color3 = '#1173d6'; // blue
		var color4 = '#bf222d'; // red
		var color5 = '#fb01b1'; // hot purple
		var color6 = '#005c0d'; // shade of green
		var color7 = '#01e6fb'; // another shade of green
		var color8 = '#e5a803'; // another shade of green


		// Defined as: areas('id', 'points_encoding', 'B_levels', 'colors', 'tooltip', 'link_url')
		var areas = new Array(
			new Array('weston', 'usq~Cpb_jNhbFse@xgH?uFehNmaKfC_aCpjO', 'BBBBBB', color6, 'Weston', '/weston/'),

			new Array('davie', 'uqm~C~vniNj`KgCyAm~RrqBsG?se@vxAmT{sAqnB{CslCwmBpGabCen@k~Fdk^', 'BBBBBBBBBBB', color2, 'Davie', '/Davie/'),

			new Array('cooper', 'g|z}C`beiN{vE?{BeeIj{BiC?or@p{AqGxApeK', 'BBBBBBB', color5, 'Cooper', '/CooperCity/'),

			new Array('sw', 'kxz}Cbm~iNscEhCcUyeXvyE{K?trX', 'BBBBB', color8, 'Southwest Ranches', '/SouthwestRanches/'),

			new Array('pines', 'yts}Ctf~iN_dFpGoLibh@ziCmE{BauBjaBlnAbHxfi@', 'BBBBBBB', color7, 'Pembroke Pines', '/PembrokePines/'),

			new Array('miramar', 'srl}C|{}iN_gFlEeFkvl@jiCcA`KlfPzsA?zBrj[', 'BBBBBBB', color4, 'Miramar', '/Miramar/'),

			new Array('dania', 'it{}CnjbhN_zDfBxCdrDua@tIxCzeG`bCbAsHy}In|AiC{A_fB', 'BBBBBBB', color4, 'Dania Beach', '/DaniaBeach/'),

			new Array('beach', 'i{o}CnihhNemChCgG{qHvmCzKtFt`H', 'BBBBB', color2, 'Hallandale Beach', '/HallandaleBeach/'),

			new Array('hollywood', 'sgt}CbtshNuwAucA|@dwBmhChCjCxcBq{A_fBkNgfOduA?k@q_BebJpGgDylDfpQ|x@bIn|S', 'BBBBBBBBBBBBB', color3, 'Hollywood', '/Hollywood/')
		);
		

		places = new Array();
		for(i=0; i<areas.length; i++) {
			places[areas[i][0]] = createArea(areas[i][1], areas[i][2], areas[i][3], areas[i][4], areas[i][5]);
		}
	}
}