/*
 * --------------------------------------------------------------------
 
 將<li><a id="abc">XXX</a></li>
 變成<li><a id="abc"><img src="images/abc.jpg" alt="XXX" /></a></li>
 * --------------------------------------------------------------------
 */

$.autolink2img = function(settings){
	settings = jQuery.extend({
		 imgDir: 'images',
		 onFade: '300',
		 outFade: '300'
	}, settings);
	
   var imagepath = settings.imgDir+"/";
   
   	$(".img_link li").each(function(i){	
		var alt_txt = $(".img_link li a:eq("+i+")").html();
		$(".img_link li a:eq("+i+")").html("<img src='" + imagepath + $(".img_link li a:eq("+i+")").attr("id")+".jpg' alt='"+ alt_txt +"' />");	
	})
	
	$(window).load(function(){
		
		$(".img_link li").each(function(i){
			$(this).css({'background-image':'url(' + imagepath + $(".img_link li a:eq("+i+")").attr("id") +'-on.jpg)','width':$(".img_link li img:eq("+i+")").width(),'height':$(".img_link li img:eq("+i+")").height()});
		})
	})

	$(".img_link img").hover(function(){
		$(this).fadeTo(settings.onFade,0.01);
	},function(){
		$(this).fadeTo(settings.outFade,1);  
	})
}