//Auss index slider
$(document).ready(function() {
    $('.frontSlider').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed:    1000,
		timeoutFn: timeoutCalc,
		before:  onBefore, 
		after:   onAfter
		});
		function onBefore(prevSlide, nextSlide, options, forwardFlag) { 
		}
		function onAfter(prevSlide, nextSlide, options, forwardFlag) { 
			$(this).find('h2 > span').css({
				left: "-899px"
			});
			$(this).find('h2 > span').animate({
					left: '0px'
				}, 2000, 'easeInOutCirc').delay(timeoutCalc(prevSlide, nextSlide, options, forwardFlag) - 4000).animate({
							left: '899px'
						}, 1500, 'easeInQuad');
						
		}
		
		function timeoutCalc(prevSlide, nextSlide, options, forwardFlag) {
			var numSlides = $(".frontSlider").children().length;
			if(options.currSlide+1 == numSlides)
				return 30000;
			else
				return 10000;
		}
});

//Auss what we do
$(document).ready(function(){
    lastBlock = $("#a1");
    var $slides = $("#whatwedo_container ul > li");
		elements = $slides.size();

    maxWidth = 650;
		frameWidth = 899;
    minWidth = (frameWidth - maxWidth) / (elements-1);	
		function calculatePositions(selected_index) {
			var before_selected = $.makeArray($slides.slice(0, selected_index));
			var selected = $("ul li").get(selected_index);
			var after_selected = $.makeArray($slides.slice(selected_index+1));
			var positions = []
			$(before_selected.reverse()).each(function(i, el) {
				var $this = $(this);
				var index = $this.index();
				positions[index] = (minWidth * index);
			})
			positions[selected_index] = (minWidth * selected_index);
			$(after_selected.reverse()).each(function(i, el) {
				var $this = $(this);
				var index = $this.index();
				positions[index] = frameWidth - (minWidth * (i+1));
			})
			return positions;
		}
		function animateSlides(selected_index) {
		  $slides.stop();
		  var positions = calculatePositions(selected_index);
		  $slides.each(function(i, el) {
		    $(this).animate({left: positions[i]}, 1000, "easeOutCubic");
		  });
		}
		$slides.find(".element").css("width", maxWidth);
		//console.log(calculatePositions(0));
		var positions = calculatePositions(0);
	  $slides.each(function(i, el) {
	    $(this).css({left: positions[i]});
	  });
		$slides.hover(function() {
		  animateSlides($(this).index());
		})
    /*$slides.find(".element").hover(	
      function(){
        $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:1000 });
	$(this).animate({width: maxWidth+"px"}, { queue:false, duration:1000});
	lastBlock = this;
      }
    );*/
});