Hi friends,

A bit of help if you may.

Basically, there are 10 menu items listed on the left and 10 corresponding images on the right. So,if I hover over the 1st item on the left, the corresponding 1st image on the right should fade to 0.33 opacity and come back.

- The ten text items on the left each have a class of "1","2","3"..and so on till "10" and the 10 pics on the right each have a same corresponding class of "1","2","3"...and so on till "10".
- The 10 text items on the left are inside a div with id="left" and the 10 pics on the right are inside a div with class="gallerycontainer".

This is the code I am using but it seems to be working only on the 1st item-1st image pair...

Code:
<script type="text/javascript">
$(document).ready(function() {

var a=10,b;

for(a=0;a<10;a++)
{ b=a+1;

$("#left ."+b).hover(function () { 				 
	               $(".gallerycontainer ."+b+" img").fadeTo("slow", 0.33,function() {$(".gallerycontainer ."+b+" img").fadeTo("slow", 1.00);}); });
					
} //end of for-loop	

});
</script>
Can you tell me whats going wrong ?

Thanks a lot
Rohil