I seem to have thought beyond my means. Is there a way to stack two "a href" tags ontop of each other? I want a javascript to display an image swap in a different part of the page. The JavaScript is in a table and the image is in a separate table, but I would like to avoid frames if possible.

www.surreal-images.com/AAE

in the above site, if you click on one of the items, it drops to a secondary item, those are the ones I want to have display the image swaps, and yes the swaps would happen in the blank column in the middle.

Thanks

hmmm... could you explain it more clearly? if you want to make smth like on that site you may place a hidden text in <div>, set it visibility to "hidden", and then show it onClick through hyperlink.

I follow where you are going, I think. But I am looking at swapping multiple images.
Clearer explanation: Hmmm, from the tree menu, I would like to swap a picture in the blank column to an image that corresponds with the second tier of the menus. ie. Under the "Air Tools" sits "Drills" upon clicking on or mousing over on "Drills" I would like an image of a drill to show in the empty column, and for "Rachets" then a corresponding image of a rachet. I understand how to do that on it's own, but the JavaScript already has "Drills" and "Rachets" etc. attached to other "a href" tags. Which I need them to be linked to as well.

This is the uncorrupted coding:

<div><a href="#" tabindex="1" onClick="P7_TMenu(this);return false">Air Tools</a>

<div><a href="#" tabindex="2" onClick="P7_TMenu(this);return false">Impacts</a>
<div><a href="#" tabindex="3">Ingersoll-Rand</a></div>
</div>
<div><a href="#" tabindex="4" onClick="P7_TMenu(this);return false">Drills</a>
<div><a href="#" tabindex="5">Ingersoll-Rand</a></div>
</div>
<div><a href="#" tabindex="6" onClick="P7_TMenu(this);return false">Air Rachets</a>
<div><a href="#" tabindex="7">Ingersoll-Rand</a></div>
</div>
</div>


And this is what I have tried:

<div><a href="#" tabindex="4" onClick="P7_TMenu(this);return false"><a href="javascript:;" OnMouseOut="MM_swapImgRestore()" onMouseEnter="MM_swapImage('back','','assets/p7pep_here.gif',1)">Drills</a></a>
<div><a href="#" tabindex="5">Ingersoll-Rand</a></div>
</div>

Or this:

<div><a href="#" tabindex="4" onClick="P7_TMenu(this);return false" OnMouseOut="MM_swapImgRestore()" onMouseEnter="MM_swapImage('back','','assets/p7pep_here.gif',1)">Drills</a>
<div><a href="#" tabindex="5">Ingersoll-Rand</a></div>
</div>

Sorry for the mess. I hope this explains it better. If not, I don't know that it is worth the aggrivation.

Thanks