/**
 * @author walther
 */
$(document).ready(function(){
	
	var panels = $('#schwubber .schwubberinhalt');
	
	var container = $('#schwubber').css('overflow', 'hidden');
	
	$('#schwubbernav a').click(sliderNavigation);
	
	function sliderNavigation(){
		$(this)
			.parents('#schwubbernav:first')
				.find('a')
					.removeClass('aktive')
				.end()
			.end()
		.addClass('aktive');
				
	}
	
	function trigger(data) {
		var el = $('#imschwubber #schwubbernav').find('a[href$="' + data.id + '"]');
		sliderNavigation.call(el);
    }

	
	var ScollOptions = {
		target: container,
		items: panels,
		navigation: '#schwubbernav a',
		prev: '#spo',
		next: '#spu',
		axis: 'xy',
		duration: 300,
		onAfter: trigger,
		interval: 10000
	};
	
	 $.fn.wait = function(time, type) {
        time = time || 2000;
        type = type || "fx";
        return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
    };
	
	
	$('#imschwubber').hover(function(){
	container.trigger('stop');
	},function(){
  //container.wait();
	//container.trigger('start');
	
	});
	
	$('#imschwubber').serialScroll(ScollOptions);
	

	
	// Startet die Animation beim laden der Seite
	$('#schwubbernav a:first').click();
	
	$('#spo span').bind('mouseover', function(){
		$('#spo span').animate({
			height: "51px"
		}, 100);
	});
	$('#spo span').bind('mouseout', function(){
		$('#spo span').animate({
			height: "21px"
		}, 200);
	});
	$('#spu span').bind('mouseover', function(){
		$('#spu span').animate({
			height: "51px"
		}, 100);
	});
	$('#spu span').bind('mouseout', function(){
		$('#spu span').animate({
			height: "21px"
		}, 200);
	});

})