// Image rollovers //
jQuery(document).ready(function(){
	jQuery("img.hover-fade").hover(
		function() {
			jQuery(this).stop().animate({"opacity": "0"}, "fast");
		},
		function() {
			jQuery(this).stop().animate({"opacity": "1"}, "slow");
		});
 
	});




this.fadeLinks = function() {	
	
	var selector = ".fade-link"; //modify this line to set the selectors
	var speed = "fast" // adjust the fading speed ("slow", "normal", "fast")
	
	var bgcolor = "#fff"; 	// unfortunately we have to set bg color because of that freakin' IE *!$%#!!?!?%$! 
							//please use the same background color in your links as it is in your document. 
							
	jQuery(selector).each(function(){ 
		jQuery(this).css("position","relative");
		var html = jQuery(this).html();
		jQuery(this).html("<span class=\"one\">"+ html +"</span>");
		jQuery(this).append("<span class=\"two\">"+ html +"</span<");		
		if(jQuery.browser.msie){
			jQuery("span.one",jQuery(this)).css("background",bgcolor);
			jQuery("span.two",jQuery(this)).css("background",bgcolor);	
			jQuery("span.one",jQuery(this)).css("opacity",1);			
		};
		jQuery("span.two",jQuery(this)).css("opacity",0);		
		jQuery("span.two",jQuery(this)).css("position","absolute");		
		jQuery("span.two",jQuery(this)).css("top","0");
		jQuery("span.two",jQuery(this)).css("left","0");		
		jQuery(this).hover(
			function(){
				jQuery("span.one",this).fadeTo(speed, 0);				
				jQuery("span.two",this).fadeTo(speed, 1);
			},
			function(){
				jQuery("span.one",this).fadeTo(speed, 1);	
				jQuery("span.two",this).fadeTo(speed, 0);
			}			
		)
	});
};

		jQuery(document).ready(function(){	
			fadeLinks();
		});