$(document).ready(function(){
	
	
	
	//$("#testscreen").css("opacity",.15);
	//$("#testscreen").css("opacity",0);
	
	//$("#slidebar").css("opacity",0);
	$("#slidebar div").css("opacity",0);
	
	$("#slidebar").css("top","0px");
	//$("#slidebar").animate({opacity:1},{queue:false, duration:2000});  //ie 7 hates this.. don't think i needed anyway
	
	$("#bigslides").append("<div class='dotholder'/>");
	$("#slidebar div").each(function(){
		
		//$(".dotholder").append("<img src='images_11/features/dotblank.png'/>");
		
	});
	
	//alert($("#bigslides .dotholder").parent().height());
	
	$("#bigslides .dotholder").css("top",($("#bigslides .dotholder").parent().height()-20)+"px");
	
	//alert ($("#bigslides .dotholder").css("top"));
	
	
	
myBFslides=$("#slidebar div").length-1;
//alert (myBFslides);
if (myBFslides>=0){
	 for (x=0;x<=myBFslides;x++){
		 
		
			 $("#bigslides .dotholder").prepend("<img src='images_11/features/dotblank.png'/>");
		
		 
		//$("#slidebar div").eq(x).css("opacity",0);
		 
	 } //make all but the last in line opacity 0
	
	setTimeout(startBFbanners,1215);
}

function rotateBFbanners(BFdonum){
	$("#bigslides .dotholder img").attr("src","images_11/features/dotblank.png");
	$("#bigslides .dotholder img").eq(BFdonum).attr("src","images_11/features/dotsolid.png");
	
	
	if(BFdonum==myBFslides){
		//alert("i got in zero");
		nextBFslide=0;
	} else {
		nextBFslide=BFdonum+1;
	}
	if(BFdonum==0){
		lastBFslide=myBFslides;
	} else {
		lastBFslide=BFdonum-1;
	}
	if(nextBFslide==0){
		//alert("next should be zero");
	}
	oldBFslide=BFdonum;
	//alert("animating slide"+BFdonum+ " and fading out"+lastBFslide);
	$("#slidebar div").eq(BFdonum).css("z-index",20);
$("#slidebar div").eq(BFdonum).animate({opacity:1},{queue:false, duration:3000,complete:function(){
																								 rotateBFbannerspause(nextBFslide,oldBFslide)
																								 }});
$("#slidebar div").eq(lastBFslide).animate({opacity:0},{queue:false, duration:2000});
}


function rotateBFbannerspause(thisBFnumber,oldBFnumber){
	//alert("this number made it to function"+thisBFnumber);
	$("#slidebar div").eq(thisBFnumber).css("z-index",10);
	thisBFchecker=thisBFnumber;
	oldBFchecker=oldBFnumber;
	$("#slidebar div").each(function(){
		if($(this).index("#slidebar div")!=thisBFchecker&&$(this).index("#slidebar div")!=oldBFchecker){
			$(this).css("z-index",0);
		}
	});
	
	
	
	$("#slidebar div").eq(thisBFnumber).animate({opacity:0},{queue:false, duration:8257,complete:function(){
																								 rotateBFbanners(thisBFnumber)
																								 }});
}

function startBFbanners(){
	rotateBFbanners(0);
}

						
						
				
				
						   });