<!-- #BeginEditable "doctitle" --> <p><title></title> <!-- #EndEditable --> <link type="text/css" href="../noaca.css" rel="stylesheet" /> <style type="text/css">
<!--
.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style2 {font-size: 12}
.style3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
-->
</style> <SCRIPT language="javascript">
var image_name = "../animationmap/pm25a";
var image_type = "png";
var first_image = 1;
var last_image = 24;
var animation_height = 367;
var animation_width = 598;
//=== THE CODE STARTS HERE - no need to change anything below ===
//=== global variables ====
var theImages = new Array(last_image);
var imageNum = new Array(last_image);
var normal_delay = 1000;
var delay = normal_delay; //delay between frames in 1/100 seconds
var delay_step = 50;
var delay_max = 4000;
var delay_min = 10;
var current_image = first_image; //number of the current image
var timeID = null;
var status = 1; // 0-stopped, 1-playing
var play_mode = 0; // 0-loop, 1-normal, 2-swing
var size_valid = 0;
//===> makes sure the first image number is not bigger than the last image number
if (first_image > last_image)
{
var help = last_image;
last_image = first_image;
first_image = help;
};
//===> preload the images - gets executed first, while downloading the page
for (var i = first_image; i <= last_image; i++)
{
theImages[i] = new Image();
//theImages[i].onerror = my_alert("\nError loading ",image_name,i,image_type,"!");
//theImages[i].onabort = my_alert("\nLoading of ",image_name,i,image_type," aborted!");
theImages[i].src = image_name + i + "." + image_type;
};
//===> displays image depending on the play mode in forward direction
function animate_fwd()
{
current_image++;
if(current_image > last_image)
{
if (play_mode == 1)
{
current_image = last_image;
status=0;
return;
}; //NORMAL
if (play_mode == 0)
{
current_image = first_image; //LOOP
};
if (play_mode == 2)
{
current_image = last_image;
animate_rev();
return;
};
};
document.animation.src = theImages[current_image].src;
document.control_form.frame_nr.value = current_image;
timeID = setTimeout("animate_fwd()", delay);
}
//===> displays image depending on the play mode in reverse direction
function animate_rev()
{
current_image--;
if(current_image < first_image)
{
if (play_mode == 1)
{
current_image = first_image;
status=0;
return;
}; //NORMAL
if (play_mode == 0)
{
current_image = last_image; //LOOP
};
if (play_mode == 2)
{
current_image = first_image;
animate_fwd();
return;
};
};
document.animation.src = theImages[current_image].src;
document.control_form.frame_nr.value = current_image;
timeID = setTimeout("animate_rev()", delay);
}
//===> changes playing speed by adding to or substracting from the delay between frames
function change_speed(dv)
{
delay+=dv;
if(delay > delay_max) delay = delay_max;
if(delay < delay_min) delay = delay_min;
}
//===> stop the movie
function stop()
{
if (status == 1) clearTimeout (timeID);
status = 0;
}
//===> "play forward"
function fwd()
{
stop();
status = 1;
animate_fwd();
}
//===> jumps to a given image number
function go2image(number)
{
stop();
if (number > last_image) number = last_image;
if (number < first_image) number = first_image;
current_image = number;
document.animation.src = theImages[current_image].src;
document.control_form.frame_nr.value = current_image;
}
//===> "play reverse"
function rev()
{
stop();
status = 1;
animate_rev();
}
//===> changes play mode (normal, loop, swing)
function change_mode(mode)
{
play_mode = mode;
}
//===> sets everything once the whole page and the images are loaded (onLoad handler in <body>)
function launch()
{
stop();
current_image = first_image;
document.animation.src = theImages[current_image].src;
document.control_form.frame_nr.value = current_image;
// this is trying to set the text (Value property) on the START and END buttons
// to S(first_image number), E(last_image number). It's supposed (according to
// JavaScrtipt Authoring Guide) to be a read only value but for some reason
// it works on win3.11 (on IRIX it doesn't).
document.control_form.start_but.value = " S(" + first_image + ") ";
document.control_form.end_but.value = " E(" + last_image + ") ";
// this needs to be done to set the right mode when the page is manualy reloaded
change_mode (document.control_form.play_mode_selection.selectedIndex);
status=1;fwd();
}
//===> writes the interface into the code where you want it
function animation()
{
// document.write("<IMG NAME=\"subMenu\" border=0 usemap=\"#\" SRC=\"../animationmap/pm25a1.png\" HEIGHT=",animation_height, " WIDTH=", animation_width, "\" >")
document.write("<IMG NAME=\"animation\" border=0 usemap=\"#map\" SRC=\"../animationmap/pm25a1.png\" HEIGHT=",animation_height, " WIDTH=", animation_width, "\" >")
document.write(" <center> ");
document.write(" <FORM Method=POST Name=\"control_form\"> ");
document.write("<Font face=verdana, arial, size=2><b> Animation Control Panel</b></font> <br>");
document.write(" <table><tr><td valign=\"middle\" > <img src=\"images/gotostart2.jpg\" alt=\"Go to Start\" Name=\"start_but\" onMouseOver=\"start_but.src='images/gotostart1.jpg'\" onMouseOut=\"start_but.src='images/gotostart2.jpg'\" onClick=\"go2image(first_image)\"> ");
document.write(" <img src=\"images/backward2.jpg\" alt=\"One step backward\" name=\"backward\" onMouseOver=\"backward.src='images/backward1.jpg'\" onMouseOut=\"backward.src='images/backward2.jpg'\" onClick=\"go2image(--current_image)\"> ");
document.write(" <img src=\"images/rewind2.jpg\" alt=\"Rewind\" name=\"rewind\" onMouseOver=\"rewind.src='images/rewind1.jpg'\" onMouseOut=\"rewind.src='images/rewind2.jpg'\" onClick=\"rev()\"> ");
document.write(" <img src=\"images/pause2.jpg\" alt=\"Pause\" name=\"pause\" onMouseOver=\"pause.src='images/pause1.jpg'\" onMouseOut=\"pause.src='images/pause2.jpg'\" onClick=\"stop()\"> ");
document.write(" <img src=\"images/play2.jpg\" alt=\"play\" name=\"play\" onMouseOver=\"play.src='images/play1.jpg'\" onMouseOut=\"play.src='images/play2.jpg'\" onClick=\"fwd()\"> ");
document.write(" <img src=\"images/forward2.jpg\" alt=\"One step forward\" name=\"forward\" onMouseOver=\"forward.src='images/forward1.jpg'\" onMouseOut=\"forward.src='images/forward2.jpg'\" onClick=\"go2image(++current_image)\"> ");
document.write(" <img src=\"images/gotoend2.jpg\" alt=\"Go to End\" Name=\"end_but\" onMouseOver=\"end_but.src='images/gotoend1.jpg'\" onMouseOut=\"end_but.src='images/gotoend2.jpg'\" onClick=\"go2image(last_image)\"> ");
document.write(" </td><td><INPUT TYPE=\"text\" NAME=\"frame_nr\" VALUE=\"1\" SIZE=\"3\" ");
document.write(" onFocus=\"this.select()\" onChange=\"go2image(this.value)\"></td> ");
// document.write("<br> <img src=\"images/button_slow.gif\" alt=\"Slow\" onClick=\"change_speed(delay_step)\"><font face=\"verdana\" size=\"1\">speed </font>");
document.write("<td> <img src=\"images/slower2.jpg\" alt=\"Speed Down\" name=\"slow\" onMouseOver=\"slow.src='images/slower1.jpg'\" onMouseOut=\"slow.src='images/slower2.jpg'\" onClick=\"change_speed(delay_step)\"> ");
document.write(" <img src=\"images/speed2.jpg\" >" );
document.write(" <img src=\"images/faster2.jpg\" alt=\"Speed Up\" name=\"fast\" onMouseOver=\"fast.src='images/faster1.jpg'\" onMouseOut=\"fast.src='images/faster2.jpg'\" onClick=\"change_speed(-delay_step)\;return false\"> ");
document.write(" </td></tr></table></FORM> ");
document.write(" </center> ")
// document.write(" ");
// document.write(" </div> ");
};
//=== THE CODE ENDS HERE - no need to change anything above === -->
</SCRIPT></p><div style="position: absolute; top: 420px; left: 680px; display: none;" id="helpDiv7"><table width="170" height="30" cellspacing="0" cellpadding="0" border="2" bgcolor="#ffffff"> <tbody><tr> <td align="center" valign="center"><font size="2" face="verdana" color="#000000">1-hr average PM<sub>2.5</sub> breakpoints (ug/m<sup>3</sup>) </font></td> </tr> </tbody></table> <table width="170" height="30" cellspacing="0" cellpadding="0" border="2" bgcolor="#990099"> <tbody><tr> <td align="center" valign="center"><font size="2" face="verdana" color="#ffffff">150 < PM<sub>2.5</sub> ≤ 250 </font></td> </tr> </tbody></table> <table width="170" height="30" cellspacing="0" cellpadding="0" border="2" bgcolor="#ff0000"> <tbody><tr> <td align="center" valign="center"><font size="2" face="verdana" color="#ffffff">65 < PM<sub>2.5</sub> ≤ 150 </font></td> </tr> </tbody></table> <table width="170" height="30" cellspacing="0" cellpadding="0" border="2" bgcolor="#ff9900"> <tbody><tr> <td align="center" valign="center"><font size="2" face="verdana" color="#ffffff">35 < PM<sub>2.5</sub> ≤ 65 </font></td> </tr> </tbody></table> <table width="170" height="30" cellspacing="0" cellpadding="0" border="2" bgcolor="#fde804"> <tbody><tr> <td align="center" valign="center"><font size="2" face="verdana" color="#ffffff">15 < PM<sub>2.5</sub> ≤ 35 </font></td> </tr> </tbody></table> <table width="170" height="30" cellspacing="0" cellpadding="0" border="2" bgcolor="#009900"> <tbody><tr> <td align="center" valign="center"><font size="2" face="verdana" color="#ffffff">0 < PM<sub>2.5</sub> ≤ 15 </font></td> </tr> </tbody></table> <table width="170" height="30" cellspacing="0" cellpadding="0" border="2" bgcolor="#999999"> <tbody><tr> <td align="center" valign="center"><font size="2" face="verdana" color="#ffffff">Data Not Available </font></td> </tr> </tbody></table></div> <div style="position: absolute; z-index: 30; top: 255px; left: 530px; display: none;" class="help" id="helpDiv2"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b> Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor="#ffff01"><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> Highest level: 24µg/m<sup>3 </sup>,( 3AM) </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 21]
graphx[ 1]=[" 2:00", 19]
graphx[ 2]=[" 3:00", 24]
graphx[ 3]=[" 4:00", 23]
graphx[ 4]=[" 5:00", 23]
graphx[ 5]=[" 6:00", 22]
graphx[ 6]=[" 7:00", 22]
graphx[ 7]=[" 8:00", 20]
graphx[ 8]=[" 9:00", 21]
graphx[ 9]=["10:00", 21]
graphx[10]=["11:00", 12]
graphx[11]=["12PM", 8]
graphx[12]=[" 1:00", 12]
graphx[13]=[" 2:00", 12]
graphx[14]=[" 3:00", 2]
graphx[15]=[" 4:00", 0]
graphx[16]=[" 5:00", 4]
graphx[17]=[" 6:00", 11]
graphx[18]=[" 7:00", 3]
graphx[19]=[" 8:00", 3]
graphx[20]=[" 9:00", 4]
graphx[21]=["10:00", 1]
graphx[22]=["11:00", 0]
graphx[23]=["12:00", 6]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40}
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<45 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <div style="position: absolute; z-index: 30; top: 245px; left: 640px; display: none;" class="help" id="helpDiv6"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b> Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor="#ffff01"><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> Highest level: 28µg/m<sup>3 </sup>,(12PM) </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 13]
graphx[ 1]=[" 2:00", 15]
graphx[ 2]=[" 3:00", 15]
graphx[ 3]=[" 4:00", 12]
graphx[ 4]=[" 5:00", 11]
graphx[ 5]=[" 6:00", 12]
graphx[ 6]=[" 7:00", 19]
graphx[ 7]=[" 8:00", 25]
graphx[ 8]=[" 9:00", 13]
graphx[ 9]=["10:00", 13]
graphx[10]=["11:00", 11]
graphx[11]=["12PM", 12]
graphx[12]=[" 1:00", 13]
graphx[13]=[" 2:00", 14]
graphx[14]=[" 3:00", 14]
graphx[15]=[" 4:00", 18]
graphx[16]=[" 5:00", 22]
graphx[17]=[" 6:00", 19]
graphx[18]=[" 7:00", 21]
graphx[19]=[" 8:00", 22]
graphx[20]=[" 9:00", 23]
graphx[21]=["10:00", 21]
graphx[22]=["11:00", 24]
graphx[23]=["12:00", 28]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40 }
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<51 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <div style="position: absolute; z-index: 30; top: 255px; left: 650px; display: none;" class="help" id="helpDiv4"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b> Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor="#ff9900"><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> Highest level: 41µg/m<sup>3 </sup>,( 3PM) </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 28]
graphx[ 1]=[" 2:00", 29]
graphx[ 2]=[" 3:00", 28]
graphx[ 3]=[" 4:00", 27]
graphx[ 4]=[" 5:00", 27]
graphx[ 5]=[" 6:00", 32]
graphx[ 6]=[" 7:00", 33]
graphx[ 7]=[" 8:00", 30]
graphx[ 8]=[" 9:00", 27]
graphx[ 9]=["10:00", 33]
graphx[10]=["11:00", 34]
graphx[11]=["12PM", 37]
graphx[12]=[" 1:00", 40]
graphx[13]=[" 2:00", 38]
graphx[14]=[" 3:00", 41]
graphx[15]=[" 4:00", 24]
graphx[16]=[" 5:00", 6]
graphx[17]=[" 6:00", 2]
graphx[18]=[" 7:00", 5]
graphx[19]=[" 8:00", 3]
graphx[20]=[" 9:00", 7]
graphx[21]=["10:00", 6]
graphx[22]=["11:00", 1]
graphx[23]=["12:00", 6]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40 }
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<51 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <div style="position: absolute; z-index: 30; top: 235px; left: 480px; display: none;" class="help" id="helpDiv3"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b> Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor="#ff9900"><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> Highest level: 63µg/m<sup>3 </sup>,( 4AM) </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 28]
graphx[ 1]=[" 2:00", 22]
graphx[ 2]=[" 3:00", 0]
graphx[ 3]=[" 4:00", 63]
graphx[ 4]=[" 5:00", 4]
graphx[ 5]=[" 6:00", 2]
graphx[ 6]=[" 7:00", 39]
graphx[ 7]=[" 8:00", 0]
graphx[ 8]=[" 9:00", 1]
graphx[ 9]=["10:00", 1]
graphx[10]=["11:00", 1]
graphx[11]=["12PM", 1]
graphx[12]=[" 1:00", 1]
graphx[13]=[" 2:00", 2]
graphx[14]=[" 3:00", 1]
graphx[15]=[" 4:00", 1]
graphx[16]=[" 5:00", 9]
graphx[17]=[" 6:00", 11]
graphx[18]=[" 7:00", 9]
graphx[19]=[" 8:00", 13]
graphx[20]=[" 9:00", 23]
graphx[21]=["10:00", 30]
graphx[22]=["11:00", 37]
graphx[23]=["12:00", 37]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40 }
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<51 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <div style="position: absolute; z-index: 30; top: 240px; left: 520px; display: none;" class="help" id="helpDiv"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b>24hr Average Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor="#ff9900"><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> Highest level: 48µg/m<sup>3 </sup>,( 7AM) </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 36]
graphx[ 1]=[" 2:00", 36]
graphx[ 2]=[" 3:00", 35]
graphx[ 3]=[" 4:00", 32]
graphx[ 4]=[" 5:00", 37]
graphx[ 5]=[" 6:00", 31]
graphx[ 6]=[" 7:00", 48]
graphx[ 7]=[" 8:00", 33]
graphx[ 8]=[" 9:00", 33]
graphx[ 9]=["10:00", 33]
graphx[10]=["11:00", 39]
graphx[11]=["12PM", 36]
graphx[12]=[" 1:00", 37]
graphx[13]=[" 2:00", 22]
graphx[14]=[" 3:00", 27]
graphx[15]=[" 4:00", 29]
graphx[16]=[" 5:00", 19]
graphx[17]=[" 6:00", 10]
graphx[18]=[" 7:00", 26]
graphx[19]=[" 8:00", 19]
graphx[20]=[" 9:00", 16]
graphx[21]=["10:00", 17]
graphx[22]=["11:00", 13]
graphx[23]=["12:00", 12]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40 }
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<51 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <div style="position: absolute; z-index: 30; top: 238px; left: 460px; display: none;" class="help" id="helpDiv5"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b> Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor="#ff9900"><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> Highest level: 36µg/m<sup>3 </sup>,( 1AM) </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 36]
graphx[ 1]=[" 2:00", 36]
graphx[ 2]=[" 3:00", 32]
graphx[ 3]=[" 4:00", 34]
graphx[ 4]=[" 5:00", 30]
graphx[ 5]=[" 6:00", 32]
graphx[ 6]=[" 7:00", 34]
graphx[ 7]=[" 8:00", 30]
graphx[ 8]=[" 9:00", 32]
graphx[ 9]=["10:00", 30]
graphx[10]=["11:00", 32]
graphx[11]=["12PM", 28]
graphx[12]=[" 1:00", 23]
graphx[13]=[" 2:00", 21]
graphx[14]=[" 3:00", 23]
graphx[15]=[" 4:00", 26]
graphx[16]=[" 5:00", 22]
graphx[17]=[" 6:00", 20]
graphx[18]=[" 7:00", 19]
graphx[19]=[" 8:00", 17]
graphx[20]=[" 9:00", 20]
graphx[21]=["10:00", 21]
graphx[22]=["11:00", 23]
graphx[23]=["12:00", 0]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40 }
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<51 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <div style="position: absolute; z-index: 30; top: 240px; left: 400px; display: none;" class="help" id="helpDiv8"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b> Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor="#ff9900"><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> Highest level: 51µg/m<sup>3 </sup>,( 1PM) </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 31]
graphx[ 1]=[" 2:00", 34]
graphx[ 2]=[" 3:00", 33]
graphx[ 3]=[" 4:00", 32]
graphx[ 4]=[" 5:00", 37]
graphx[ 5]=[" 6:00", 33]
graphx[ 6]=[" 7:00", 38]
graphx[ 7]=[" 8:00", 41]
graphx[ 8]=[" 9:00", 37]
graphx[ 9]=["10:00", 37]
graphx[10]=["11:00", 39]
graphx[11]=["12PM", 46]
graphx[12]=[" 1:00", 51]
graphx[13]=[" 2:00", 44]
graphx[14]=[" 3:00", 36]
graphx[15]=[" 4:00", 35]
graphx[16]=[" 5:00", 37]
graphx[17]=[" 6:00", 33]
graphx[18]=[" 7:00", 28]
graphx[19]=[" 8:00", 18]
graphx[20]=[" 9:00", 14]
graphx[21]=["10:00", 16]
graphx[22]=["11:00", 10]
graphx[23]=["12:00", 9]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40 }
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<51 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <div style="position: absolute; z-index: 30; top: 230px; left: 580px; display: none;" class="help" id="helpDiv9"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b> Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor=""><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 0]
graphx[ 1]=[" 2:00", 0]
graphx[ 2]=[" 3:00", 0]
graphx[ 3]=[" 4:00", 0]
graphx[ 4]=[" 5:00", 0]
graphx[ 5]=[" 6:00", 0]
graphx[ 6]=[" 7:00", 0]
graphx[ 7]=[" 8:00", 0]
graphx[ 8]=[" 9:00", 0]
graphx[ 9]=["10:00", 0]
graphx[10]=["11:00", 0]
graphx[11]=["12PM", 0]
graphx[12]=[" 1:00", 0]
graphx[13]=[" 2:00", 0]
graphx[14]=[" 3:00", 0]
graphx[15]=[" 4:00", 0]
graphx[16]=[" 5:00", 0]
graphx[17]=[" 6:00", 0]
graphx[18]=[" 7:00", 0]
graphx[19]=[" 8:00", 0]
graphx[20]=[" 9:00", 0]
graphx[21]=["10:00", 0]
graphx[22]=["11:00", 0]
graphx[23]=["12:00", 0]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40 }
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<51 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <div style="position: absolute; z-index: 30; top: 240px; left: 520px; display: none;" class="help" id="helpDiv10"><table width="195" cellspacing="0" cellpadding="0" border="2" bgcolor="#666666"><tbody><tr><td><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td><center><font size="2" face="verdana" color="#ffffff"><b>24hr Average Particulate Level at 2010/08/04 </b></font></center></td></tr></tbody></table><table width="100%" height="35" cellspacing="0" cellpadding="2" border="0" bgcolor="#ff9900"><tbody><tr><td><font size="2" face="verdana" color="#010101"><center><b> Highest level: 51µg/m<sup>3 </sup>,(11PM) </b></center></font></td></tr></tbody></table></td></tr> </tbody></table> <script language="JavaScript1.2">
var graphimage="Level1.gif"
//DEFINE GRAPH VALUES [Item name, absolute value]
var graphx=new Array()
graphx[ 0]=["1 AM", 23]
graphx[ 1]=[" 2:00", 31]
graphx[ 2]=[" 3:00", 29]
graphx[ 3]=[" 4:00", 20]
graphx[ 4]=[" 5:00", 33]
graphx[ 5]=[" 6:00", 32]
graphx[ 6]=[" 7:00", 21]
graphx[ 7]=[" 8:00", 33]
graphx[ 8]=[" 9:00", 23]
graphx[ 9]=["10:00", 18]
graphx[10]=["11:00", 1]
graphx[11]=["12PM", 29]
graphx[12]=[" 1:00", 33]
graphx[13]=[" 2:00", 11]
graphx[14]=[" 3:00", 21]
graphx[15]=[" 4:00", 19]
graphx[16]=[" 5:00", 16]
graphx[17]=[" 6:00", 10]
graphx[18]=[" 7:00", 20]
graphx[19]=[" 8:00", 10]
graphx[20]=[" 9:00", 10]
graphx[21]=["10:00", 20]
graphx[22]=["11:00", 51]
graphx[23]=["12:00", 39]
function graphit(g,gwidth){
total=0
for (i=0;i<g.length;i++)
total+=parseInt(g[i][1])
output='<table border="1" cellspacing="0" bgcolor="#ffffff" style="filter:alpha(opacity=100)" cellpadding="0">'
var NkickOut =true
for (i=0;i<g.length;i++){
concentration=Math.round(g[i][1])
if (i>0 && NkickOut) {
concentrationPre=Math.round(g[i-1][1]) }
else if (i<1) {
var concentrationPre = 40 }
var dif=concentration-concentrationPre
calwidth=Math.round(g[i][1]/gwidth*300)
if (concentration>0 && dif<51 && concentration<201){
if (concentration<16){
var graphimage="images/Level1.gif"}
else if (concentration>=16 && concentration<36){
var graphimage="images/Level2.gif"}
else if (concentration>=36 && concentration<66){
var graphimage="images/Level3.gif"}
else if (concentration>=66 && concentration<201){
var graphimage="images/Level4.gif" }
var NkickOut=true
var concentration=concentration
}
else {
var graphimage="images/Level1.gif"
calwidth=0
var concentration="No Data"
var NkickOut=false
}
output+='<tr><td><font face=verdana size=1>'+g[i][0]+'</font></td><td><img src="'+graphimage+'" width="'+calwidth+'" height="8"><font face=verdana size=1>'+concentration+'</font></td></tr>'
}
output+='</table>'
document.write(output+'<br><b></b>')
}
//CALL GRAPHIT FUNCTION
//graphit(NAME OF GRAPH ARRAY, MAXIMUM WIDTH IN PIXELS)
graphit(graphx,135)
</script></div> <p><map name="Map"> <area onmouseout="helpOff()" onMouseOver = "helpOn()" coords="260,210,15" shape="circle" /> <area onmouseout="helpOff4()" onMouseOver = "helpOn4()" coords="400,210,15" shape="circle" /> <area onmouseout="helpOff6()" onMouseOver = "helpOn6()" coords="380,180,15" shape="circle" /> <area onmouseout="helpOff2()" onMouseOver = "helpOn2()" coords="280,280,15" shape="circle" /> <!-- <area shape="circle" coords="123,134,20" href="../history/moninfo.asp?moniname=plain_twp&pollutant=Ozone" onMouseOver = "helpOn1()" OnMouseOut = "helpOff1()">--> <area onmouseout="helpOff5()" onMouseOver = "helpOn5()" coords="190,210,15" shape="circle" /> <!--Medina--> <area onmouseout="helpOff3()" onMouseOver = "helpOn3()" coords="225,117,7" shape="circle" /><!--GT_Craig--> <!-- <area shape="circle" coords="225,129,7" onMouseOver = "helpOn3()" OnMouseOut = "helpOff3()"> --> <!-- G_T_Craig, it needs to be switched with the one above when the St.Theodo site is back to normal--> <area onmouseout="helpOff7()" onMouseOver = "helpOn7()" coords="450,25,590,120" shape="rect" /> <area onmouseout="helpOff8()" onMouseOver = "helpOn8()" coords="150,126,15" shape="circle" /> <area onmouseout="helpOff9()" onMouseOver = "helpOn9()" coords="300,65,15" shape="circle" /> <!-- <area shape="circle" coords="228,117,7" onMouseOver = "helpOn10()" OnMouseOut = "helpOff10()"> --> </map></p><script language="JavaScript" type="text/javascript">
function helpOn() {
helpDiv.style.display = "block";
}
function helpOff() {
helpDiv.style.display = "none";
}
function helpOn1() {
helpDiv1.style.display = "block";
}
function helpOff1() {
helpDiv1.style.display = "none";
}
function helpOn2() {
helpDiv2.style.display = "block";
}
function helpOff2() {
helpDiv2.style.display = "none";
}
function helpOn3() {
helpDiv3.style.display = "block";
}
function helpOff3() {
helpDiv3.style.display = "none";
}
function helpOn4() {
helpDiv4.style.display = "block";
}
function helpOff4() {
helpDiv4.style.display = "none";
}
function helpOn5() {
helpDiv5.style.display = "block";
}
function helpOff5() {
helpDiv5.style.display = "none";
}
function helpOn6() {
helpDiv6.style.display = "block";
}
function helpOff6() {
helpDiv6.style.display = "none";
}
function helpOn7() {
helpDiv7.style.display = "block";
}
function helpOff7() {
helpDiv7.style.display = "none";
}
function helpOn8() {
helpDiv8.style.display = "block";
}
function helpOff8() {
helpDiv8.style.display = "none";
}
function helpOn9() {
helpDiv9.style.display = "block";
}
function helpOff9() {
helpDiv9.style.display = "none";
}
function helpOn10() {
helpDiv10.style.display = "block";
}
function helpOff10() {
</script>
Printer-friendly version