$(document).ready(function(){

	limite = 7;
	hiddenactive = 0;
	clicks = 0;
	total = $('.punkt').length;
    
    $('.products').scrollBox();
    $('.scrollMe li').css({'paddingLeft':'600px'},0).animate({'paddingLeft':'0'},1000,'swing');
	
	if(total > limite) {
		
		$('.m').prepend('<div class="next"><img src="/fileadmin/templates/img/next.png"></div>');
		$('.m').prepend('<div class="prev"><img src="/fileadmin/templates/img/prev.png"></div>');
		$('.prev').hide();
		if($('.punkt a.active')) {
			
		} else {
			
		}
		$('.punkt').each(function(i) {
			if(i >= limite) {
				$(this).hide();
				if($(this).children('.active').length > 0) {
					hiddenactive = i;
				}
			}
		});
		
		if(hiddenactive > 0) {
			var clicks = Math.floor(hiddenactive / limite);
			var hideit = clicks * limite;
				
			$('.punkt').each(function(i) {
				if(i < hideit) {
					$(this).hide();
				} else {
					$(this).show();
				}
			});
			
			if(hideit + limite >= total) {
				$('.next').hide();
			}
			$('.prev').show();
			
			$('.m').css('paddingLeft','40px');
			$('.m').css('paddingRight','-40px');
		}
	}
	
	$('.next').click(function() {
		if(clicks < total / limite) {
			clicks++;
			if(clicks * limite - total <= limite) {
				var hideit = clicks * limite;
				
				$('.punkt').each(function(i) {
					if(i < hideit) {
						$(this).hide();
					} else {
						$(this).show();
					}
				});
				
				if(hideit + limite >= total) {
					$('.next').hide();
				}
				$('.prev').show();
				
				$('.m').css('paddingLeft','40px');
				$('.m').css('paddingRight','-40px');
			}
		}
	});
	
	$('.prev').click(function() {
		if(clicks > 0) {
			clicks--;
			var hideit = clicks * limite;
			
			$('.punkt').each(function(i) {
				if(i < hideit || i >= limite) {
					$(this).hide();
				} else {
					$(this).show();
				}
			});
			
			$('.next').show();
			if(clicks == 0) {
				$('.prev').hide();
			}
			
			$('.m').css('paddingLeft','0px');
		}
	});
    
    $('.slides').cycle({ 
        fx:    'fade', 
        speed:  2500,
        slideExpr: 'li'
     });
     
     $(".fb").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayOpacity': 0.6, 'imageScale': 0, 'centerOnScroll': 0 });
  
});
