var gSchool = null;
var icon_city = null;
var icon_city_red = null;
var gMap = null;
function onload_schools() {
	
	
	     if (gMap!= null){
			 gMap.checkResize();
			 return;
		 } 
		 icon_city = new GIcon();
		 icon_city.iconSize = new GSize(20, 34);
		 icon_city.iconAnchor = new GPoint(20, 34);
		 icon_city.infoWindowAnchor = new GPoint(12, 2);
		 icon_city.image = "http://www.fizber.com/static/images/fizber_pointer.png";
		 
		 icon_city_red = new GIcon();
		 icon_city_red.iconSize = new GSize(20, 34);
		 icon_city_red.iconAnchor = new GPoint(20, 34);
		 icon_city_red.infoWindowAnchor = new GPoint(12, 2);
		 icon_city_red.image = "http://www.fizber.com/static/images/fizber_pointer_red.png";

         gMap = new GMap(document.getElementById("google_schools"));
         gMap.addControl(new GLargeMapControl());
         gMap.addControl(new GMapTypeControl());
         geocoder = new GClientGeocoder();
		 if (state){
		   		if (state["iscoord"] == 1){
		           var point = new GLatLng(state["lat"],state["lng"]);
				   gMap.setCenter(point, 6);
				}
				else
				     gMap.setCenter(new GLatLng(37.4419, -105.1419), 3);
		 }
		 else {
         gMap.setCenter(new GLatLng(37.4419, -105.1419), 3);
		 }
		 window.setTimeout(fff,1);
		 
 }

function fff(){
 		 viewCities(cities_top,icon_city);
		 viewCities(cities_lower,icon_city_red);
}
 
function viewCities(objs, ic){
    if (!objs) 
	    return;
	for (var i=0; i<objs.length; i++){
		markerCity(objs[i],ic);
	}
} 
 

function markerCity(obj,icon){
		if (obj["iscoord"] == 1){
		   var point = new GLatLng(obj["lat"],
								  obj["lng"]);
		   var icon = new GIcon(icon);
		   var marker = new GMarker(point,icon);
		   var htmltext = "" + obj["city"] + " (" + obj["state"] + ")"
		   GEvent.addListener(marker, "click", function() {  marker.openInfoWindowHtml(htmltext); } );
           gMap.addOverlay(marker);
		}
	}

var schools = null;
function ajax_viewSchools(hash, mes){
       ///alert("tut2");	
	   if (mes=="error")
	       return;	   
	   var ht = ""
	   if (hash){
	       schools = hash["schools"];
	   }
	   viewSchools(hash, mes);
//	   viewSchoolsMap(schools);
}

function viewSchoolsMap(schools){
	     var c = schools.length;
		 for (var i=0; i<c; i++){
		    //alert(schools[i]["iscoord"]);
			//alert(schools[i]["lat"] + ":" +schools[i]["lng"]);
		 }
		 
	}

function markerSchool(school,i){
  if (school["iscoord"] == 1)
     var point = new GLatLng(school["lat"],
                              school["lng"]);
  else{
    //var 
      //marker["distance"] = "N/A"
      return null;
    }
  var icon = new GIcon(gSchool);
  var marker = new GMarker(point,icon);
  var htmltext = "<div style='width:260px' >" + school["school_dicr"] + "<br/>"
   htmltext += "<b>Address: </b>"
   htmltext += "&nbsp;" + school["street"] +  "<br/>"
   htmltext += "<b>City, State: </b>" + school["city"] + ' ' + school["state_code"] + "<br/>"
   htmltext += "<b>Students: </b>"
   htmltext += "&nbsp;" + school["total_students"] + "<br />"
   htmltext += "</div>"
   //////alert(htmltext);
  GEvent.addListener(marker, "click", function() {  marker.openInfoWindowHtml(htmltext); viewSchoolInfo(i)} );
   htmltext = '<div style="font:75% Verdana, Arial, Helvetica, sans-serif; color:#101010;">' + htmltext + '</div>'
   marker["cont"] = htmltext;
   if (point_house)
       marker["distance"] = distance2(point_house,point) + " Mi"
   else
       marker["distance"] = "N/A"
   return marker;
}

function view_response(data,hash,mess){

		 ////alert(hash.//alert);  

}

