title: on mouse over background change in document.write
body: <p>I need to change the background image on mouseover, but don't know how to do it as it is in a document.write that I did not write. Any help is appreciated. Here is what I have so far. I want B to be whats there normally and MO on the mouseover.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function DrawRow (Link,Status) {
      B = "../Images/GreenButton.png" ;
      MO = "../Images/GreenButtonMouseOver.png" ;
      color1 = "#66FF33"; color2="#000000"; color3="#000000"; color4="#000000"; color5="#000000";
  
  
      //====================================================================================================================
      //          Check User Defined States By Rule
      //====================================================================================================================
  
      if ( Status4 )  { B="../Images/BlueButton.png"; MO="../Images/BlueButtonMouseOver.png"; color1="#FFFFFF"; }
      if ( Status32 ) { B="../Images/LightGreenButton.png"; B="../Images/LightGreenButtonMouseOver.png"; C1color="#000000"; }
      if ( Status2 )  { B="../Images/YellowButton.png"; MO="../Images/YellowButtonMouseOver.png"; C1color="#000000"; }
      if ( Status1 )  { B="../Images/OrangeButton.png"; MO="../Images/OrangeButtonMouseOver.png"; C1color="#000000"; }
      if ( Status8 )  { B="../Images/RedButton.png"; MO="../Images/RedButtonMouseOver.png";C1color="#FFFF00"; }
      if ( Status16 ) { B="../Images/PurpleButton.png"; MO="../Images/PurpleButtonMouseOver.png"; C1color="#000000"; }
  
  document.write(  "&lt;td ONCLICK=\"Jump('"+Link+"')\"onmouseover=\"this.style.cursor='hand'\" height='37' width='350' background='"+B+"' &gt;&lt;font color='"+color1+"'&gt;&lt;p align='center'&gt;&lt;b&gt;"+T+"&lt;/b&gt;&lt;/td&gt;"  );
  </code></pre>