$(document).ready(function() {
	_transitionInterval = 1;
	Counter = 1;		
	Interrupted = false;
	slide_count = $('div#slideshow').find('div.hero').length;
	visibleTabCount = 3;
	tabs = $('div#slideshow').find('div.pillar');
	tabChunks = new Array();
	currentChunk = 0;

	var $pillar0_state = "down";
	var $pillar1_state = "down";	
	var $pillar2_state = "down";	

	// hide all slides but the current slide
	$('div.hero').hide();
	$('div#hero' + Counter).show();

	// hide controls if there is only one slide
	if (slide_count == 1){
		$('div.control-nav').hide();
		$('div.control').hide();
	}

	// put images in all pillar titles
	for(var i=1; i<=slide_count; i++){
		$('div#hero' + i + ' div.pillar div.pillar-title:eq(0)').css('background-image', 'url(https://staticwebmedia.shc.org/images/Pillar_bkgrd_Physician.jpg)');
		$('div#hero' + i + ' div.pillar div.pillar-title:eq(1)').css('background-image', 'url(https://staticwebmedia.shc.org/images/Pillar_bkgrd_Tech.jpg)');
		$('div#hero' + i + ' div.pillar div.pillar-title:eq(2)').css('background-image', 'url(https://staticwebmedia.shc.org/images/Pillar_bkgrd_Staff.jpg)');
	}

	for(var i=0; i<tabs.length; i++){
		if((i % visibleTabCount) == 0){
			currentChunk++;
			tabChunks[currentChunk] = new Array();
		}
		tabChunks[currentChunk].push(tabs[i]);
	}

	// autoplay
	Transition();
	
	// Set number clicks
	for(var i=0; i<slide_count; i++){
		var currentControl = i+1;
		$('div#control-'+currentControl).click(function() {
			Interrupted = true; 
			clearTimeout(_transitionInterval);
			Last = Counter - 1;
			$('div.pillar').css('marginTop', '-41px').css('overflow', 'hidden');
			if (Last < 1) {Last = slide_count;} 
			var num = $(this).attr('id').split('-');
			var currentId = num[1];   
			$(this).addClass('controlActive');
			
			for(var i=1; i<slide_count+1; i++){
				if(currentId != i)
				{
					$('div#control-' + i).removeClass('controlActive');
				}
				$('div#hero' + i).css('display', 'none');					
			}
			
			$('div#hero' + currentId).fadeIn('slow');
			DisplayCurrentTabs(currentId);
			Counter=currentId;
		});
	}
	
	$('div#control-left').click(function() {
		Interrupted = true;
		clearTimeout(_transitionInterval);
		Counter--;
		if (Counter == 0) {Counter = slide_count}
		Last = Counter + 1;
		if (Last > slide_count) {Last = 1}
		$('div.pillar').css('marginTop', '-41px');
		$('div#hero' + Last).css('display', 'none');
		$('div#hero' + Counter).fadeIn('slow');
		$('div#control-' + Last).removeClass('controlActive');
		$('div#control-' + Counter).addClass('controlActive');		
		DisplayCurrentTabs(Counter);
	});

	$('div#control-right').click(function() {
		Interrupted = true;
		clearTimeout(_transitionInterval);
		Counter++;
		if (Counter > slide_count) {Counter = 1;}
		Last = Counter - 1;
		if (Last == 0) {Last = slide_count}
		$('div.pillar').css('marginTop', '-41px').css('overflow', 'hidden');
		$('div#hero' + Last).css('display', 'none');
		$('div#hero' + Counter).fadeIn('slow');		
		$('div#control-'+ Last).removeClass('controlActive');
		$('div#control-'+ Counter).addClass('controlActive');			
		DisplayCurrentTabs(Counter);					
	});	
	
	$('div#hero1 .pillar:eq(0)').mouseover(function() {
		$('div#hero1 .pillar:eq(0)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero1 .pillar:eq(1)').mouseover(function() {
		$('div#hero1 .pillar:eq(1)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero1 .pillar:eq(2)').mouseover(function() {
		$('div#hero1 .pillar:eq(2)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero2 .pillar:eq(0)').mouseover(function() {
		$('div#hero2 .pillar:eq(0)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero2 .pillar:eq(1)').mouseover(function() {
		$('div#hero2 .pillar:eq(1)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero2 .pillar:eq(2)').mouseover(function() {
		$('div#hero2 .pillar:eq(2)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});
	
	$('div#hero3 .pillar:eq(0)').mouseover(function() {
		$('div#hero3 .pillar:eq(0)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero3 .pillar:eq(1)').mouseover(function() {
		$('div#hero3 .pillar:eq(1)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero3 .pillar:eq(2)').mouseover(function() {
		$('div#hero3 .pillar:eq(2)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});
	
	$('div#hero4 .pillar:eq(0)').mouseover(function() {
		$('div#hero4 .pillar:eq(0)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero4 .pillar:eq(1)').mouseover(function() {
		$('div#hero4 .pillar:eq(1)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero4 .pillar:eq(2)').mouseover(function() {
		$('div#hero4 .pillar:eq(2)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});
	
	$('div#hero5 .pillar:eq(0)').mouseover(function() {
		$('div#hero5 .pillar:eq(0)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero5 .pillar:eq(1)').mouseover(function() {
		$('div#hero5 .pillar:eq(1)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});

	$('div#hero5 .pillar:eq(2)').mouseover(function() {
		$('div#hero5 .pillar:eq(2)').stop().animate(
			{marginTop: "-119px"}, "slow"
		);
	});
		
	$('div#hero1 .pillar:eq(0)').mouseout(function() {
		if (Counter == 1) {
			$("div#hero1 .pillar:eq(0)").stop().animate(
				{marginTop: "-41px"}, "slow"
			);
		}
		else {
			$('div#hero1 .pillar:eq(0)').css("margin-top", '-41px');
			$('div#hero2 .pillar:eq(0)').css("margin-top", '-119px');
		}
	});
	
	$('div#hero1 .pillar:eq(1)').mouseout(function() {
		if (Counter == 1) {
			$("div#hero1 .pillar:eq(1)").stop().animate(
				{marginTop: "-41px"}, "slow"
			);
		}
		else {
			$('div#hero1 .pillar:eq(1)').css("margin-top", '-41px');
			$('div#hero2 .pillar:eq(1)').css("margin-top", '-119px');				
		}
	});
	
	$('div#hero1 .pillar:eq(2)').mouseout(function() {
			if (Counter == 1) {			
				$("div#hero1 .pillar:eq(2)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else {
				$('div#hero1 .pillar:eq(2)').css("margin-top", '-41px');
				$('div#hero2 .pillar:eq(2)').css("margin-top", '-119px');				
			}
		}
	);
	
	$('div#hero2 .pillar:eq(0)').mouseout(
		function() {
			if (Counter == 2) {						
				$("div#hero2 .pillar:eq(0)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 2) {
				$('div#hero2 .pillar:eq(0)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(0)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero2 .pillar:eq(0)').css("margin-top", '-41px');
				$('div#hero3 .pillar:eq(0)').css("margin-top", '-119px');				
			}		
		}
	);

	$('div#hero2 .pillar:eq(1)').mouseout(
		function() {
			if (Counter == 2) {									
				$("div#hero2 .pillar:eq(1)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 2) {
				$('div#hero2 .pillar:eq(1)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(1)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero2 .pillar:eq(1)').css("margin-top", '-41px');
				$('div#hero3 .pillar:eq(1)').css("margin-top", '-119px');				
			}		
		}		
	);

	$('div#hero2 .pillar:eq(2)').mouseout(
		function() {
			if (Counter == 2) {						
				$("div#hero2 .pillar:eq(2)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 2) {
				$('div#hero2 .pillar:eq(2)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(2)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero2 .pillar:eq(2)').css("margin-top", '-41px');
				$('div#hero3 .pillar:eq(2)').css("margin-top", '-119px');				
			}		
		}
	);

	$('div#hero3 .pillar:eq(0)').mouseout(
		function() {
			if (Counter == 3) {						
				$("div#hero3 .pillar:eq(0)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 3) {
				$('div#hero3 .pillar:eq(0)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(0)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero3 .pillar:eq(0)').css("margin-top", '-41px');
				$('div#hero4 .pillar:eq(0)').css("margin-top", '-119px');				
			}		
		}
	);

	$('div#hero3 .pillar:eq(1)').mouseout(
		function() {
			if (Counter == 3) {									
				$("div#hero3 .pillar:eq(1)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 3) {
				$('div#hero3 .pillar:eq(1)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(1)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero3 .pillar:eq(1)').css("margin-top", '-41px');
				$('div#hero4 .pillar:eq(1)').css("margin-top", '-119px');				
			}		
		}
	);

	$('div#hero3 .pillar:eq(2)').mouseout(
		function() {
			if (Counter == 3) {							
				$("div#hero3 .pillar:eq(2)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 3) {
				$('div#hero3 .pillar:eq(2)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(2)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero3 .pillar:eq(2)').css("margin-top", '-41px');
				$('div#hero4 .pillar:eq(2)').css("margin-top", '-119px');				
			}		
		}
	);

	$('div#hero4 .pillar:eq(0)').mouseout(
		function() {
			if (Counter == 4) {							
				$("div#hero4 .pillar:eq(0)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 4) {
				$('div#hero4 .pillar:eq(0)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(0)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero4 .pillar:eq(0)').css("margin-top", '-41px');
				$('div#hero5 .pillar:eq(0)').css("margin-top", '-119px');				
			}		
		}
	);

	$('div#hero4 .pillar:eq(1)').mouseout(
		function() {
			if (Counter == 4) {										
				$("div#hero4 .pillar:eq(1)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 4) {
				$('div#hero4 .pillar:eq(1)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(1)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero4 .pillar:eq(1)').css("margin-top", '-41px');
				$('div#hero5 .pillar:eq(1)').css("margin-top", '-119px');				
			}		
		}		
	);

	$('div#hero4 .pillar:eq(2)').mouseout(
		function() {
			if (Counter == 4) {							
				$("div#hero4 .pillar:eq(2)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else if (slide_count == 5) {
				$('div#hero5 .pillar:eq(2)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(2)').css("margin-top", '-119px');				
			}
			else {
				$('div#hero4 .pillar:eq(2)').css("margin-top", '-41px');
				$('div#hero5 .pillar:eq(2)').css("margin-top", '-119px');				
			}		
		}
	);	
	
	$('div#hero5 .pillar:eq(0)').mouseout(
		function() {
			if (Counter == 5) {							
				$("div#hero5 .pillar:eq(0)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else {
				$('div#hero5 .pillar:eq(0)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(0)').css("margin-top", '-119px');				
			}
		}
	);

	$('div#hero5 .pillar:eq(1)').mouseout(
		function() {
			if (Counter == 5) {							
				$("div#hero5 .pillar:eq(1)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else {
				$('div#hero5 .pillar:eq(1)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(1)').css("margin-top", '-119px');				
			}
		}
	);

	$('div#hero5 .pillar:eq(2)').mouseout(
		function() {
			if (Counter == 5) {							
				$("div#hero5 .pillar:eq(2)").stop().animate(
					{marginTop: "-41px"}, "slow"
				);
			}
			else {
				$('div#hero5 .pillar:eq(2)').css("margin-top", '-41px');
				$('div#hero1 .pillar:eq(2)').css("margin-top", '-119px');				
			}
		}
	);
		
});

function Transition() {
	if (slide_count == 1){DisplayCurrentTabs(Counter); return;}
  $('div#hero' + Counter).fadeIn('slow');	
  Last = Counter - 1;	
	if (Last < 1) {Last = slide_count}
	if (Interrupted) {return;}	
	$('div#hero' + Last).css('display', 'none');
  $('div#control-' + Last).removeClass('controlActive');
  $('div#control-' + Counter).addClass('controlActive');
	DisplayCurrentTabs(Counter);
  NextSlide();
}

function DisplayCurrentTabs(index)
{
	$('div.pillar').css('margin-top', '-41px');
	for(var i=0; i<tabChunks[index].length; i++)
	{
		tabChunks[index][i].style.left = (305*i)+'px';
	}
}

function NextSlide()
{
	_transitionInterval = setTimeout('IncreaseCounter();Transition();', 8000);
}

function IncreaseCounter()
{
	Counter++;
	if (Counter > slide_count) {Counter = 1;}
}