Clicked Down Images

[Sava]

I have two layer like in below. When my mouse over of them, the rollover images of them active (down images). And when mouse out of the layers the original images of them active . What i want to be is when i click one of the layers (the original images active after the clicking the layers and i don't want to be ) they must stay in down images. ](until i click the other layer)[/I]

when i click the other layer, clicked first layer must turn to it's original image and second clicked layer must active it's down image (after clicking) and must save it's down image until i click another layer.

Also i have an iframe code when i click the layers new html pages open in iframe window.

Which code i have to add, and where? Can someone help me for this problem.

Thanque


FIRST LAYER CODE:

<div id="Layer11" style="position: absolute; left: 249px; top: 186px; width: 24px; height: 147px; z-index: 8"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('hakkımızda','','LAYERHAKKIMIZDAust.jpg',1)" onclick="document.getElementById('orhit').src='CEVIZZYen.html';"><img src="LAYERHAKKIMIZDA.jpg" alt="About_us" name="hakkımızda" width="25" height="147" border="0" id="hakkımızda" /></a></div>
---------------------------------------------------

SECOND LAYER CODE:

<div id="Layer14" style="position: absolute; left: 158px; top: 212px; width: 27px; height: 121px; z-index: 11"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Etkilesim','','LAYERETKILESIMust.jpg',1)" onclick="document.getElementById('orhit').src='banner.html';"><img src="LAYERETKILESIM.jpg" alt="Contact_Us" name="Etkilesim" width="27" height="121" border="0" id="Etkilesim" /></a></div>
-----------------------------------------------------------

IFRAME CODE:

<iframe src="AnasayfaorugenIFRAME.html" id="orhit" name="dff" width="512" height="542" align="right" scrolling="yes" frameborder=0></iframe>