// JavaScript Document
$(document).ready(function() {
	var autoPlayTime=4000;
	autoPlayTimer = setInterval( autoPlay, autoPlayTime);
	var slideName='sonderangebote';
	
	function autoPlay(){	
		Slidebox(slideName,'next');
	}
	$('#'+slideName+' .next').click(function () {
		Slidebox('next','stop');
	});
	$('#'+slideName+' .previous').click(function () {
		Slidebox('previous','stop');
	});
	var yPosition=($('#'+slideName+'').height()-$('#'+slideName+' .next').height())/2;
	$('#'+slideName+' .next').css('top',yPosition);
	$('#'+slideName+' .previous').css('top',yPosition);
	$('#'+slideName+' .thumbs a:first-child').removeClass('thumb').addClass('selected_thumb');
	$("#"+slideName+" .content").each(function(i){
		slideboxTotalContent=i*$('#'+slideName).width();	
		$('#'+slideName+' .container').css("width",slideboxTotalContent+$('#'+slideName+'').width());
	});
});
 
function Slidebox(slideName,slideTo,autoPlay){
    var animSpeed=2000; //animation speed
    var easeType='easeInOutExpo'; //easing type
	var sliderWidth=$('#'+slideName).width();
	var leftPosition=$('#'+slideName+' .container').css("left").replace("px", "");
	if( !$("#"+slideName+" .container").is(":animated")){
		if(slideTo=='next'){ //next
			if(autoPlay=='stop'){
				clearInterval(autoPlayTimer);
			}
			if(leftPosition==-slideboxTotalContent){
				$('#'+slideName+' .container').animate({left: 0}, animSpeed, easeType); //reset
				$('#'+slideName+' .thumbs a:first-child').removeClass('thumb').addClass('selected_thumb');
				$('#'+slideName+' .thumbs a:last-child').removeClass('selected_thumb').addClass('thumb');
			} else {
				$('#'+slideName+' .container').animate({left: '-='+sliderWidth}, animSpeed, easeType); //next
				$('#'+slideName+' .thumbs .selected_thumb').next().removeClass('thumb').addClass('selected_thumb');
				$('#'+slideName+' .thumbs .selected_thumb').prev().removeClass('selected_thumb').addClass('thumb');
			}
		} else if(slideTo=='previous'){ //previous
			if(autoPlay=='stop'){
				clearInterval(autoPlayTimer);
			}
			if(leftPosition=='0'){
				$('#'+slideName+' .container').animate({left: '-'+slideboxTotalContent}, animSpeed, easeType); //reset
				$('#'+slideName+' .thumbs a:last-child').removeClass('thumb').addClass('selected_thumb');
				$('#'+slideName+' .thumbs a:first-child').removeClass('selected_thumb').addClass('thumb');
			} else {
				$('#'+slideName+' .container').animate({left: '+='+sliderWidth}, animSpeed, easeType); //previous
				$('#'+slideName+' .thumbs .selected_thumb').prev().removeClass('thumb').addClass('selected_thumb');
				$('#'+slideName+' .thumbs .selected_thumb').next().removeClass('selected_thumb').addClass('thumb');
			}
		} else {
			var slide2=(slideTo-1)*sliderWidth;
			if(leftPosition!=-slide2){
				clearInterval(autoPlayTimer);
				$('#'+slideName+' .container').animate({left: -slide2}, animSpeed, easeType); //go to number
				$('#'+slideName+' .thumbs .selected_thumb').removeClass('selected_thumb').addClass('thumb');
				var selThumb=$('#'+slideName+' .thumbs a').eq((slideTo-1));
				selThumb.removeClass('thumb').addClass('selected_thumb');
			}
		}
	}
}