// JavaScript Document
function open_infowindow(i,level){
 // map.centerAndZoom(p[i], map.getZoomLevel());

 
 
 var latlng = my_marker[i].getLatLng();
 var dropman = '<div class="dropman"><a href="#" onClick="dropguy('+latlng+');">Take a walking tour</a></div><br>Drag the little guy to where you\'d like to look<br>then click him to open the window.<br><a href="#" onClick="toggleOverlay();">Click here to see which areas of the map have a steet view available.</a>';

var label1 = 'Station Info';
var	label2 = 'Buy';
var	label3 = 'Rent';

my_marker[i].openInfoWindowTabsHtml([new GInfoWindowTab(label1,inner_html[i]), new GInfoWindowTab(label2,inner_html2[i]), new GInfoWindowTab(label3,inner_html3[i])]);
 
 clientsview = new GStreetviewClient();
 panoramastation = new GStreetviewPanorama(document.getElementById("panoStation"));
 panoramastation.setLocationAndPOV(my_marker[i].getLatLng(), {yaw: currentYaw, pitch: currentPitch, zoom: currentZoom});

tb_init('a.thickbox, area.thickbox, input.thickbox');
  //my_marker[i].openInfoWindowHtml(inner_html[i]);
}

function open_infowindow_caller(i,level) {
  return function () { 
    open_infowindow(i,level);
  };
}


var GLOBALbluemarkers=[];
var GLOBALredmarkers=[];
var GLOBALpurplemarkers=[];
var GLOBALgreenmarkers=[];
var GLOBALpinkmarkers=[];
var GLOBALyellowmarkers=[];
var GLOBALorangemarkers=[];
var GLOBALbrownmarkers=[];

var GLOBALbluelines=[];
var GLOBALredlines=[];
var GLOBALpurplelines=[];
var GLOBALgreenlines=[];
var GLOBALpinklines=[];
var GLOBALyellowlines=[];
var GLOBALorangelines=[];
var GLOBALbrownlines=[];


function draw_pointsCTA(line_color,hex){
  var request = GXmlHttp.create();
  
  var xmlFile = "points_"+line_color.toLowerCase()+".xml";
  request.open("GET", xmlFile, true);

  request.onreadystatechange = function () {
    if (request.readyState == 4) {
      var train_line = [],
          xmlDoc = request.responseXML,
          point_element = xmlDoc.getElementsByTagName("point");

      for (var i = 0; i < point_element.length; ++i) { 
        train_line.push(new GPoint(
        point_element[i].getAttribute("lng"),point_element[i].getAttribute("lat")));
      }

      //map.addOverlay(new GPolyline(train_line,"#000000",6,0));
      //map.addOverlay(new GPolyline(train_line,hex,2,1));
	  var polyline = new GPolyline(train_line,hex,2,1);
	  
	  switch(line_color) {
						case "Ye":
							GLOBALyellowlines.push(polyline);
						break;
						case "Re":
							GLOBALredlines.push(polyline);
						break;
						case "Pu":
							GLOBALpurplelines.push(polyline);
						break;
						case "Or":
							GLOBALorangelines.push(polyline);
						break;
						case "Gr":
							GLOBALgreenlines.push(polyline);
						break;
						case "Br":
							GLOBALbrownlines.push(polyline);
						break;
						case "Pi":
							GLOBALpinklines.push(polyline);
						break;
						case "Bl":
							GLOBALbluelines.push(polyline);
						break;
						default:
							GLOBALctalines.push(polyline);
						}
		map.addOverlay(polyline);
	  
	  
	  
    }
  }

  request.send(null);
}



