var sectionId = 0;
var currentSection = 0;

function resetAutoScrollTimer(){
	clearInterval( autoScrollTimer );
	autoScrollTimer = setInterval(autoScroll, autoScrollTime);
}

var autoScrollTimer;
var autoScrollTime = 10000;

function autoScroll() {	
	sectionId++;
	if (sectionId > picArray.length-1){
		sectionId = 0;	
	}
	switchPicTo(sectionId);
}

function manualScrub(scrubDirection){
	sectionId+scrubDirection;
	
	if ( sectionId > picArray.length - 1 ){
		sectionId = 0;	
	}
	
	if ( sectionId < 0 ){
		sectionId = picArray.length - 1;	
	}
	
	switchPicTo( sectionId );
}

var picArray = new Array(
	"pic1",
	"pic2",
	"pic3",
	"pic4",
	"pic5"
);

var transitionTime = .4;
var transitionTimeShort = .4;

function switchPicTo( picToDisplay ) {
	
	if (picToDisplay != currentSection){
		
		switch(picArray[picToDisplay]){
			case "pic1":
				currentSection = 0;

				$('FeaturedTitle').morph('color:#ffffff;', { duration: transitionTime });
				$('FeaturedButton1').morph('color:#ffffff;', { duration: transitionTime });
				$('FeaturedButton2').morph('color:#335f84;', { duration: transitionTime });
				$('FeaturedButton3').morph('color:#335f84;', { duration: transitionTime });
				$('FeaturedButton4').morph('color:#335f84;', { duration: transitionTime });
				$('FeaturedButton5').morph('color:#335f84;', { duration: transitionTime });

				Effect.Fade('pic2', { duration: transitionTimeShort });
				Effect.Fade('pic3', { duration: transitionTimeShort });
				Effect.Fade('pic4', { duration: transitionTimeShort });
				Effect.Fade('pic5', { duration: transitionTimeShort });
				
				$('homepage_image').morph('background:#001836;', { duration: transitionTime, queue: 'end' });
				Effect.Appear('pic1', { duration: transitionTime, queue: 'end' });

			break;
			
			case "pic2":
				currentSection = 1;
				$('FeaturedTitle').morph('color:#304150;', { duration: transitionTime });
				$('FeaturedButton1').morph('color:#8C959D', { duration: transitionTime });
				$('FeaturedButton2').morph('color:#304150;', { duration: transitionTime });
				$('FeaturedButton3').morph('color:#8C959D', { duration: transitionTime });
				$('FeaturedButton4').morph('color:#8C959D', { duration: transitionTime });
				$('FeaturedButton5').morph('color:#8C959D', { duration: transitionTime });
			
				Effect.Fade('pic1', { duration: transitionTimeShort });
				Effect.Fade('pic3', { duration: transitionTimeShort });
				Effect.Fade('pic4', { duration: transitionTimeShort });
				Effect.Fade('pic5', { duration: transitionTimeShort });

				$('homepage_image').morph('background:#bac0c4;', { duration: transitionTime, queue: 'end'});
				Effect.Appear('pic2', { duration: transitionTime, queue: 'end' });
				
			break;
	
			case "pic3":
				currentSection = 2;
				
				$('FeaturedTitle').morph('color:#304150;', { duration: transitionTime });
				$('FeaturedButton1').morph('color:#809AB5;', { duration: transitionTime });
				$('FeaturedButton2').morph('color:#809AB5;', { duration: transitionTime });
				$('FeaturedButton3').morph('color:#304150', { duration: transitionTime });
				$('FeaturedButton4').morph('color:#809AB5;', { duration: transitionTime });
				$('FeaturedButton5').morph('color:#809AB5;', { duration: transitionTime });	
				
				Effect.Fade('pic1', { duration: transitionTimeShort });
				Effect.Fade('pic2', { duration: transitionTimeShort });
				Effect.Fade('pic4', { duration: transitionTimeShort });
				Effect.Fade('pic5', { duration: transitionTimeShort });
				
				$('homepage_image').morph('background:#b0c9d2;', { duration: transitionTime, queue: 'end' });
				Effect.Appear('pic3', { duration: transitionTime, queue: 'end' });
				
			break;
			
			case "pic4":
				currentSection = 3;
				
				$('FeaturedTitle').morph('color:#ffffff;', { duration: transitionTime });
				$('FeaturedButton1').morph('color:#224f80;', { duration: transitionTime });
				$('FeaturedButton2').morph('color:#224f80;', { duration: transitionTime });
				$('FeaturedButton3').morph('color:#224f80;', { duration: transitionTime });
				$('FeaturedButton4').morph('color:#ffffff;', { duration: transitionTime });
				$('FeaturedButton5').morph('color:#224f80;', { duration: transitionTime });	
				
				Effect.Fade('pic1', { duration: transitionTimeShort });
				Effect.Fade('pic2', { duration: transitionTimeShort });
				Effect.Fade('pic3', { duration: transitionTimeShort });
				Effect.Fade('pic5', { duration: transitionTimeShort });
				
				$('homepage_image').morph('background:#001836;', { duration: transitionTime, queue: 'end' });
				Effect.Appear('pic4', { duration: transitionTime, queue: 'end' });
				
			break;
			
			case "pic5":
				currentSection = 4;
				
				$('FeaturedTitle').morph('color:#304150;', { duration: transitionTime });
				$('FeaturedButton1').morph('color:#AAAEB3;', { duration: transitionTime });
				$('FeaturedButton2').morph('color:#AAAEB3;', { duration: transitionTime });
				$('FeaturedButton3').morph('color:#AAAEB3;', { duration: transitionTime });
				$('FeaturedButton4').morph('color:#AAAEB3;', { duration: transitionTime });
				$('FeaturedButton5').morph('color:#304150;', { duration: transitionTime });	
				
				Effect.Fade('pic1', { duration: transitionTimeShort });
				Effect.Fade('pic2', { duration: transitionTimeShort });
				Effect.Fade('pic3', { duration: transitionTimeShort });
				Effect.Fade('pic4', { duration: transitionTimeShort });	
				
				$('homepage_image').morph('background:#d6d9dc;', { duration: transitionTime, queue: 'end' });
				Effect.Appear('pic5', { duration: transitionTime, queue: 'end' });
				
			break;
			
		}
		sectionId = currentSection;		
	}
}