var uid = new Date().getTime();
var helloWorld = "<table cellpadding=0 cellspacing=0 width=350 height=190 border=0><tr><td width=350><span class=\"title\">EXPLORE THE 16 BLOCKS<br>Click on the icons to watch video<br>from the film. </span><br><br><span class=\"text\">Use the time line below to follow Jack as he <br>tries to get Eddie to the courthouse.<br><br>All he wanted to do was go home and get a drink…<br>  But at 8:02 a.m., hungover NYPD detective Jack <br>Mosley is assigned a seemingly simple task, <br>escort petty criminal Eddie Bunker  to the <br>courthouse, 16 blocks away.</span></td></tr><tr><td><iframe src='/16blocks/video.html?section=intro&uid=" + uid + "' width=1 height=1 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent' name='frameContent'></iframe></td></tr></table>";
var map = null;


var type =null;
function closeFrame(arrayIndex) {
	document.getElementById('frameContent').src = '/16blocks/blank.html';
	map.closeInfoWindow();
	blocksTest(arrayIndex);
}

function closeWin() {
	frames["frameContent"].closePopup();
}

function blocksTest(arrayIndex) {
	
	function createIcon(iconName, iconPath, iconWidth, iconHeight, anchorX, anchorY) {
		eval(iconName).image = iconPath;
		eval(iconName).iconSize = new GSize(iconWidth, iconHeight);
		eval(iconName).iconAnchor = new GPoint(anchorX, anchorY);
		eval(iconName).infoWindowAnchor = new GPoint(5, 1);
	}
	
	//window.alert(mosPoint);
	function createMarkers(point, icon, html) {
		var marker = new GMarker(point, icon);
		GEvent.addListener(marker, 'click', function () {
			marker.openInfoWindowHtml(html);
		});
		return marker;
	}
	
	//function 
	 
	
	
	function placeMarkers(arrayIndex) {
		map.clearOverlays();
		map.addOverlay(courtMarker);
		if (arrayIndex == 1) {
			map.openInfoWindowHtml(new GPoint(-73.9972972869873, 40.71636291238809), (helloWorld));
			map.addOverlay(brucestartMarker);
		} else if (arrayIndex == 2) { //Make a Hole - cop car?
			map.setMapType(type);
			map.openInfoWindowHtml(mos1, ("<iframe src='/16blocks/video.html?section=make_hole&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			//map.centerAndZoom(mos1, 1);
			map.closeInfoWindow();
		} else if (arrayIndex == 7) { //Liquor Store - bottles?
			map.openInfoWindowHtml(mos6, ("<iframe src='/16blocks/video.html?section=liquor_store&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			//map.centerAndZoom(mos6, 1);
		} else if (arrayIndex == 8) { //Russian hit - gun?
		map.openInfoWindowHtml(mos7, ("<iframe src='/16blocks/video.html?section=russian_hit&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			//map.centerAndZoom(mos7, 1);
		} else if (arrayIndex == 11) { // at bar - cocktail?
			map.openInfoWindowHtml(mos10, ("<iframe src='/16blocks/video.html?section=ej_bar&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			//map.centerAndZoom(mos10, 1);
		} else if (arrayIndex == 13) { //cops talk st. - bad cop
			map.openInfoWindowHtml(mos12, ("<iframe src='/16blocks/video.html?section=cops_talk&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
		//map.centerAndZoom(mos12, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
		} else if (arrayIndex == 16) { //E&J talk in street - ???
		map.openInfoWindowHtml(mos15, ("<iframe src='/16blocks/video.html?section=ej_street_talk&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
		//map.centerAndZoom(mos15, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
			map.addOverlay(runMarker1);
		} else if (arrayIndex == 17) { //EJ sister apt - house
			map.openInfoWindowHtml(mos16, ("<iframe src='/16blocks/video.html?section=ej_sister_apt&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			//map.centerAndZoom(mos16, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
			map.addOverlay(runMarker1);
			map.addOverlay(mosMarker1);
		} else if (arrayIndex == 19) { //EJ on street - ??? run icon?
		map.openInfoWindowHtml(mos18, ("<iframe src='/16blocks/video.html?section=ej_street&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			//map.centerAndZoom(mos18, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
			map.addOverlay(runMarker1);
			map.addOverlay(mosMarker1);
			map.addOverlay(runMarker2);
		} else if (arrayIndex == 21) {
			map.openInfoWindowHtml(mos20, ("<iframe src='/16blocks/video.html?section=basement_shooting&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			//map.centerAndZoom(mos20, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
			map.addOverlay(runMarker1);
			map.addOverlay(mosMarker1);
			map.addOverlay(mosMarker2);
			map.addOverlay(runMarker2);
			map.addOverlay(morseMarker);
			map.addOverlay(bruceMarker);
		} else if (arrayIndex == 22) { //chinese apt - chinese icon
			map.openInfoWindowHtml(mos21, ("<iframe src='/16blocks/video.html?section=chinese_apt&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			//map.centerAndZoom(mos21, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
			map.addOverlay(runMarker1);
			map.addOverlay(mosMarker1);
			map.addOverlay(mosMarker2);
			map.addOverlay(runMarker2);
			map.addOverlay(morseMarker);
			map.addOverlay(bruceMarker);
		} else if (arrayIndex == 23) { //after subway - bus icon
		map.openInfoWindowHtml(mos22, ("<iframe src='/16blocks/video.html?section=after_subway&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			//map.centerAndZoom(mos22, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
			map.addOverlay(runMarker1);
			map.addOverlay(mosMarker1);
			map.addOverlay(mosMarker2);
			map.addOverlay(runMarker2);
			map.addOverlay(morseMarker);
			map.addOverlay(bruceMarker);
			map.addOverlay(runMarker3);
		} else if (arrayIndex == 24) { //hostage speech - icon???
			map.openInfoWindowHtml(mos23, ("<iframe src='/16blocks/video.html?section=hostage_speech&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			//map.centerAndZoom(mos23, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
			map.addOverlay(runMarker1);
			map.addOverlay(mosMarker1);
			map.addOverlay(mosMarker2);
			map.addOverlay(runMarker2);
			map.addOverlay(morseMarker);
			map.addOverlay(bruceMarker);
			map.addOverlay(runMarker3);
	
			map.addOverlay(busMarker);
		}  else if (arrayIndex == 25) {
			map.openInfoWindowHtml(mos24, ("<iframe src='/16blocks/video.html?section=end_montage&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>"));
			//map.centerAndZoom(mos24, 1);
			map.addOverlay(startMarker);
			map.addOverlay(copcarMarker);
			map.addOverlay(liquorMarker);
			map.addOverlay(gunMarker);
			map.addOverlay(barMarker);
			map.addOverlay(badgeMarker);
			map.addOverlay(runMarker1);
			map.addOverlay(mosMarker1);
			map.addOverlay(mosMarker2);
			map.addOverlay(runMarker2);
			map.addOverlay(morseMarker);
			map.addOverlay(bruceMarker);
			map.addOverlay(runMarker3);
	
			map.addOverlay(busMarker);
		}
	}
	
	if (!map)
		map = new GMap(document.getElementById("map"));
		
	
	GEvent.addListener(map, 'maptypechanged', function () {
		type = map.getCurrentMapType();
	});
	if (!type) {
		type = _SATELLITE_TYPE;
	}
	map.addControl(new GSmallMapControl());
	map.addControl(new GMapTypeControl());
	//types of maps are G_MAP_TYPE, G_HYBRID_TYPE, or G_SATELLITE_TYPE
	map.setMapType(type);
	map.centerAndZoom(new GPoint(-73.9972, 40.7163), 1);
	GEvent.addListener(map, 'infowindowclose', closeWin);
	
	
	var mos0 = new GPoint(-73.9972972869873, 40.71636291238809); //video
	var mos1 = new GPoint(-73.99779081344604, 40.71681829726614); //video
	var mos2 = new GPoint(-73.99858474731445, 40.717127306659364);
	var mos3 = new GPoint(-73.99791955947876, 40.71816816985207);
	var mos4 = new GPoint(-73.99940013885498, 40.718639805628364);
	var mos5 = new GPoint(-73.99924993515015, 40.71891628021957);
	var mos6 = new GPoint(-74.00006532669067, 40.71937164763133); //video
	var mos7 = new GPoint(-74.00006532669067, 40.71937164763133); //video //duplicate  
	var mos8 = new GPoint(-73.99761915206909, 40.72233145987863);
	var mos9 = new GPoint(-73.9962887763977, 40.72192490005984);
	var mos10 = new GPoint(-73.99791955947876, 40.7183958565061); //video
	var mos11 = new GPoint(-73.99813413619995, 40.718574752616504);
	var mos12 = new GPoint(-73.99759769439697, 40.719566804139944); //video
	var mos13 = new GPoint(-74.00034427642822, 40.72094914636279);
	var mos14 = new GPoint(-74.00000095367432, 40.720965409041604);
	var mos15 = new GPoint(-73.9989709854126, 40.722120049082775); //video
	var mos16 = new GPoint(-73.99789810180664, 40.72176227543698); //video
	var mos17 = new GPoint(-73.99420738220215, 40.72049378974239);
	var mos18 = new GPoint(-73.99491548538208, 40.71865606887139); //video
	var mos19 = new GPoint(-73.9954948425293, 40.71759894980997);
	var mos20 = new GPoint(-73.99618148803711, 40.71652555020213); //video
	var mos21 = new GPoint(-74.00012969970703, 40.718639805628364); //video
	var mos22 = new GPoint(-74.00012969970703, 40.718639805628364); //video //duplicate  
	var mos23 = new GPoint(-74.00103092193604, 40.71792421900144); //video
	var mos24 = new GPoint(-74.00313377380371, 40.71382571104452); //video - courthouse
	
	var brucestartPoint = mos0;
	var startPoint = mos0;
	var copcarPoint = mos1;
	var liquorPoint = mos6;
	var gunPoint = mos7;
	var barPoint = mos10;
	var badgePoint = mos12;
	var run1Point = mos15;
	var mos1Point = mos16;
	var run2Point = mos18;
	var morsePoint = mos20;
	var brucePoint = mos20;
	var mos2Point = mos21;
	var run3Point = mos22;
	var busPoint = mos23;
	var courtPoint = mos24;
	
	var mosArray = new Array(mos0, mos1, mos2, mos3, mos4, mos5, mos6, mos7, mos8, mos9, mos10, mos11, mos12, mos13, mos14, mos15, mos16, mos17, mos18, mos19, mos20, mos21, mos22, mos23);
	
	var startIcon = new GIcon();
	var bruceIcon = new GIcon();
	var brucestartIcon = new GIcon();
	var mos1Icon = new GIcon();
	var mos2Icon = new GIcon();
	var courtIcon = new GIcon();
	var badgeIcon = new GIcon();
	var gunIcon = new GIcon();
	var handcuffIcon = new GIcon();
	var houseIcon = new GIcon();
	var liquorIcon = new GIcon();
	var morseIcon = new GIcon();
	var run1Icon = new GIcon();
	var run2Icon = new GIcon();
	var run3Icon = new GIcon();
	var barIcon = new GIcon();
	var busIcon = new GIcon();
	var chinatownIcon = new GIcon();
	var copcarIcon = new GIcon();
	
	createIcon("startIcon", "/16blocks/img/the16blocks/icon_copShield.png", 30, 30, 1, 1);
	createIcon("brucestartIcon", "/16blocks/img/the16blocks/bruce.png", 30, 30, -0, 0);
	createIcon("copcarIcon", "/16blocks/img/the16blocks/icon_copCar.png", 30, 30, 30,-5);
	createIcon("liquorIcon", "/16blocks/img/the16blocks/icon_liquor.png", 30, 30, 30,20);
	createIcon("gunIcon", "/16blocks/img/the16blocks/icon_gun.png", 30, 30, -15,20);
	createIcon("barIcon", "/16blocks/img/the16blocks/icon_bar.png", 30, 30, -5,10);
	createIcon("badgeIcon", "/16blocks/img/the16blocks/icon_copShield.png", 30, 30, 30,10);
	createIcon("run1Icon", "/16blocks/img/the16blocks/icon_run.png", 30, 30, 13,30);
	createIcon("mos1Icon", "/16blocks/img/the16blocks/mos.png", 30, 30, 1,1);
	createIcon("run2Icon", "/16blocks/img/the16blocks/icon_run.png", 30, 30, -10,1);
	createIcon("morseIcon", "/16blocks/img/the16blocks/icon_morse.png", 30, 30, 25,0);
	createIcon("bruceIcon", "/16blocks/img/the16blocks/bruce.png", 30, 30, -7, 0);
	createIcon("mos2Icon", "/16blocks/img/the16blocks/mos.png", 30, 30, 12,27);
	createIcon("run3Icon", "/16blocks/img/the16blocks/icon_run.png", 30, 30, 10,-10);
	createIcon("busIcon", "/16blocks/img/the16blocks/icon_bus.png", 30, 30, 30,1);
	createIcon("courtIcon", "/16blocks/img/the16blocks/icon_court.png", 30, 30, 1,1);
	
	var brucestartMarker = createMarkers(brucestartPoint, brucestartIcon, helloWorld);
	var startMarker = createMarkers(startPoint, startIcon, helloWorld);
	
	var copcarMarker = createMarkers(copcarPoint, copcarIcon, "<iframe src='/16blocks/video.html?section=make_hole&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var liquorMarker = createMarkers(liquorPoint, liquorIcon, "<iframe src='/16blocks/video.html?section=liquor_store&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var gunMarker = createMarkers(gunPoint, gunIcon, "<iframe src='/16blocks/video.html?section=russian_hit&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no  id='frameContent'></iframe>");
	var barMarker = createMarkers(barPoint, barIcon, "<iframe src='/16blocks/video.html?section=ej_bar&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var badgeMarker = createMarkers(badgePoint, badgeIcon, "<iframe src='/16blocks/video.html?section=cops_talk&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var runMarker1 = createMarkers(run1Point, run1Icon, "<iframe src='/16blocks/video.html?section=ej_street_talk&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var mosMarker1 = createMarkers(mos1Point, mos1Icon, "<iframe src='/16blocks/video.html?section=ej_sister_apt&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var runMarker2 = createMarkers(run2Point, run2Icon, "<iframe src='/16blocks/video.html?section=ej_street&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var morseMarker = createMarkers(morsePoint, morseIcon, "<iframe src='/16blocks/video.html?section=basement_shooting&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var bruceMarker = createMarkers(brucePoint, bruceIcon, "<iframe src='/16blocks/video.html?section=bad_cop_basement&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var mosMarker2 = createMarkers(mos2Point, mos2Icon, "<iframe src='/16blocks/video.html?section=chinese_apt&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var runMarker3 = createMarkers(run3Point, run3Icon, "<iframe src='/16blocks/video.html?section=after_subway&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var busMarker = createMarkers(busPoint, busIcon, "<iframe src='/16blocks/video.html?section=hostage_speech&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	var courtMarker = createMarkers(courtPoint, courtIcon, "<br><iframe src='/16blocks/video.html?section=end_montage&uid=" + uid + "' width=320 height=190 align=center frameborder=0 hspace=0 vspace=0 scrolling=no id='frameContent'></iframe>");
	
	placeMarkers(arrayIndex);
	
	var polylineMos = new GPolyline((mosArray.slice(0, arrayIndex)), "#ff0000", 4);
	map.addOverlay(polylineMos);
}