// JavaScript Document
//FeatureFade, a jquery slideshow gallery, was created by Matt Solano. To learn more about Matt Solano, please visit www.MattSolano.com

$(document).ready(function(){
				
						 $("#button1").click(function () {
							clearTimeout(handle);
      						changestate(1);
							$("#stopbutton").css("background-image", "url(images/pause.png)");

						 });
						 
						 
						 $("#button2").click(function () {
							clearTimeout(handle);
      						changestate(2);
							$("#stopbutton").css("background-image", "url(images/pause.png)");
   						 });
						 
						 
						 $("#button3").click(function () {
							clearTimeout(handle);
      						changestate(3);
							$("#stopbutton").css("background-image", "url(images/pause.png)");
   						 });
						 
						 
						 $("#button4").click(function () {
							clearTimeout(handle);
      						changestate(4);
							$("#stopbutton").css("background-image", "url(images/pause.png)");
   						 });
						 
						 
						 $("#button5").click(function () {
      						clearTimeout(handle);
							changestate(5);
							$("#stopbutton").css("background-image", "url(images/pause.png)");
							
   						 });
						 
						/* 
						 $("#button6").click(function () {
						 	clearTimeout(handle);
							changestate(6);
							$("#stopbutton").css("background-image", "url(images/pause.png)");
							
							});*/

						/*$("#stopbutton").click(function () {
						 	clearTimeout(handle);
							});*/
						
						$("#stopbutton").toggle(
  							function () {
    							clearTimeout(handle);
								$("#stopbutton").css("background-image", "url(images/play.png)");
  							},
  							function () {
								frame=laststate+1;
								
								if(frame==6){
								clearTimeout(handle);
   								changestate(1);	
									
								}else{
								clearTimeout(handle);
   								changestate(frame);
								$("#stopbutton").css("background-image", "url(images/pause.png)");
								}
 							 }
						);

				
				
				});/*----End of (document).ready----*/
				
						
					var handle;	
					var laststate;
					var frame;
					
					
					
					
					
				function changestate (frame){
					
							
    				
					
				if (laststate>0){
					
					$("#feature" + laststate).fadeTo(1000 , 0);
					$("#featureinfo" + laststate).fadeTo(1000 , 0);
					$("#button"+laststate).css("background-color", "#FFFFFF");
					$("#feature"+laststate).animate({top: "427px"},0);
					$("#featureinfo"+laststate).animate({top: "427px"},0);
					
				}
					
					
					
					
					
					$("#feature"+frame).animate({top: "0px"},0);
					$("#featureinfo"+frame).animate({top: "252px"},0);
					$("#feature" + frame).fadeTo(2000 , 1);
					$("#featureinfo" + frame).fadeTo(2000 , 1);
					$("#button"+frame).css("background-color", "#70acca");
					
					
					
					
					
					
					
						
					
					
						
					laststate = frame;
					
					if(frame==6){
						
						laststate=frame;
						frame=0;
					}
					
					handle = setTimeout(function(){
					
						changestate(frame+1);
						
					},10000);
					
					
						
					}
	
				
				$(document).ready(function(){
				
					changestate(1);
				
				
					
				
				
				});