timeDelay = 6000 //3000 This value is for the delay between changing images

$.fadeDelay = 1300 // This value is for the time the fade between images takes

$.jsrCounter =  1;	 //This is the counter that runs the rotator, set it to what image you want the rotator to start on

$(document).ready(function(){

	$.imageCount = $('ul#jsrImages li').length

	for(i=1;i<$.imageCount + 1;i=i+1){

	 thisDiv = $('<a href="javascript:jumpImages(' + i + ')"></a>')

	 //thisDiv.attr("id","jsrBtn" + i).appendTo("#navBox");

	 thisDiv.attr("id","jsrBtn" + i).appendTo("#pp");

	}

	jumpImages($.jsrCounter)

 });

 function jumpImages(jsrCounter){
 	clearInterval(timeInterval)
	timeInterval =  setInterval("swapImages($.jsrCounter, $.imageCount);", timeDelay);
	$.jsrCounter = jsrCounter;
	swapImages(jsrCounter, $.imageCount);
	}

 function swapImages(jsrCounter, imageCount){
	//$("#fade2").html($("#fade1").html()).show().fadeOut($.fadeDelay);
	//$("#fade1").html($("#jsr" + jsrCounter).html()).fadeIn($.fadeDelay);
	$("[id*=jsrBtn]").removeClass("over")
	$("#jsrBtn" + jsrCounter).addClass("over")
	if($.jsrCounter == $.imageCount){
		$.jsrCounter = 1
	 }else{
	 	$.jsrCounter++
	};
};

var timeInterval = setInterval("swapImages($.jsrCounter, $.imageCount);", timeDelay);