<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 316px; top: 321px;">
      <table align="center" cellpadding="10" cellspacing="10" id="zoom buttons">
<tr>
<td width="50" align="middle" style="border:2 solid #336699"><a href="#" onmouseover="javascript:resume_zoom();zoom_in();" onmouseout="javascript:pause_zoom();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none">+</a></td>
<td style="border:2 solid #336699" align="middle"><a href="#" onmouseover="javascript:resume_zoom();set_original();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none">reset</a></td>
<td width="50" align="middle" style="border:2 solid #336699"><a href="#" onmouseover="javascript:resume_zoom();zoom_out();" onmouseout="javascript:pause_zoom();" style="font-family:verdana,arial,helvetica; font-weight:bold; font-size:15pt; color:#003399; text-decoration:none">-</a></td>
</tr></table></div>

<script language="javascript">
var img_path="images/yourimage.gif"; // The Image Path 
var top_pos=20; // Image position from top 
var left_pos=20; // Image position from left 
var max_width=900; // Max allowable width 
var min_width=10; // Min allowable width 
var time_length=20; // Zoom delay in milliseconds 
var step=2; // Pixels by which image should zoomm 
document.write('<div id="q_div" style="position:absolute; top:' + top_pos + 'px; left:' + left_pos + 'px"><a href="http://www.texaswebdevelopers.com/index.asp" target="_blank"><img src="' + img_path + '" border="0" bordercolor="#336699" name="z" alt="TexasWebDevelopers.com"></a></div>');
img_act_width=z.width;
  img_act_height=z.height;
  var original_time=time_length;
function zoom_out()
  {
  if(z.width==0)
  {
  z.border=0;
  }
  if(z.width!=0)
  {
  if(z.width>min_width)
  {
  z.width-=step;
  z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
  setTimeout("zoom_out()",time_length);
  }
  else
  {
  window.alert('Width less than Minimum Width');
  }
  } 
  } 
function zoom_in()
  {
  if(z.width==0)
  {
  z.border=0;
  }
  if(z.width!=0)
  {
  if(z.width<max_width)
  {
  z.width+=step;
  z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
  setTimeout("zoom_in()",time_length);
  }
  else
  {
  window.alert('Maximum Width exceeded.');
  }
  } 
  } 
function resume_zoom()
  {
  time_length=original_time;
  }
function pause_zoom()
  {
  time_length=10000000000;
  }
function set_original()
  {
  z.width=img_act_width;
  z.height=img_act_height;
  }
</script>