hover image pop up

hover image pop up

I have a main div that has 3 container divs that house images (1 image in each of the three divs). I'm trying to create a  mouseover/mouse out function that will pop up a larger image in the middle of the screen. This was an afterthought. :( Is there a way to do this without throwing off my whole page? What would be the best way to do this? Do you need more information? Each picture has it's own ID. 

<div class="clearfix" id="LayoutDiv2">
      <div id="highlte1"><img src="images/HDS1303.jpg" name="brake" id="brake"></div>
      <div id="highlte2"><img src="images/welding01.jpg" name="sparks" id="sparks" ></div>
      <div id="highlte3"><img src="images/welding01.jpg" name="something" id="something" ></div>
    </div>

Thanks in advance! :)