<!--
$(document).ready(  function(){
	
	//Generate Navigation
	var numBanners = $("#rotator div").size();
	
	$("#rotator div:first").before('<ul id="rotator_nav"><li><a href="javascript:void(0)" title="1">1</a></li></ul>')
	for( var i = 0; i <= (numBanners - 1); i++){
			 
			$("#rotator div:eq("+ i +")").addClass("banner bn0" +( i + 1 )+ "")
			$("#rotator_nav li:eq(" + (i - 1) + ")").after('<li><a href="javascript:void(0)" title="'+( i + 1 )+'">' + (i + 1) + '</a></li>')
	
	}
	//display 1st banner
	$(".bn01").fadeIn().addClass("on");
	
	//Add class "on" first link
	$("#rotator_nav li:eq(0) a[title='1']").addClass("on");
	
	var startRotation = setInterval( rotationFade , 5000 )
	
	//Set Incrementor for Rotation
	var i = 0
	
	function rotationFade(){
		if( i < ( numBanners -1 ) ){
			$(".bn0"+ (i + 1) +"").fadeOut("slow", function(){
				$(".bn0"+ (i + 2) +"").fadeIn("fast").addClass("on");
				$("#rotator_nav li a").removeClass("on");
				$("#rotator_nav li a[title='"+( i + 2 )+"']").addClass("on");
				i = i + 1
			} ).removeClass("on");
		} else if( i = ( numBanners - 1 ) ){
			$(".bn0"+ (i + 1) +"").fadeOut( "slow" , function(){
				$(".bn01").fadeIn("fast").addClass("on");
				$("#rotator_nav li a").removeClass("on");
				$("#rotator_nav li a[title='1']").addClass("on");
			}).removeClass("on");
			i = 0
		}
	};
	
	$("#rotator_nav li a").click( function(){
		clearTimeout(startRotation);
		if(!$(this).hasClass("on") ){
			$("#rotator_nav li a").removeClass("on");
			$(this).addClass("on");
			
			var thisLink = $(this).attr("title");
			
			$(".banner.on").removeClass("on").fadeOut("fast", function(){
				$(".bn0"+ thisLink +"").addClass("on").fadeIn("fast")									 
			});
		};
	});
});
//-->
