var klein_breite = '85px',
	
    klein_hoehe 	= '126px',
	
    gross_breite 	= '115px',
	
    gross_hoehe 	= '171px',
	
    animationszeit 	= 750,
	
    zwischenzeit 	= 3000,
	
    klein_abstand_oben = '20px',
	
    abstand_von_mitte = '25px',
	
    list = $('ul.produktSlider li');

$('document').ready(function(){
	//$(document).everyTime(2000,slideRight,true);

	$('.slider_rechts').click(function(){
		$(document).stop(true,true);
		$(document).stopTime();
		$('ul.produktSlider li').stop(true,true).removeClass().addClass('small');
		$('ul.produktSlider li:first').stop(true,true).addClass('slider_left').find('img').stop(true,true);
		$('ul.produktSlider li:eq(1)').stop(true,true).addClass('center').removeClass('small').find('img').stop(true,true);
		$('ul.produktSlider li:eq(2)').stop(true,true).addClass('slider_right').find('img').stop(true,true);
		slideRight();
		//$(document).everyTime(2000,slideRight,true);
	});
	$('.slider_links').click(function(){
		$(document).stop(true,true);
		$(document).stopTime();
		$('ul.produktSlider li').stop(true,true).removeClass().addClass('small');
		$('ul.produktSlider li:first').stop(true,true).addClass('slider_left').find('img').stop(true,true);
		$('ul.produktSlider li:eq(1)').stop(true,true).addClass('center').removeClass('small').find('img').stop(true,true);
		$('ul.produktSlider li:eq(2)').stop(true,true).addClass('slider_right').find('img').stop(true,true);
		slideLeft();
		//$(document).everyTime(2000,slideLeft,true);
	});
});
function slideLeft() {
	
	$('ul.produktSlider li:first img').animate({
			width: 0,
			height: 0,
			opacity:0
		},animationszeit, function() {
			$(this).parent().parent('li').removeClass('slider_left').addClass('small');
			$('ul.produktSlider li:last').after($('ul.produktSlider li:first'));
		});
		
	$('ul.produktSlider li:eq(1) img').animate({
		width : klein_breite,
		height : klein_hoehe,
		marginTop: klein_abstand_oben,
		marginLeft : 0,
		marginRight : 0,
		marginBottom : klein_abstand_oben,
		opacity : 1
	},animationszeit, function(){
		
		$(this).parent().parent('li').removeClass('center').addClass('slider_left').addClass('small');
	});
	
		
	$('ul.produktSlider li:eq(2) img').animate({
		width : gross_breite,
		height : gross_hoehe,
		marginTop: 0,
		opacity : 1,
		marginLeft : '20px',
		marginRight : '20px'
	},animationszeit, function(){
		$(this).parent().parent('li').removeClass('slider_right').removeClass('small').addClass('center');
	});
	
	$('ul.produktSlider li:eq(3) img').css('width', '0').css('height', '0').css('opacity', '0').animate({
		width : klein_breite,
		height : klein_hoehe,
		opacity : 1
	},animationszeit,function(){
		$(this).parent().parent('li').addClass('slider_right');	
	});
	
	
}
function slideRight()
{
	
	$('ul.produktSlider li:eq(2) img').animate({
			width: 0,
			height: 0,
			opacity:0
		},animationszeit, function() {
			$(this).parent().parent('li').removeClass('slider_right');
			
			
		});
	$('ul.produktSlider li:eq(1) img').animate({
		width : klein_breite,
		height : klein_hoehe,
		marginTop: klein_abstand_oben,
		marginLeft : 0,
		marginRight : 0,
		marginBottom : klein_abstand_oben,
		opacity : 1
	},animationszeit, function(){
		$(this).parent().parent('li').addClass('small');
		$(this).parent().parent('li').removeClass('center').addClass('slider_right').addClass('small');
		
	});
	
	$('ul.produktSlider li:first img').animate({
		width : gross_breite,
		height : gross_hoehe,
		marginTop: 0,
		marginLeft : '20px',
		marginRight : '20px'
	},animationszeit, function(){

		$(this).parent().parent('li').removeClass('slider_left').removeClass('small').addClass('center');
		
	});
	
	$('ul.produktSlider li:first').before($('ul.produktSlider li:last'));
	
	$('ul.produktSlider li:first img').css('width', '0').css('height', '0').css('opacity', '0').animate({
		width : klein_breite,
		height : klein_hoehe,
		opacity : 1
	},animationszeit,function(){
		$('ul.produktSlider li:first').addClass('slider_left');	
	});
	$('ul.produktSlider li:first').animate({
		width : klein_breite
		
	},animationszeit,function() {
		$(this).removeAttr('style');
	});
}