function cta(line_color,hex){
	var window_location = unescape(window.location);
	var selected_line = window_location.substr(window_location.indexOf("#"), window_location.length);
	
	if(line_color == "A"){
		switch(selected_line) {
			case "#blue":
				line_color = "Bl";
				hex = "#0000ff";
				break;
			case "#pink":
				line_color = "Pi";
				hex = "#ff33ff";
				break;
			case "#brown":
				line_color = "Br";
				hex = "#cca166";
				break;
			case "#green":
				line_color = "Gr";
				hex = "#00ff00";
				break;
			case "#orange":
				line_color = "Or";
				hex = "#ffcc00";
				break;
			case "#purple":
				line_color = "Pu";
				hex = "#cc00cc";
				break;
			case "#red":
				line_color = "Re";
				hex = "#ff0000";
				break;
			case "#yellow":
				line_color = "Ye";
				hex = "#f2f261";
				break;
			default:
				line_color = "A";
		}
	}
	
	//map.clearOverlays();
	var html = "";
	
	var request = GXmlHttp.create();
	request.open("GET", "cta_pink.xml", true);
	request.onreadystatechange = function() {
		if (request.readyState == 4) {
			var xmlDoc = request.responseXML;
			var marker_elements = xmlDoc.getElementsByTagName("station");
			p = new Array(marker_elements.length);
			my_marker = new Array(marker_elements.length);
			inner_html = new Array(marker_elements.length);
			inner_html2 = new Array(marker_elements.length);
			inner_html3 = new Array(marker_elements.length);
			for (var i = 0; i < marker_elements.length; ++i) {
				var name = marker_elements[i].firstChild.nodeValue;
				var street = marker_elements[i].getAttribute("street");
				var city = marker_elements[i].getAttribute("city");
				var state = marker_elements[i].getAttribute("state");
				var zip = marker_elements[i].getAttribute("zip");
				var lng = marker_elements[i].getAttribute("lng");
				var lat = marker_elements[i].getAttribute("lat");
				var line = marker_elements[i].getAttribute("line");
				var file = marker_elements[i].getAttribute("file");
				var make_point = false;
				
				if(line_color != 'A') {
					show_address = false;
				} else {
					show_address = true;
				}
				
				if(!file) { 
					file = name;
				}
				
				var custom_icon = new GIcon(icon);
				var temp = "Lines/Schedule:";
				var transfer = " [Transfer to:";

				if(line.indexOf("Bl") >= 0) {
					temp += "&nbsp;<a href=\"" + cta_website + "/blue/" + file + ".pdf\" target=_new title=\"Click to get a PDF schedule for this station line\"><strong class=\"blue\">Blue</strong></a>,";
					if(line_color != "Bl") {
						transfer += " <span class=\"blue\">Blue</span>,";
					}
				}
				if(line.indexOf("Br") >= 0) {
					temp += "&nbsp;<a href=\"" + cta_website + "/brown/" + file + ".pdf\" target=_new title=\"Click to get a PDF schedule for this station line\"><strong class=\"brown\">Brown</strong></a>,";
					if(line_color != "Br") {
						transfer += " <span class=\"brown\">Brown</span>,";
					}
				}
				if(line.indexOf("Gr") >= 0) {
					temp += "&nbsp;<a href=\"" + cta_website + "/green/" + file + ".pdf\" target=_new title=\"Click to get a PDF schedule for this station line\"><strong class=\"green\">Green</strong></a>,";
					if(line_color != "Gr") {
						transfer += " <span class=\"green\">Green</span>,";
					}
				}
				if(line.indexOf("Or") >= 0) {
					temp += "&nbsp;<a href=\"" + cta_website + "/orange/" + file + ".pdf\" target=_new title=\"Click to get a PDF schedule for this station line\"><strong class=\"orange\">Orange</strong></a>,";
					if(line_color != "Or") {
						transfer += " <span class=\"orange\">Orange</span>,";
					}
				}
				if(line.indexOf("Pu") >= 0) {
					temp += "&nbsp;<a href=\"" + cta_website + "/purple/" + file + ".pdf\" target=_new title=\"Click to get a PDF schedule for this station line\"><strong class=\"purple\">Purple</strong></a>,";
					if(line_color != "Pu") {
						transfer += " <span class=\"purple\">Purple</span>,";
					}
				}
				if(line.indexOf("Re") >= 0) {
					temp += "&nbsp;<a href=\"" + cta_website + "/red/" + file + ".pdf\" target=_new title=\"Click to get a PDF schedule for this station line\"><strong class=\"red\">Red</strong></a>,";
					if(line_color != "Re") {
						transfer += " <span class=\"red\">Red</span>,";
					}
				}
				if(line.indexOf("Ye") >= 0) {
					temp += "&nbsp;<a href=\"" + cta_website + "/yellow/" + file + ".pdf\" target=_new title=\"Click to get a PDF schedule for this station line\"><strong class=\"yellow\">Yellow</strong></a>,";
					if(line_color != "Ye") {
						transfer += " <span class=\"yellow\">Yellow</span>,";
					}
				}
				if(line.indexOf("Pi") >= 0) {
					temp += "&nbsp;<a href=\"" + cta_website + "/pink/" + file + ".pdf\" target=_new title=\"Click to get a PDF schedule for this station line\"><strong class=\"pink\">Pink</strong></a>,";
					if(line_color != "Pi") {
						transfer += " <span class=\"pink\">Pink</span>,";
					}
				}
 				var stid = name.charAt(0); 
				if (stid == '1' || stid == '2' || stid == '3' || stid == '4' || stid == '5' || stid == '6' || stid == '7' || stid == '8' || stid == '9' || stid == '0'){
				stid = 'XX';
				}
				
				
				
				var cta_website = "http://www.transitchicago.com/maps/rail";

				if(line == "Bl" && ((line_color == "Bl" || show_address)) || (line_color == "Bl" && line.indexOf(line_color) >= 0)) {
					//custom_icon.image = "images/mm_12_circle_blue.png";
					to_show = "blue";
					//custom_icon.image = "markers/colored/"+to_show+"_Marker"+stid+".png";
					make_point = true;
				} else if((line == "Pi" && (line_color == "Pi" || show_address)) || (line_color == "Pi" && line.indexOf(line_color) >= 0)) {
					//custom_icon.image = "images/mm_12_circle_pink.png";
					to_show = "pink";
					custom_icon.image = "http://www.digitalchicago.com/homes/markers/colored/"+to_show+"_Marker"+stid+".png";
					make_point = true;
				} else if((line == "Br" && (line_color == "Br" || show_address)) || (line_color == "Br" && line.indexOf(line_color) >= 0)) {
					//custom_icon.image = "images/mm_12_circle_brown.png";
					to_show = "brown";
					//custom_icon.image = "markers/colored/"+to_show+"_Marker"+stid+".png";
					make_point = true;
				} else if((line == "Gr" && (line_color == "Gr" || show_address)) || (line_color == "Gr" && line.indexOf(line_color) >= 0)) {
					//custom_icon.image = "images/mm_12_circle_green.png";
					to_show = "green";
					//custom_icon.image = "markers/colored/"+to_show+"_Marker"+stid+".png";
					make_point = true;
				} else if((line == "Or" && (line_color == "Or" || show_address)) || (line_color == "Or" && line.indexOf(line_color) >= 0)) {
					//custom_icon.image = "images/mm_12_circle_orange.png";
					to_show = "orange";
					//custom_icon.image = "markers/colored/"+to_show+"_Marker"+stid+".png";
					make_point = true;
				} else if((line == "Pu" && (line_color == "Pu" || show_address)) || (line_color == "Pu" && line.indexOf(line_color) >= 0)) {
					//custom_icon.image = "images/mm_12_circle_purple.png";
					to_show = "purple";
					//custom_icon.image = "markers/colored/"+to_show+"_Marker"+stid+".png";
					make_point = true;
				} else if(line == "Re" && ((line_color == "Re" || show_address)) || (line_color == "Re" && line.indexOf(line_color) >= 0)) {
					//custom_icon.image = "images/mm_12_circle_red.png";
					to_show = "red";
					//custom_icon.image = "markers/colored/"+to_show+"_Marker"+stid+".png";
					make_point = true;
				} else if(line == "Ye" && ((line_color == "Ye" || show_address)) || (line_color == "Ye" && line.indexOf(line_color) >= 0)) {
					//custom_icon.image = "images/mm_12_circle_yellow.png";
					to_show = "yellow";
					make_point = true;
				} else if(show_address) {
					//custom_icon.image = "images/mm_12_circle_white.png";
					to_show = "black";
					make_point = true;
				}
				
				custom_icon.image = "http://www.digitalchicago.com/homes/markers/colored/"+to_show+"_Marker"+stid+".png";
				

				temp = temp.slice(0, -1);
				transfer = transfer.slice(0, -1) + "]"
				
				if(make_point) {
					p[i] = new GPoint(lng,lat);
					my_marker[i] = new GMarker(p[i],{title:name,icon:custom_icon});
					switch(line_color) {
						case "Ye":
							GLOBALyellowmarkers.push(my_marker[i]);
							var submenudiv = '#subyellow';
						break;
						case "Re":
							GLOBALredmarkers.push(my_marker[i]);
							var submenudiv = '#subred';
						break;
						case "Pu":
							GLOBALpurplemarkers.push(my_marker[i]);
							var submenudiv = '#subpurple';
						break;
						case "Or":
							GLOBALorangemarkers.push(my_marker[i]);
							var submenudiv = '#suborange';
						break;
						case "Gr":
							GLOBALgreenmarkers.push(my_marker[i]);
							var submenudiv = '#subgreen';
						break;
						case "Br":
							GLOBALbrownmarkers.push(my_marker[i]);
							var submenudiv = '#subbrown';
						break;
						case "Pi":
							GLOBALpinkmarkers.push(my_marker[i]);
							var submenudiv = '#subpink';
						break;
						case "Bl":
							GLOBALbluemarkers.push(my_marker[i]);
							var submenudiv = '#subblue';
						break;
						default:
							GLOBALctamarkers.push(marker);
						}
					
					
					//inner_html[i] = "<div><h2>" + name + "</h2>" + street + "<br />" + city + ", " + state + " " + zip + "<br />" + temp + "<p style=\"width:235px;\"><form name=\"tastypopsicle\">" + "<select name=\"local\" onchange=\"google_local(this.value,'" + street + " " + zip + "');\" id=\"selector\"><option value=\"\">Find near this station:</option><option value=\"Bar\">Bar</option><option value=\"Chinese Restaurant\">Chinese Restaurant</option><option value=\"Coffee\">Coffee Shop</option><option value=\"Free WiFi\">Free WiFi</option><option value=\"Hotel\">Hotel</option><option value=\"Pizza\">Pizza</option><option value=\"Thrift\">Thrift Stores</option><option value=\"Wine or Spirits\">Wine and Spirits</option><option value=\"other\" style=\"font-weight:bold\">&#187; Choose our own adventure</option></select><div id=\"inputor\" style=\"display:none;\"><input name=\"local_input\" type=\"text\" value=\"Choose your own adventure...\" onfocus=\"choose_your_adventure(this);\" style=\"color:#888;width:180px;\">&nbsp;<input type=\"button\" value=\"GO!\" onclick=\"google_local(document.tastypopsicle.local_input.value,'" + street + " " + city + ", " + state + " " + zip + "');\" /></div></form></p></div>";
					
					
					var lat1 = '<input type="hidden" value="'+lat+'" name="qCenterPointLatitude">';
					var lng1 = '<input type="hidden" value="'+lng+'" name="qCenterPointLongitude">';
					var radidesc = '<div class="radiholder">'+mapradi+' of '+name+' Station</div>';
					var craigslistrent = '<div class="craigslistlink"><a href="http://chicago.craigslist.org/search/apa?query='+name+'&srchType=T&minAsk=min&maxAsk=max&bedrooms?KeepThis=true&TB_iframe=true&height=400&amp;width=800"" class="thickbox">Check for '+name+' listings on Craigslist</a></div>';
					var sublinks = '<a href="#" onClick="open_infowindow('+i+',6)">'+name+'</a>';
					
					$(submenudiv).append(sublinks);
					
					inner_html[i] = "<div><h2>" + name + "</h2>" + street + city + ", " + state + " " + zip + "<br />" + temp + "</div><div id='panoStation' style='width:315px; height:210px; margin-top:10px; border:2px solid #ccc;'></div>";
					inner_html2[i] = "<div><h2>" + name + "</h2>"+fselltop + radidesc + lat1 + lng1 + fsellbottom + fend +"</div>";
					inner_html3[i] = "<div><h2>" + name + "</h2>"+frenttop + radidesc + lat1 + lng1 + frentbottom + craigslistrent + fend +"</div>";

					GEvent.addListener(my_marker[i],'click',open_infowindow_caller(i,'6'));
					map.addOverlay(my_marker[i]);
					var link = "<a href=\"javascript:open_infowindow(" + i + ",6)\">";
					html += "<li>" + link + "<strong class=\"" + to_show + "\">" + name + "</strong></a>";
					
					if(line.length == 2) {
						transfer = "";
					}
					html += transfer + "</li>";
				}
			}
			//panel.innerHTML = "<ul>" + html + "</ul>";
		}
	}
	
	if(line_color != 'A') {
		draw_pointsCTA(line_color,hex);
	} else {
		draw_points("Bl","#0000ff");
		draw_points("Pi","#ff33ff");
		draw_points("Br","#cca166");
		draw_points("Gr","#00ff00");
		draw_points("Or","#ffcc00");
		draw_points("Pu","#cc00cc");
		draw_points("Re","#ff0000");
		draw_points("Ye","#f2f261");
	}
	request.send(null);
}