$(document).ready(function() {

$("#rfo ul li:first").addClass('first');
$("#rfo ul li:last").addClass('last');
var pause = false;
var clickNext = function(){
	if(!pause) {
		var $next_li = $("#rfo ul li.active").next("li");
		if($("#rfo ul li.active").hasClass("last")){
			$("#rfo ul li").removeClass('active');
			$("#rfo ul li.first").addClass("active");
			var rfoAlt = $("#rfo ul .active").find('a').attr("title");
			var rfoRel = $("#rfo ul .active").find('a').attr("rel");
			var rfoLink = $("#rfo ul .active").find('a').attr("href");
			$("#rfoAnim").stop(true, true).fadeIn(function() {
				$("#rfoAnim").css("z-index", "3");
				$("#rfoUrl").attr({href: rfoLink, title: rfoAlt});			
				$("#rfoMain").attr({src: rfoRel, alt: rfoAlt});	
			});
			$("#rfoAnim").stop(true, true).fadeOut(500, function(){
				$("#rfoAnim").attr({src: rfoRel, alt: rfoAlt}).css("z-index", "1");
			});
			return false;
		} else {
			$("#rfo ul li").removeClass('active');
			$next_li.addClass("active");
			var rfoAlt = $("#rfo ul .active").find('a').attr("title");
			var rfoRel = $("#rfo ul .active").find('a').attr("rel");
			var rfoLink = $("#rfo ul .active").find('a').attr("href");
			$("#rfoAnim").stop(true, true).fadeIn(function() {
				$("#rfoAnim").css("z-index", "3");
				$("#rfoUrl").attr({href: rfoLink, title: rfoAlt});			
				$("#rfoMain").attr({src: rfoRel, alt: rfoAlt});	
			});
			$("#rfoAnim").stop(true, true).fadeOut(500, function(){
				$("#rfoAnim").attr({src: rfoRel, alt: rfoAlt}).css("z-index", "1");
			});
			return false;
		}
	}
};
setInterval(clickNext, 4000);

$("#rfo ul li").hover(function(){
	if ($(this).is(".active")) {
		return false;
	}
	else {
		pause = true;

		$("#rfo ul li").removeClass('active');
		$(this).addClass('active');
		
		var rfoAlt = $("#rfo ul .active").find('a').attr("title");
		var rfoRel = $("#rfo ul .active").find('a').attr("rel");
		var rfoLink = $("#rfo ul .active").find('a').attr("href");
		$("#rfoAnim").stop(true, true).fadeIn(function() {
			$("#rfoAnim").css("z-index", "3");
			$("#rfoUrl").attr({href: rfoLink, title: rfoAlt});			
			$("#rfoMain").attr({src: rfoRel, alt: rfoAlt});	
		});
		$("#rfoAnim").stop(true, true).fadeOut(500, function(){
			$("#rfoAnim").attr({src: rfoRel, alt: rfoAlt}).css("z-index", "1");
		});
	}
}, 
	function() {
		pause = false;
	}
);

});