// JavaScript Document
$(function(){
	var timer = null, index = 0, imgs = 7;
	var slide = function(i, self){
		var $s = self ? self : $("#b" + i);
		var $a = $s.find('a');
		if(self){
			$('#fimage div').html($s.find('span').html()).css('opacity', '0.6');
			$("#fimage img").attr({src: $a.attr('id'), alt: $a.attr('alt')});
		}else{
			$("#fimage .fshow").animate({opacity:0.2}, 200, function(){
				$("#fimage div").html($s.find('span').html()).animate({opacity:0.6}, 350);	
				$("#fimage img").attr({src: $a.attr('id'), alt: $a.attr('title')}).animate({opacity:1}, 250);
			});
		}
		$s.addClass('active').siblings().removeAttr('class');
		return false;
	};
	
	(auto = function(self){
		if (++index > imgs) {index = 1;}
		slide(index,self);
		timer = window.setTimeout(function(){auto();}, 3000);
	})();
	
	$("#ftitle ul li").hover(function(){
		index = parseInt(this.id.substring(1)) - 1;
		if(timer){clearTimeout(timer);}
		slide(1,$(this));
	}, function(){
		$(this).removeAttr('class');
		auto($(this));
	});
});