jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
	easeInExpo: function (x, t, b, c, d) {
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
	},
	easeInOutExpo: function (x, t, b, c, d) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	}

});


/* SLIDESHOW */


$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 535;
  var slides = $('.referenz');
  var numberOfSlides = slides.length;
  
  $("#referenzen").append('<div class="referenzen-nav"><div class="control" id="left-control" title="zur&uuml;ck">&laquo; zur&uuml;ck</div><div class="control" id="right-control" title="weiter">weiter &raquo;</div><br class="clear" /></div>');
    
  $('#left-control').css('display', 'none');

  $('#referenzen').css('overflow', 'hidden');
  $('#referenzen').css('position', 'relative');

  slides
  .wrapAll('<div class="slideInner"></div>')
  .css({
    'float' : 'left',
    'width' : slideWidth
  });

  $('.slideInner').css('width', slideWidth * numberOfSlides);
	
  manageControls(currentPosition);

  $('.control')
    .bind('click', function(){
      currentPosition = ($(this).attr('id')=='right-control')
    ? currentPosition+1 : currentPosition-1;
	
      manageControls(currentPosition);
	  $('.slideInner').animate({
		'marginLeft' : slideWidth*(-currentPosition)}, { duration: 500,  easing: 'easeInOutExpo'});
    });


  function manageControls(position){
    if(position==0){ $('#left-control').fadeOut("fast") }
    else{ $('#left-control').fadeIn("fast") }
    if(position==numberOfSlides-1){ $('#right-control').fadeOut("fast") }
    else{ $('#right-control').fadeIn("fast") }
    }

});