Very new to coding javascript and I have a question
for the 'experts'.

I would like to take included code and edit it to work
with multiple images in the most efficient way
possible. The code excerpt comes from w3schools.

As it is currently written, if you add another image with the same filter effect neither work as the image names (ID) conflict.

Code:
<html>
<head>
<style>
img
{
filter:alpha(opacity=10)
}
</style>

<script type="text/javascript">
function clean()
{
interval=setInterval("makeclean(myImage)",10)
}

function foggy()
{
clearInterval(interval)
myImage.filters.alpha.opacity=10
}

function makeclean()
{
if (myImage.filters.alpha.opacity<100)
	{
	myImage.filters.alpha.opacity+=5
	}
else if (window.interval)
	{
	clearInterval(interval)
	}
}

</script></head>

<body>
<img id="myImage" src="landscape.jpg" 
onmouseover="clean()" onmouseout="foggy()" 
width="160" height="120">
<b>Mouse over the image</b>
</body>

</html>

Thanks for any help you can provide on this!

Greg