var schools = null;
function viewSchools(hash, mes){
       if (mes=="error")
	       return;	   
	   var ht = ""
	   
	   if (hash){
	     ht += "<b style='color:#3E7095;' > Schools in " + hash["loc"] + " </b><br />"
         ht +=  " <div style='width:355px; font-size:85%;margin-top:4px;'>"
		 ht +=  "   <div style='float:left;overflow:hidden;width:236px;height:16px;margin-top:3px;color:#3E7095;'> School Name </div>" 
		 ht +=  "   <div style='float:left;width:59px;color:#245D85;'> Distance </div>" 
		 ht +=  "   <div style='float:left;width:55px;color:#245D85;'> Students </div>"    
		 ht +=  "	</div>"
		 ht +=  "<div class='clear'> </div>"
	     if(!hash.state){
		   schools = hash["schools"];
		   //document.getElementById('ggmapiframe_tab_schools').contentWindow.schowSchools(schools);
		   
		   for (var i=0; i<hash["schools"].length; i++){
		      if (i%2!=0)
                ht +=  " <div style='width:355px; background:#EAF8FF;font-size:85%;padding: 1px 0; cursor:pointer; cursor:hand; '  onmouseout='{this.style.background=\"#EAF8FF\"}' onmouseover='{this.style.background=\"#ffc\"}'>"
		      else
			    ht +=  " <div style='width:355px;font-size:85%; cursor:pointer; cursor:hand; ' onmouseout='{this.style.background=\"#FFFFFF\"}' onmouseover='{this.style.background=\"#ffc\"}' >"
			  ht +=  "   <div style='float:left;overflow:hidden;width:245px;height:16px;padding: 1px 0;'> <span style='' onclick='document.getElementById(\"ggmapiframe_tab_schools\").contentWindow.viewSchoolInfo("+ i +");return false;'>" + hash["schools"][i]["school_dicr"] + "</span></div>" 
			  var marker = markerSchool(schools[i],i);
			  schools[i]["marker"] = marker;
			  if (marker){
			     gMap.addOverlay(marker);
  			     ht +=  "   <div style='float:left;width:55px;text-align:left;text-align:right;'>" + marker["distance"] +" </div>" 
			  }
			  else
 			     ht +=  "   <div style='float:left;width:55px;text-align:left;text-align:right;'>" + "N/A" +" </div>" 
			  ht +=  "   <div style='float:left;width:55px;text-align:left;text-align:right;'>" + hash["schools"][i]["total_students"] +" </div>" 
    		  ht +="<div class='clear'> </div>"
			  ht +=  "	</div>"
		  }
		}
		ht +="<div class='clear'> </div>"
        ht +="<div>&nbsp</div>"    
		
	 }
     viewSchoolInfo(0);
	 //alert(schools[0]["id"]);
	 parent.document.getElementById('schools_info').innerHTML = ht;
	 
   }	

