$(window).resize(function() {
    changeFloatingNavigation();
});

$(document).ready(function(){

    changeFloatingNavigation();

    $('.tabBox').tabs({ selected: 0 });
    $('.maintab').tabs({ selected: 0 });

    var $news = $('#newsTicker');//we'll re use it a lot, so better save it to a var.
	$news.serialScroll({
		items:'p',
		duration: 4000,
		force:true,
        cycle:true,
		axis:'y',
		easing:'linear',
		lazy:true,
		interval: 7000, 
		step:1,
        exclude: 1
	});	
    
    // pause and play
        
    $('#newsTickerControl a.pp').click(function () { 
        if ($('#newsTickerControl a.pp').hasClass('play')) {
            $news.trigger( 'start' );
        } else {
            $news.trigger( 'stop' );
        }    
        $('#newsTickerControl a.pp').toggleClass('play','pause');
    });        
    
    // prev
        
    $('#newsTickerControl a.prev').click(function () { 
        $news.trigger( 'stop' );
        $news.trigger( 'prev' );
        
        $('#newsTickerControl a.pp').removeClass('pause').addClass('play');
    });    

    // next

    $('#newsTickerControl a.next').click(function () { 
        $news.trigger( 'stop' );
        $news.trigger( 'next' );
        
        $('#newsTickerControl a.pp').removeClass('pause').addClass('play');
    });

	$('#Navigation ul.first > li').mouseenter(function(){
		$(this).toggleClass('over');
	});
	
	$('#Navigation ul.first > li').mouseleave(function(){
		$(this).toggleClass('over');
	});

});

var lastAction = 'leer';
var aufrufCounter = 0;

function changeFloatingNavigation() {
	aufrufCounter++;
	var curDocumentWidth = $(window).width();	
	if (curDocumentWidth < 1135) {
		if (curDocumentWidth < 1050) { // Fenster kleiner als 1050 -> Navigations-Element muss verkleinert und margin angepasst werden
			if (lastAction != 'sizeDownNav') {
			    lastAction = 'sizeDownNav';
				$('#FloatingNavigation').addClass('smallNav');
				$('#InnerShell').css({marginRight:'0px', marginLeft: '23px'});
		    }
		} else { // Fenster zwischen 1050 und 1135
			if (lastAction != 'cssSmallWin') {
				if ($('#FloatingNavigation').hasClass('smallNav'))  $('#FloatingNavigation').removeClass('smallNav');
				$('#InnerShell').css({marginRight:'10px', marginLeft: '90px'});
				lastAction = 'cssSmallWin';
			}			
		}
	} else { // Fenster größer als 1135 -> passt
			if (lastAction != 'cssBigWin') {
				if ($('#FloatingNavigation').hasClass('smallNav'))  $('#FloatingNavigation').removeClass('smallNav');
				lastAction = 'cssBigWin';
				$('#InnerShell').css('margin','0 auto');
				
			}	
	}
	return false;	
}

