Dear Matt: Pollution Control Is Not Provided By God!

Submitted by Norm Roulet on Thu, 08/05/2010 - 04:22.

<!-- #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> &nbsp;<img src=\"images/button_slow.gif\" alt=\"Slow\" onClick=\"change_speed(delay_step)\"><font face=\"verdana\" size=\"1\">speed </font>");
   document.write("<td>&nbsp;&nbsp;&nbsp;&nbsp;<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 &lt; PM<sub>2.5</sub> &le; 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 &lt; PM<sub>2.5</sub> &le; 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 &lt; PM<sub>2.5</sub> &le; 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 &lt; PM<sub>2.5</sub> &le; 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 &lt; PM<sub>2.5</sub> &le; 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&micro;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&micro;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&micro;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&micro;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&micro;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&micro;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&micro;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&micro;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>

( categories: )