var n=1;
var pause=0;

var shit;
var mouse;
var current="";
var B="#button0";
var B2="#button0";

var select="#pane0";


  
$(document).ready(function(){
   $("#p1,#p2,#p3,#p4,#p5").css("display", "none");
  $("#pane0").fadeTo(0,1);
  $("#pane1,#pane2,#pane3,#pane4,#pane5").fadeTo(0,0);
  $("#pane1,#pane2,#pane3,#pane4,#pane5").css("display", "none");
  $(B).css("background-image","url('light.png')");
  $(B+" img").css("visibility","hidden");
  
  
  //loop to cycle through tabs//
    setInterval(function() {
    if(pause==0){
  if(n==0){$("#button5").css("background-image","url('dark.png')");$("#pane5").fadeTo("slow",0);}
  
  $("#pane"+n).css("display", "block");
  $("#pane"+(n-1)).fadeTo("slow",0);
  $("#pane"+n).fadeTo("slow",1);
 
   
  $("#button"+(n-1)).css("background-image","url('dark.png')");
  $("#button"+n).css("background-image","url('light.png')"); 
	
	n++;
	if(n>5){ n=0;}
	}
    }, 5000);
   //end loop/////
  
  $("#list").mousedown(function(){
   if(pause!=2){
		if(n!=0){ $("#button"+(n-1)).css("background-image","url('dark.png')");
                   $("#pane"+(n-1)).fadeTo("slow",0);
				 }
		else{$("#button5").css("background-image","url('dark.png')");
                   $("#pane5").fadeTo("slow",0);
		    }
          pause=2;
         }
  if(mouse!=current){
 
  $(mouse).css("display", "block");
  $(current).fadeTo("slow",0);
  $(mouse).fadeTo("slow",1);
 
   
  $(B2).css("background-image","url('dark.png')");
  $(B).css("background-image","url('light.png')"); 
  
  $(B+" img").css("visibility","visible");
  if(B2!=B){$(B2+" img").css("visibility","hidden");}
  
  B2=B;
  shit=current;
  current=mouse;
   }
  });
  
   $("#artdis").mouseover(function(){$(shit).css("display", "none");});
  
 $("#button0").mouseover(function(){mouse="#pane0";B="#button0";});
 $("#button1").mouseover(function(){mouse="#pane1";B="#button1";});
 $("#button2").mouseover(function(){mouse="#pane2";B="#button2";});
 $("#button3").mouseover(function(){mouse="#pane3";B="#button3";});
 $("#button4").mouseover(function(){mouse="#pane4";B="#button4";});
 $("#button5").mouseover(function(){mouse="#pane5";B="#button5";});
 
  $("#containerx").mouseover(function(){if(pause!=2){pause=1;$("#pause").css("visibility","visible");}});
  $("#containerx").mouseout(function(){if(pause==1){pause=0;}$("#pause").css("visibility","hidden");});
 
 
 
 
//ARROW STUFF//////////////
 
 var post="#p0";
var arrow="#arrow0"
 
 $("#L1").mouseover(function(){

 $(post).css("display","none");
 $(arrow).css("display","none");
 $("#p1").css("display","block");
 $("#arrow1").css("display","block");
 post="#p1";
 arrow="#arrow1";
 });
 
  $("#L2").mouseover(function(){
  $(post).css("display","none");
  $(arrow).css("display","none");
  $("#p2").css("display","block");
  $("#arrow2").css("display","block");
  post="#p2";
  arrow="#arrow2";
  });
  
   $("#L3").mouseover(function(){
   $(post).css("display","none");
   $(arrow).css("display","none");
   $("#p3").css("display","block");
   $("#arrow3").css("display","block");
   post="#p3";
   arrow="#arrow3";
   });
   
    $("#L4").mouseover(function(){
	$(post).css("display","none");
	$(arrow).css("display","none");
	$("#p4").css("display","block");
	$("#arrow4").css("display","block");
	post="#p4";
	arrow="#arrow4";
	});
	
	 $("#L5").mouseover(function(){
	 $(post).css("display","none");
	 $(arrow).css("display","none");
	 $("#p5").css("display","block");
	 $("#arrow5").css("display","block");
	 post="#p5";
	 arrow="#arrow5";
	 });
});