// JavaScript Document

var current_img = '#img_11';								
$(document).ready(function(){
	$('#list1 li').mouseout(function() { swapImage(current_img, '#img_11'); } );	

	$('#li_01').mouseover(function() { swapImage(current_img, '#img_01'); } );	
	$('#li_02').mouseover(function() { swapImage(current_img, '#img_02'); } );
	$('#li_03').mouseover(function() { swapImage(current_img, '#img_03'); } );
	$('#li_04').mouseover(function() { swapImage(current_img, '#img_04'); } );
	$('#li_05').mouseover(function() { swapImage(current_img, '#img_05'); } );
	$('#li_06').mouseover(function() { swapImage(current_img, '#img_06'); } );
	$('#li_07').mouseover(function() { swapImage(current_img, '#img_07'); } );
	$('#li_08').mouseover(function() { swapImage(current_img, '#img_08'); } );
	$('#li_09').mouseover(function() { swapImage(current_img, '#img_09'); } );
	$('#li_10').mouseover(function() { swapImage(current_img, '#img_10'); } );
});

function swapImage(old_img, new_img)
{
	if(new_img != current_img)
	{
		$(old_img).hide();
		$(new_img).fadeTo('slow', 1.0);
		current_img = new_img;
	}
}