/*
 * HeroSlider
 *
 * copyright (c) 2010 MHR Interactive, all rights reserved.
 * Modification and usage prohibited. Based upon jQuery. 
 * @license papadeos.com
 */

var slideWidth = 653;
var slideCount = 0;
var currentSlide = 0;
var lock = 0;


$(document).ready(function() {
	
	// analyze how mayn hero images we have int he dom
	slideCount = $('#stage').children().size() -1; // minus clearer
	
	$('#heroSlide #stage').css('width',slideCount*slideWidth);
	
	// show thumbnails only if >1 image available
	$('#stage').fadeIn(850);
	
	// email defuscate
	$('#footer').defuscate();
	$('.entry').defuscate();
	
	if(slideCount>1) {
		$('#heroThumbs').fadeIn(850);
		thumbActivate(0);
		$('#heroSliderRight').fadeIn('slow');
		// special for clients
		$('#heroSliderLeft').fadeIn('slow');

		// bind arrow keys 
		$(document).keydown(function(e){
			if (e.keyCode == 37) { 
			   left(1);
			   return false;
			}
			
			 if (e.keyCode == 39) { 
			   right(1);
			   return false;
			}
		});
		
		$('#stage').click(function() {
			right(1);
			}
		);
	
		$('#heroSliderLeft').click(function() {
			left(1);
			}
		);
		
		$('#heroSliderRight').click(function() {
			right(1);
			}
		);
	}

	/*
	console.log("currSlide:" + currentSlide);
	console.log("slideCount:" + slideCount);
	*/

});

function left(steps) {
	
	if(currentSlide == 0) {
		return false;
		}
	
	var currentStagePos = -1*currentSlide * slideWidth;
	var scrollOffset = (currentStagePos + (steps * slideWidth));

	currentSlide = currentSlide - steps;

	/*
	 * Disable Fadeout for this website
	 */
	
	/*
	if(currentSlide <= 0) {
		$('#heroSliderLeft').fadeOut(10);
	} 
	*/
	
	if(currentSlide < slideCount)
		$('#heroSliderRight').fadeIn('fast');

	thumbActivate(currentSlide);

	$('#stage').stop(false,true).animate(
			{
				left: scrollOffset
	  		}, 		
	  			{
		  			duration: 650,
		  			easing: 'easeInOutCubic'
		  		} 
			)
	}

function right(steps) {

	
	if(currentSlide + steps >= slideCount) {
		return false;
		}
	
	var currentStagePos = -1*currentSlide * slideWidth;
	var scrollOffset = (currentStagePos - (steps * slideWidth));
	
	currentSlide = currentSlide + steps;
	
	/*	
	console.log("currSlide:" + currentSlide);
	console.log("slideCount:" + slideCount);
	*/
	
	if(currentSlide > 0)
		$('#heroSliderLeft').fadeIn('slow');
	
	if(currentSlide+1 >= slideCount) {
		$('#heroSliderRight').fadeOut(10);
	} 
	
	thumbActivate(currentSlide);
	
	$('#stage').stop(false,true).animate(
			{
				left: scrollOffset
	  		}, 		
			{
				duration: 650,
				easing: 'easeInOutCubic'
			}
		)	
	}

function goto(obj) {
		
	var step = obj.id.substring(9);	// id of caller must be "heroThumbINTEGER"	
	var stepOffset;
	
	if(step == currentSlide) {	
		return;
		}
	
	if(step > currentSlide) {
		stepOffset =  step - currentSlide;
		right(stepOffset);	
		}
	
	if(step < currentSlide) {
		// x nach links	
		stepOffset = currentSlide - step;
		left(stepOffset);
		}
}

function thumbActivate(no) {
		var target = '#heroThumb' + no;
		$('.heroThumb').stop(false,true).animate(
			{
				opacity: 0.5
	  		}, 		
			{
				duration: 20,
				easing: 'easeOutCubic'
			}
		)	
		
		$('.heroThumb').removeClass('active');
		
		$(target).stop(true,true).animate(
			{
				opacity: 1
	  		}, 		
			{
				duration: 20,
				easing: 'easeOutCubic'
			}
		)	
		
		$(target).addClass('active');
		
	}