title: Show picture on mouseover with javascript
body: <p>I use this code for show picture on mouseover with javascript</p>
  
  <pre><code>&lt;script language="Javascript"&gt;
  &lt;!--
  function ShowPicture(id,Source) {
  if (Source=="1"){
  if (document.layers) document.layers[''+id+''].visibility = "show"
  else if (document.all) document.all[''+id+''].style.visibility = "visible"
  else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
  }
  else
  if (Source=="0"){
  if (document.layers) document.layers[''+id+''].visibility = "hide"
  else if (document.all) document.all[''+id+''].style.visibility = "hidden"
  else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
  }
  }
  //--&gt;
  &lt;/script&gt;
  &lt;style type="text/css"&gt;
  #Style {
      position:absolute; 
      visibility:hidden;
      border:solid 1px #CCC;
      padding:5px;
  
  }
  &lt;/style&gt;
  
  &lt;a href="#" onMouseOver="ShowPicture('Style',1)" onMouseOut="ShowPicture('Style',0)"&gt;Click Here To Show Image&lt;/a&gt;
  &lt;div id="Style"&gt;&lt;img src="http://www.wallpaperama.com/post-images/forums/200901/11-880-aaaa.jpg"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>but how do you add more than one text link so it recognises different images? </p>