function viewSchoolInfo(i){

   sh = schools[i];
   if (sh["marker"])
      sh["marker"].openInfoWindowHtml(sh["marker"]["cont"]);
   grade = schools[i]["grade"];
   ht = ""
    
   ht += "<table width='100%' class='tbl3' >"
   ht += "<th colspan='2'>" + schools[i]["school_dicr"] + "</th>"
   ht += "<tr><td align='right'>Address: </td>"
   ht += "<td>" + schools[i]["street"] +  "</td></tr>"
   ht += "<tr><td align='right'>City, State: </td><td>" + schools[i]["city"] + ' ' + schools[i]["state_code"] + "</td></tr>"
   ht += "<tr><td align='right'>Students: </td>"
   ht += "<td>" + schools[i]["total_students"] + "</td></tr>"
   ht += "<tr><td align='right'>Teachers: </td>"
   ht += "<td>" + schools[i]["teachers"] + "</td></tr>"
   ht += "<tr><td align='right'>Student/Teacher<br/> Ratio: </td>"
   ht += "<td>" + schools[i]["students_vs_teachers"] + "</td></tr>"
   if (grade){
      k = ['PK','KG','1','2','3','4','5','6','7','8','9','10','11','12'];
      k_len = k.length;
	  fr_ = "";
	  sc_ = "";
	  for (var jj=0; jj< k_len; jj++){
	     if (grade[k[jj]]){
		    if (!fr_)
			   fr_ = k[jj];
			sc_ = k[jj]; 
		 }
              		 
      }
	  ht += "<tr><td align='right'>Grade: </td><td> " + fr_ + "-" + sc_ + "</td></tr>"
   }
   ht += "</table>"
   ht += "<br />"
   ht_r = ""
   ht += ""  

   ht_gender = "<table width='360px;' class='tbl3' >"
   ht_gender +=  "<tr><th colspan='3'>  <b>Enrollment by Gender </b> </th></tr>"
   ht_gender +=  "<tr><td colspan='3'>  <div id='id_gender' style='overflow:hidden; width:355px;'> </div> </td></tr>"
   ht_gender += "<tr valign='top'> <td> </td> <td> Male  </td> <td> Female </td> </tr>" 
   ht_gender += "<tr valign='top'> <td> Students </td> <td>" + schools[i]["male"] + "</td> <td>" + schools[i]["female"] + "</td> </tr>" 
   ht_gender += "</table>" 
   //male,female,amer_ind_alaskan,asian,black,hispanic,white
   //ht += "<br />"
   ht_r_race = ""
   ht_r_race += "<table width='100%' class='tbl3'  >"
   ht_r_race +=  "<tr><th colspan='6'>  <b>Enrollment by Race/Ethnicity: </b> </th></tr>"
   ht_r_race +=  "<tr><td colspan='6'><div id='id_race' style='overflow:hidden; width:355px;'> </div> </td></tr>"
   ht_r_race += "<tr align='center'> <td> </td>" 
   ht_r_race += "<td> Amer Ind/<br/>Alaskan </td>"  
   ht_r_race += "<td> Asian </td>"
   ht_r_race += "<td> Black </td>"
   ht_r_race += "<td> Hispanic </td>"
   ht_r_race += "<td> White</td>"
   ht_r_race += "</tr>" 
   ht_r_race += "<tr align='center'> <td> Students </td> <td>" + schools[i]["amer_ind_alaskan"] + "</td> "
   ht_r_race += "<td>" + schools[i]["asian"] + "</td>"
   ht_r_race += "<td>" + schools[i]["black"] + "</td>"
   ht_r_race += "<td>" + schools[i]["hispanic"] + "</td>"
   ht_r_race += "<td>" + schools[i]["white"] + "</td>"
   ht_r_race += "</tr>"
   ht_r_race += "</table>" 
  
   //ht_r_race += "<br />"
   
   if (grade){
      k = ['PK','KG','1','2','3','4','5','6','7','8','9','10','11','12'];
      k_len = k.length;
	  th_ = "";
	  td_ = "";
	  for (var jj=0; jj< k_len; jj++){
	     if (grade[k[jj]]){
		    th_ += "<td>" + k[jj]  + "</td>";
			td_ +=  "<td>" + grade[k[jj]] + "</td>"; 
		 }
	  }
	  
	  ht_r_grade = ""
	  ht_r_grade += "<table width='100%' class='tbl3'>"
      ht_r_grade += "<tr><th colspan='" + k.length + "'> <b> Enrollment by Grade: </b></th></tr>"
      ht_r_grade += "<tr><td colspan='" + k.length + "'> <div id='id_grade' style='overflow:hidden; width:355px;'> </div></td></tr>"
      ht_r_grade += "<tr valign='top'> <td> </td> " + th_ + " </tr>" 
      ht_r_grade += "<tr valign='top'> <td> Students </td> " + td_ + "</tr>" 
      ht_r_grade += "</table>" 
   }
   
   parent.document.getElementById('info_school').innerHTML = ht;
   parent.document.getElementById('gender').innerHTML = ht_gender;
   parent.document.getElementById('info_school_r_race').innerHTML = ht_r_race;
   parent.document.getElementById('info_school_r_grade').innerHTML = ht_r_grade;
   
   window.setTimeout("WriteFlashObjectParent('id_grade', 'swf_chart', '/static/chart.swf', 460, 160, '#ffffff', 'middle', false, 'opaque', 'chartdata=/ajax_school/grade.xml?school_id="+schools[i]["id"]+"')"); 
	
   window.setTimeout("WriteFlashObjectParent('id_race', 'swf_chart', '/static/chart.swf', 460, 160, '#ffffff', 'middle', false, 'opaque', 'chartdata=/ajax_school/race.xml?school_id="+schools[i]["id"]+"')"); 	

   window.setTimeout("WriteFlashObjectParent('id_gender', 'swf_chart', '/static/chart.swf', 360, 160, '#ffffff', 'middle', false, 'opaque', 'chartdata=/ajax_school/gender.xml?school_id="+schools[i]["id"]+"')"); 	

   
   
}


function showCitiesDiv(){
	if ($('#list_cities').is(':hidden')){
		//$('#list_cities li').show()
        $("#list_cities").show();
        $('#list_states').hide();		
	} else {
		$('#list_cities').hide();
	}
}

function showStatesDiv(){
	if ($('#list_states').is(':hidden')){
		$('#list_states').show();
		$('#list_cities').hide();		
	} else {
		$('#list_states').hide();
	}
}