$(document).ready(function(){

	slideShowVar = {
		numImages: $("#rotator img").length, // set var to equal the number the of banner images
		interval: 6500, // interval between slides
		i: 0, // incrementer for generator tabs
	    f: 0, // fade interval indicator
		startSlideShow: 0,
		numberClicked: 0
	}

	$("#rotator a:eq(0)").before("<ol></ol>"); // tab container

	for ( slideShowVar.i = 1; slideShowVar.i <= slideShowVar.numImages; slideShowVar.i++ ) {
		$("#rotator ol").append('<li><a href="javascript:void(0)" title="Go To Banner '+ slideShowVar.i +'" class="banner0'+ slideShowVar.i +'">'+ slideShowVar.i +'</a></li>'); //create nav links with classes based on the number of banner images
		$("#rotator img:eq("+ (slideShowVar.i-1) +")").attr({ id: "banner0"+slideShowVar.i+"" }); // add matching id's to each of the banner images
	}
	
	$("#rotator ol li a").css({ opacity: 0.8});
	$("#rotator ol li a.banner01").addClass("on").css({ opacity: 1.0});
	$("#rotator a img:eq(0)").css({"display" : "block"});

	function slideFade() {
		if ( slideShowVar.f < (slideShowVar.numImages -1) ) {
			$("#rotator a img:eq("+ slideShowVar.f +")").fadeOut( 1500,
				function() {
					$("#rotator ol li a").removeClass("on").css({ opacity: 0.8});
					$("#rotator ol li a.banner0"+ ( slideShowVar.f + 2) +"").addClass("on").css({ opacity: 1.0});
					$("#rotator a img:eq("+ (slideShowVar.f + 1) +")").fadeIn( 2300 ); //alert(f);
					slideShowVar.f = slideShowVar.f + 1;
				}
			);
		} else if ( slideShowVar.f = (slideShowVar.numImages -1) ) {
			$("#rotator a img:eq("+ slideShowVar.f +")").fadeOut( 2300,
				function() {
					$("#rotator ol li a").removeClass("on").css({ opacity: 0.8});
					$("#rotator ol li a.banner0"+ ( slideShowVar.f + 1) +"").addClass("on").css({ opacity: 1.0});
					$("#rotator a img:eq(0)").fadeIn( 2300 );
				}
			);
			slideShowVar.f = 0;
		} 	
	}

	slideShowVar.startSlideShow = setInterval( slideFade, slideShowVar.interval );

	$("#rotator ol li a").click( function () {										 
		$("#rotator a img").hide();
		slideShowVar.numberClicked = $(this).text();
		$("#rotator a img:eq("+ (slideShowVar.numberClicked - 1) +")").fadeIn( 2300 );
		$("#rotator ol li a").removeClass("on").css({ opacity: 0.8});
		$(this).addClass("on").css({ opacity: 1.0});
		clearTimeout(slideShowVar.startSlideShow)
    });


}); //end ready