/*
This code was created by the New Hampshire Housing and Finance Authority. 
Use of any part of this code is prohibited without written permission.
http://www.nhhfa.org
Created: 12/2006
By: Sean Vickers
*/
function rcTrends(code1,code2,rptYear) {
	var okToContinue = "Yes";
    var url=null;
    xmlhttp=null;
   
    document.getElementById("page1").style.height = '500px';
    document.getElementById("page2").style.height = '550px';
    document.getElementById("page3").style.height = '450px';
    document.getElementById("page4").style.height = '700px';
    document.getElementById("page5").style.height = '475px';
    document.getElementById("page6").style.height = '500px';   
    document.getElementById("page7").style.height = '1px';  

    document.getElementById("pwait").innerHTML = "<img src='images/wait.gif' alt='' width='150' border='0'>";
   
    url = "http://www.nhhfa.org/oppweb/xml.asp?code1=" + code1 + "&code2=" + code2 + "&code3=rctrends";
    
    /* Check for running connections */
    if (xmlhttp != null && xmlhttp.readyState != 0 && xmlhttp.readyState != 4){
       xmlhttp.abort();
    }

    // code for Mozilla, etc.
    if (window.XMLHttpRequest) { 
    	try { xmlhttp=new XMLHttpRequest(); }
    	catch(e) { xmlhttp=null; }
    }
 
    // code for IE
    else if (window.ActiveXObject) {
    	try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
    	catch(e) {
    	   try { xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
    	   catch(e) { xmlhttp=null; }
    	}
    }

    if (xmlhttp) {
        xmlhttp.open("GET",url,true);
        xmlhttp.setRequestHeader('content-type', 'text/xml'); 
        xmlhttp.onreadystatechange=function () {

	    var xml=null;
	    var html=null;
	    var Years=null;
	    var Groups=null;

	    // if xmlhttp shows "loaded"
	    if (xmlhttp.readyState==4) {
  
	       // if "OK"
               if (xmlhttp.status==200) {

try {			   
	          xml  = xmlhttp.responseXML;
              Years = xml.documentElement.getElementsByTagName("CODE3");
} catch(e) {
	alert("There Is No Data Available For This Area!");
	okToContinue = "No";
}
if(Years.length == 0) {
	alert("There Is No Data Available For This Area!");
	okToContinue = "No";
}
			  
if(okToContinue == "Yes") {
				  
				var rpt3	= new Array();
				rpt3[0]		= new Array("2001 to 2011","Avg per Year", "2010 to 2011", "2009 to 2010", "2008 to 2009","2007 to 2008","2006 to 2007","2005 to 2006",
												"2004 to 2005","2003 to 2004","2002 to 2003","2001 to 2002",
												"2000 to 2001","1999 to 2000","1998 to 1999");			

				rpt3[1]	= new Array();
				rpt3[2]	= new Array();
				rpt3[3]	= new Array();
				rpt3[4]	= new Array();
				rpt3[5]	= new Array();
				rpt3[6]	= new Array();					

				var val    		= new Array();
				var vac			= new Array();
				var SampleSize 	= new Array();
				var units  		= new Array();
				var year   		= new Array();
				for(var i=0; i<19; i++) {
					val[i] 	  		= new Array();
					vac[i]			= new Array();
					SampleSize[i] 	= new Array();
					units[i]  		= new Array();
					var j=0;
					while(j<Years.length && Math.round(Years[j].getAttribute("id").substring(0,4))!=(i+1993)) j++;
					if(j==Years.length || Math.round(Years[j].getAttribute("id").substring(0,4))!=(i+1993)) {
						year[i] = "NA";
						for(var k=0; k<6; k++) {
							units[i][k] = new Array();
							val[i][k] 	 		= "NA";
							vac[i][k]			= "NA";
							SampleSize[i][k]	= "NA";
							for(var l=0; l<42; l++) units[i][k][l] = "NA";
						}	
					} else {
					    year[i] = Math.round(Years[j].getAttribute("id")).toString();
						for(var k=0; k<6; k++) units[i][k] = new Array();
						var Types = Years[j].getElementsByTagName("CODE4");
						
						var j=0;
						while(j<Types.length && Types[j].getAttribute("id")!="All") j++;	
						if(j==Types.length || Types[j].getAttribute("id")!="All") {
							val[i][0] 	 		= "NA";
							vac[i][0]			= "NA";
							SampleSize[i][0] 	= "NA";
							for(var k=0; k<42; k++) units[i][0][k] = "NA";
						} else {
							val[i][0]    = Math.round(Types[j].getAttribute("Rmedian"));		
							vac[i][0]    = Math.round(parseFloat(Types[j].getAttribute("Vacancy"))*1000)/10;
							SampleSize[i][0] = Math.round(Types[j].getAttribute("SampleSize"));	
							for(var k=0; k<41; k++) units[i][0][k] = Math.round(Types[j].getAttribute("R"+(100+(k*50))));
							units[i][0][41] = Math.round(Types[j].getAttribute("R2100PLUS"));
						}					
						
						var j=0;
						while(j<Types.length && Types[j].getAttribute("id")!="0") j++;
						if(j==Types.length || Types[j].getAttribute("id")!="0") {
							val[i][1] 	 		= "NA";
							vac[i][1] 	 		= "NA";
							SampleSize[i][1] 	= "NA";
							for(var k=0; k<42; k++) units[i][1][k] = "NA";
						} else {
							val[i][1]    = Math.round(Types[j].getAttribute("Rmedian"));		
							vac[i][1]    = Math.round(parseFloat(Types[j].getAttribute("Vacancy"))*1000)/10;	
							SampleSize[i][1] = Math.round(Types[j].getAttribute("SampleSize"));	
							for(var k=0; k<41; k++) units[i][1][k] = Math.round(Types[j].getAttribute("R"+(100+(k*50))));
							units[i][1][41] = Math.round(Types[j].getAttribute("R2100PLUS"));
						}	
						
						var j=0;
						while(j<Types.length && Types[j].getAttribute("id")!="1") j++;
						if(j==Types.length || Types[j].getAttribute("id")!="1") {
							val[i][2] 	 		= "NA";
							vac[i][2] 	 		= "NA";
							SampleSize[i][2] 	= "NA";
							for(var k=0; k<42; k++) units[i][2][k] = "NA";
						} else {
							val[i][2]    = Math.round(Types[j].getAttribute("Rmedian"));	
							vac[i][2]    = Math.round(parseFloat(Types[j].getAttribute("Vacancy"))*1000)/10;	
							SampleSize[i][2] = Math.round(Types[j].getAttribute("SampleSize"));	
							for(var k=0; k<42; k++) units[i][2][k] = Math.round(Types[j].getAttribute("R"+(100+(k*50))));
							units[i][2][41] = Math.round(Types[j].getAttribute("R2100PLUS"));
						}							
						
						var j=0;
						while(j<Types.length && Types[j].getAttribute("id")!="2") j++;
						if(j==Types.length || Types[j].getAttribute("id")!="2") {
							val[i][3] 	 		= "NA";
							vac[i][3] 	 		= "NA";
							SampleSize[i][3] 	= "NA";
							for(var k=0; k<42; k++) units[i][3][k] = "NA";
						} else {
							val[i][3]    = Math.round(Types[j].getAttribute("Rmedian"));	
							vac[i][3]    = Math.round(parseFloat(Types[j].getAttribute("Vacancy"))*1000)/10;		
							SampleSize[i][3] = Math.round(Types[j].getAttribute("SampleSize"));	
							for(var k=0; k<42; k++) units[i][3][k] = Math.round(Types[j].getAttribute("R"+(100+(k*50))));
							units[i][3][41] = Math.round(Types[j].getAttribute("R2100PLUS"));
						}								
						
						var j=0;
						while(j<Types.length && Types[j].getAttribute("id")!="3") j++;
						if(j==Types.length || Types[j].getAttribute("id")!="3") {
							val[i][4] 	 		= "NA";
							vac[i][4] 	 		= "NA";
							SampleSize[i][4] 	= "NA";
							for(var k=0; k<42; k++) units[i][4][k] = "NA";
						} else {
							val[i][4]    = Math.round(Types[j].getAttribute("Rmedian"));		
							vac[i][4]    = Math.round(parseFloat(Types[j].getAttribute("Vacancy"))*1000)/10;	
							SampleSize[i][4] = Math.round(Types[j].getAttribute("SampleSize"));	
							for(var k=0; k<42; k++) units[i][4][k] = Math.round(Types[j].getAttribute("R"+(100+(k*50))));
							units[i][4][41] = Math.round(Types[j].getAttribute("R2100PLUS"));
						}	
						
						var j=0;
						while(j<Types.length && Types[j].getAttribute("id")!="4+") j++;
						if(j==Types.length || Types[j].getAttribute("id")!="4+") {
							val[i][5] 	 		= "NA";
							vac[i][5] 	 		= "NA";
							SampleSize[i][5] 	= "NA";
							for(var k=0; k<42; k++) units[i][5][k] = "NA";
						} else {
							val[i][5]    = Math.round(Types[j].getAttribute("Rmedian"));		
							vac[i][5]    = Math.round(parseFloat(Types[j].getAttribute("Vacancy"))*1000)/10;	
							SampleSize[i][5] = Math.round(Types[j].getAttribute("SampleSize"));	
							for(var k=0; k<42; k++) units[i][5][k] = Math.round(Types[j].getAttribute("R"+(100+(k*50))));
							units[i][5][41] = Math.round(Types[j].getAttribute("R2100PLUS"));
						}							
					}
				}				

				for(var i=0; i<6; i++) {
				
					if (SampleSize[18][i] >= 20 && SampleSize[6][i] >= 20)
/*2001-2011*/			 rpt3[i+1][0] = Math.round(((val[18][i]-val[8][i])/val[8][i])*1000)/10;	
					else rpt3[i+1][0] = "NA";
						
					if (rpt3[i+1][0] != "NA")
/*Average*/				 rpt3[i+1][1] = Math.round(rpt3[i+1][0])/10;
					else rpt3[i+1][1] = "NA";

					if (SampleSize[18][i] >= 20 && SampleSize[17][i] >= 20)	
/*2010-2011*/			 rpt3[i+1][2] = Math.round(((val[18][i]-val[17][i])/val[17][i])*1000)/10;	
					else rpt3[i+1][2] = "NA";
						
						
					if (SampleSize[17][i] >= 20 && SampleSize[16][i] >= 20)	
/*2009-2010*/			 rpt3[i+1][3] = Math.round(((val[17][i]-val[16][i])/val[16][i])*1000)/10;	
					else rpt3[i+1][3] = "NA";
						
					if (SampleSize[16][i] >= 20 && SampleSize[15][i] >= 20)	
/*2008-2009*/			 rpt3[i+1][4] = Math.round(((val[16][i]-val[15][i])/val[15][i])*1000)/10;	
					else rpt3[i+1][4] = "NA";
						
					if (SampleSize[15][i] >= 20 && SampleSize[14][i] >= 20)	
/*2007-2008*/   		 rpt3[i+1][5] = Math.round(((val[15][i]-val[14][i])/val[14][i])*1000)/10;
					else rpt3[i+1][5] = "NA";
					
					if (SampleSize[14][i] >= 20 && SampleSize[13][i] >= 20)
/*2006-2007*/			 rpt3[i+1][6] = Math.round(((val[14][i]-val[13][i])/val[13][i])*1000)/10;
					else rpt3[i+1][6] = "NA";
					
					if (SampleSize[13][i] >= 20 && SampleSize[12][i] >= 20)
/*2005-2006*/			 rpt3[i+1][7] = Math.round(((val[13][i]-val[12][i])/val[12][i])*1000)/10;
					else rpt3[i+1][7] = "NA";
					
					if (SampleSize[12][i] >= 20 && SampleSize[11][i] >= 20)
/*2004-2005*/			 rpt3[i+1][8] = Math.round(((val[12][i]-val[11][i])/val[11][i])*1000)/10;
					else rpt3[i+1][8] = "NA";
					
					if (SampleSize[11][i] >= 20 && SampleSize[10][i] >= 20)
/*2003-2004*/			 rpt3[i+1][9] = Math.round(((val[11][i]-val[10][i])/val[10][i])*1000)/10;
					else rpt3[i+1][9] = "NA";
					
					if (SampleSize[10][i] >= 20 && SampleSize[9][i] >= 20)
/*2002-2003*/			 rpt3[i+1][10] = Math.round(((val[10][i]-val[9][i])/val[9][i])*1000)/10;
					else rpt3[i+1][10] = "NA";
					
					if (SampleSize[9][i] >= 20 && SampleSize[8][i] >= 20)
/*2001-2002*/			 rpt3[i+1][11] = Math.round(((val[9][i]-val[8][i])/val[8][i])*1000)/10;
					else rpt3[i+1][11] = "NA";


				}				

				  var g1 = new line_chart(2,"All Units|2 Bedroom Units");	
				  var g2 = new line_chart(2,"All Units|2 Bedroom Units");	
				  var a1 = new area_graph(1);
				  var a2 = new area_graph(2,"All Units|2 Bedroom Units");

				  var html2 = "<table><tr><td width='100%' valign='top'>" +
					
								"<table width='725px' class='outside'><tr><td>" +
								 "<table width='100%' height='100%' class='inside'>" +
									"<tr><td valign='top' align='left'>" +	

									"<table class='data'>" +
									"<tr class='head1'>" +
									"<td colspan='14' style='height:45px;vertical-align:top;text-align:center;font-size:18px;'>" +
									"Median Gross Rental Cost<br>" +
									"<font size='2'>"+code1+": "+code2+"</font></td></tr>" +
									
									"<tr class='head1'>" +
									"<td rowspan='2' style='vertical-align:bottom;width:65px;'>Year</td>" +
									"<td colspan='2' style='vertical-align:bottom;text-align:center;'>All Units</td>" +
		 							"<td colspan='2' style='vertical-align:bottom;text-align:center;'>0 Bedrooms Units</td>" +
									"<td colspan='2' style='vertical-align:bottom;text-align:center;'>1 Bedroom Units</td>" +
									"<td colspan='2' style='vertical-align:bottom;text-align:center;'>2 Bedroom Units</td>" +
									"<td colspan='2' style='vertical-align:bottom;text-align:center;'>3 Bedroom Units</td>" +
									"<td colspan='2' style='vertical-align:bottom;text-align:center;'>4+ Bedroom Units</td>" +
									"<td style='width:25px;'>&nbsp;</td></tr>" + 							
									"<tr class='head1'>" +
									"<td style='vertical-align:bottom;width:65px;'>Median Gross Rental Cost</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Sample Size</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Median Gross Rental Cost</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Sample Size</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Median Gross Rental Cost</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Sample Size</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Median Gross Rental Cost</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Sample Size</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Median Gross Rental Cost</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Sample Size</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Median Gross Rental Cost</td>" +
									"<td style='vertical-align:bottom;width:65px;'>Sample Size</td>" +									
									"<td style='width:25px;'>&nbsp;</td></tr>";			  
				
                for(var i=0; i<19; i++) {
					html2 += "<tr class='body1'><td>"+year[i]+"</td>";					
					for(var j=0; j<6; j++) {
						if(year[i]=="NA" || val[i][j]=="NA") {
							html2 += "<td>NA</td><td>NA</td>";
							if(j==0 || j==3) {
								g1.add(year[i],Math.round(0),(j/3));
								g2.add(year[i],Math.round(0),(j/3));
							}
		            	} else if (SampleSize[i][j] > Math.round(20)) {
		              		html2 += "<td>"+chkValue(val[i][j],"$","")+"</td>" +
				  		     		 "<td>"+chkValue(SampleSize[i][j],"","")+"</td>";	 
							if(j==0 || j==3) {
								g1.add(year[i],Math.round(val[i][j]),(j/3));
								g2.add(year[i],Math.round(vac[i][j]),(j/3));
							}
						} else {
							html2 += "<td>NA</td>" +
									"<td>"+chkValue(SampleSize[i][j],"","")+"</td>";	
							if(j==0 || j==3) {
								g1.add(year[i],Math.round(0),(j/3));
								g2.add(year[i],Math.round(0),(j/3));
							}
						}	
												
						if(year[i].toString()==rptYear && j==0) {
						    var myLabel;
							for(var k=0; k<41; k++) {
							    switch (k) {		  
							       case 1: myLabel   = "$150";    break;    
							       case 4: myLabel   = "$300";   break; 
							       case 7: myLabel  = "$450";   break;    
							       case 10: myLabel  = "$600";   break; 
							       case 13: myLabel  = "$750";   break;    
							       case 16: myLabel  = "$900";   break; 
							       case 19: myLabel  = "$1,050";   break;    
							       case 22: myLabel  = "$1,200";   break; 
							       case 25: myLabel  = "$1,350";   break;    
							       case 28: myLabel  = "$1,500";   break; 		
							       case 31: myLabel  = "$1,650";   break;    
							       case 34: myLabel  = "$1,800";   break; 
							       case 37: myLabel  = "$1,950";   break;    
							       case 40: myLabel  = "$2,100";   break; 									   		   
								   default : myLabel = "";
								}
								if (SampleSize[i][j] > Math.round(20)) {
									a1.add(myLabel,Math.round(units[i][j][k]),0);
									a2.add(myLabel,Math.round(units[i][j][k]),0);
								} else {
									a1.add(myLabel,Math.round(0),0);
									a2.add(myLabel,Math.round(0),0);
								}
							}
						} 
						else if(year[i].toString()==rptYear && j==3) {
						    var myLabel;
							for(var k=0; k<41; k++) {
							    switch (k) {		  
							       case 1: myLabel   = "$150";    break;    
							       case 4: myLabel   = "$300";   break; 
							       case 7: myLabel  = "$450";   break;    
							       case 10: myLabel  = "$600";   break; 
							       case 13: myLabel  = "$750";   break;    
							       case 16: myLabel  = "$900";   break; 
							       case 19: myLabel  = "$1,050";   break;    
							       case 22: myLabel  = "$1,200";   break; 
							       case 25: myLabel  = "$1,350";   break;    
							       case 28: myLabel  = "$1,500";   break; 		
							       case 31: myLabel  = "$1,650";   break;    
							       case 34: myLabel  = "$1,800";   break; 
							       case 37: myLabel  = "$1,950";   break;    
							       case 40: myLabel  = "$2,100";   break; 									   		   
								   default : myLabel = "";
								}
								if (SampleSize[i][j] > Math.round(20))
									a2.add(myLabel,Math.round(units[i][j][k]),1);
								else
									a2.add(myLabel,Math.round(0),1);
							}
						}
					}
					html2 += "<td>&nbsp;</td></tr>";					
				}		
	 
				html2 += "</table><br /><br />" +				
				
						 "<font size='1' color='red'>Source: NHHFA Residential Rental Cost Survey</font><br />" +
		 		 		 "<font size='1' color='red'>Note: Calculations based on Sample Size of less than 20 " +
				 		 "are highly volatile and not considered valid.</font><br />" +
				 		/* "<font size='1' color='red'>*** Sample Size is smaller than Sample Size limit.</font><br />" + */							
										
						 "</td></tr>" +
						 "</table>" +
						 "</td></tr></table>" +
								
						 "</td></tr></table>";	 

						 
		var html1 = "<table><tr><td width='100%' height='475px' valign='top'>" +
		
					"<table width='725px' height='100%' class='outside'><tr><td>" +
					 "<table width='100%' height='100%' class='inside'>" +
						"<tr><td valign='top' align='left'>" +	
					    "<center><font size='5'><b>Median Gross Rental Cost</b></font><br>" +
						"<font size='2'>"+code1+": "+code2+"</font></center>" +
						
						"<div id='graphpage1' style='position:relative;height:425px;width:725px;padding:0px;'>" +
					    "<div id='graph1' style='position:absolute;left:0px;padding:0px;'></div>" +
	 					"</div>" +					
											
					"</td></tr>" +
					"</table>" +
					"</td></tr></table>" +
					
					"</td></tr></table>";	
					
		var html4 = "<table><tr><td width='100%' valign='top'>" +
		
					"<table width='725px' height='100%' class='outside'><tr><td>" +
					 "<table width='100%' height='100%' class='inside'>" +
						"<tr><td valign='top' align='left'>" +	
					    "<center><font size='5'><b>Vacancy Rate of Rental Housing Units</b></font><br>" +
						"<font size='2'>"+code1+": "+code2+"</font></center>" +
						
						"<div id='graphpage2' style='position:relative;height:225px;width:725px;padding:0px;'>" +
					    "<div id='graph2' style='position:absolute;left:0px;padding:0px;'></div>" +
	 					"</div>" +			
								
						"<center>" +					
						"<table class='data' style='width:400px;'>" +										
											
						"<tr class='head1'>" +
						"<td rowspan='2' style='vertical-align:bottom;width:75px;'>Year</td>" +
						"<td colspan='2' style='vertical-align:bottom;text-align:center;'>All Units</td>" +
						"<td colspan='2' style='vertical-align:bottom;text-align:center;'>2 Bedroom Units</td>" +
						"<td style='width:25px;'>&nbsp;</td></tr>" + 							
						"<tr class='head1'>" +
						"<td style='vertical-align:bottom;width:75px;'>Vacancy Rate</td>" +
						"<td style='vertical-align:bottom;width:75px;'>Sample Size</td>" +
						"<td style='vertical-align:bottom;width:75px;'>Vacancy Rate</td>" +
						"<td style='vertical-align:bottom;width:75px;'>Sample Size</td>" +								
						"<td style='width:25px;'>&nbsp;</td></tr>";												
											
                for(var i=0; i<19; i++) {
					html4 += "<tr class='body1'><td>"+year[i]+"</td>";	
					var j=0;
					if(year[i]=="NA" || val[i][j]=="NA") html4 += "<td>NA</td><td>NA</td>";
					else if (SampleSize[i][j] > Math.round(20)) 
	              		html4 += "<td>"+chkValue(vac[i][j],"","%")+"</td>" +
			  		     		 "<td>"+chkValue(SampleSize[i][j],"","")+"</td>";	 
					else html4 += "<td>***</td>" + 
									"<td>"+chkValue(SampleSize[i][j],"","")+"</td>";

					var j=3;
					if(year[i]=="NA" || val[i][j]=="NA") html4 += "<td>NA</td><td>NA</td>";
					else if (SampleSize[i][j] > Math.round(20)) 
	              		html4 += "<td>"+chkValue(vac[i][j],"","%")+"</td>" +
			  		     		 "<td>"+chkValue(SampleSize[i][j],"","")+"</td>";	 
					else html4 += "<td>***</td>" +
									"<td>"+chkValue(SampleSize[i][j],"","")+"</td>";			
						
					html4 += "<td>&nbsp;</td></tr>";					
				}		
	 
				html4 += "</table><br /><br />" +												
				
						"</center>" +					
			
					"</td></tr>" +
					"</table>" +
					"</td></tr></table>" +
					
					"</td></tr></table>";						

		
		var html6 = "<table><tr><td width='100%' height='450px' valign='top'>" +
		
					"<table width='725px' height='100%' class='outside'><tr><td>" +
					 "<table width='100%' height='100%' class='inside'>" +
						"<tr><td valign='top' align='left'>" +	 
					    "<center><font size='5'><b>Frequency of Rental Housing in the "+ rptYear +" NHHFA Residential Rental Cost Survey</b></font></center><br>" +	
						"<center><font size='3'><b>"+code2+" - " +

						"<select name='rptYear' onchange=\"rcTrends('"+code1+"','"+code2+"',this.value)\" style='width:100px'>" +
						"<option value='"+rptYear+"'>***** Select Report Year *****</option>";
								
						for(var i=0; i<19; i++) {
							if(year[i].toString()==rptYear) 
								html6 += "<option value='"+year[i]+"' selected>"+year[i]+"</option>";
							else html6 += "<option value='"+year[i]+"'>"+year[i]+"</option>";
						}
								
			html6 +=	"</select>" +

						"</b></font></center>" +
						
						"<div id='graphpage3' style='position:relative;height:350px;width:725px;padding:0px;'>" +
					    "<div id='graph3' style='position:absolute;left:0px;padding:0px;'></div>" +
	 					"</div>" +						
											
					"</td></tr>" +
					"</table>" +
					"</td></tr></table>" +
					
					"</td></tr></table>";							
						
		var html7 = "<table><tr><td width='100%' height='475px' valign='top'>" +
		
					"<table width='725px' height='100%' class='outside'><tr><td>" +
					 "<table width='100%' height='100%' class='inside'>" +
						"<tr><td valign='top' align='left'>" +	
					    "<center><font size='5'><b>Frequency of Rental Housing in the "+ rptYear +" NHHFA Residential Rental Cost Survey</b></font></center><br>" +	
						"<center><font size='3'><b>"+code2+" - " +

						"<select name='rptYear' onchange=\"rcTrends('"+code1+"','"+code2+"',this.value)\" style='width:100px'>" +
						"<option value='"+rptYear+"'>***** Select Report Year *****</option>";
								
						for(var i=0; i<19; i++) {
							if(year[i].toString()==rptYear) 
								html7 += "<option value='"+year[i]+"' selected>"+year[i]+"</option>";
							else html7 += "<option value='"+year[i]+"'>"+year[i]+"</option>";
						}
								
			html7 +=	"</select>" +

						"</b></font></center>" +
						
						"<div id='graphpage4' style='position:relative;height:375px;width:725px;padding:0px;'>" +
					    "<div id='graph4' style='position:absolute;left:0px;padding:0px;'></div>" +
	 					"</div>" +		
											
					"</td></tr>" +
					"</table>" +
					"</td></tr></table>" +
					
					"</td></tr></table>";	
					
				  var html3 = "<table><tr><td width='100%' valign='top'>" +
					
								"<table width='725px' class='outside'><tr><td>" +
								 "<table width='100%' height='100%' class='inside'>" +
									"<tr><td valign='top' align='left'>" +	

									"<table class='data'>" +
									"<tr class='head1'>" +
									"<td colspan='12' style='height:45px;vertical-align:top;text-align:center;font-size:18px;'>" +
									"Percent Change In Median Gross Rental Cost<br>" +
									"<font size='2'>"+code1+": "+code2+"</font></td></tr>" +
									
									"<tr class='head1'>" +
									"<td>&nbsp;</td>" +
									"<td>All Units</td>" +
		 							"<td>0 Bedroom Units</td>" +
									"<td>1 Bedroom Units</td>" +
									"<td>2 Bedroom Units</td>" +
									"<td>3 Bedroom Units</td>" +
									"<td>4+ Bedroom Units</td>" +
									"<td style='width:25px;'>&nbsp;</td></tr>";		
									
		for (var i=0; i<12; i++) {
		    if(i==2) html3 += "<tr class='body1'><td colspan='8'>&nbsp;</td>";
			html3 += "<tr class='body1'><td>"+rpt3[0][i]+"</td>";
			for(var j=1; j<7; j++) {
				if (rpt3[j][i] != "NA") 
					html3 += "<td>"+chkValue(rpt3[j][i],"","%")+"</td>";
				else
					html3 += "<td>NA</td>";
			}
			html3 += "<td style='width:25px;'>&nbsp;</td></tr>";
		}				
		html3 += "</table><br /><br />" +				
				
						 "<font size='1' color='red'>Source: NHHFA Residential Rental Cost Survey</font><br />" +
		 		 		 "<font size='1' color='red'>Note: Calculations based on Sample Size of less than 20 " +
				 		 "are highly volatile and not considered valid.</font><br />" +
				 		/* "<font size='1' color='red'>*** Sample Size is smaller than Sample Size limit.</font><br />" +	*/					
										
						 "</td></tr>" +
						 "</table>" +
						 "</td></tr></table>" +
								
						 "</td></tr></table>";			
					

		  document.getElementById("page1").innerHTML = html1;	 
	          g1.build("graph1","Year","$","",300,23,78);	 

		  document.getElementById("page2").innerHTML = html2; 
		  
		  document.getElementById("page3").innerHTML = html3; 
		  
		  document.getElementById("page4").innerHTML = html4;	 
	          g2.build("graph2","Year","","%",100,23,78);			  
		  
		  document.getElementById("page5").innerHTML = html6;	 
	          a1.build("graph3","Gross Rent",250,15,"","",60);	
			  
		  document.getElementById("page6").innerHTML = html7;	 
	          a2.build("graph4","Gross Rent",250,15,"","",60,25);				  		  
}		  
		  document.getElementById("pwait").innerHTML = ""; 
               }
            }
        };
        xmlhttp.send(null); 
    }
}