jQuery().ready(function(){ 
	
	var activesubnav;
	var activenv;
	var oldsubnav;
	var activepanel = 1;
	var checkScroll = 1;	
	var posTimer = $.timer(function() {
        checkScroll = 1;
    });
	posTimer.set({ time : 2000, autostart : false });
		
	$('a.nv').bind(
		'click',
		function()
		{
			checkScroll = 0;
			if(activenv)
			{
				$(activenv).toggleClass('active');
			}
			activenv = this;
			$(activenv).toggleClass('active');
			
			var that = this;
			
			var ziel = $(this).attr("href");
			if ($.browser.opera) {
				var target = 'html';
			}else{
				var target = 'html,body';
			}
			var pos = $(ziel).offset().top;
			pos -= 131;
			$(target).animate(
				{scrollTop: pos}, 
				700 , 
				'easeInOutCubic', 
				function (){
					
					if(activenv)
					{
						$(activenv).toggleClass('active');
					}
					activenv = that;
					$(activenv).toggleClass('active');
					
					posTimer.play(true);
					
				}
			);
			return false;
		}
	);
	
	$('a.home').bind(
		'click',
		function()
		{
			if ($.browser.opera) {
				var target = 'html';
			}else{
				var target = 'html,body';
			}
			$(target).animate(
				{scrollTop: 0}, 	
				700 , 
				'easeInOutCubic', 	
				function (){
					//location.hash = '';
				}
			);
			return false;
		}
	);
	
	$('a.control-button').bind(
		'click',
		function()
		{
			shiftPanel($(this).attr("rel"));
			return false;
		}
	);
	
	$('.subnav').bind(
		'mouseleave',
		function()
		{
			$(this).toggleClass('entered');
			return false;
		}
	);
	
	$('.subnav').bind(
		'mouseenter',
		function()
		{
			$(this).toggleClass('entered');
			return false;
		}
	);
	
	$('.subnav').bind(
		'click',
		function()
		{
			activesubnav = this;
			jumpPanel($(this).attr("rel"));
			return false;
		}
	);
	
	activesubnav = document.getElementById('sn1');
	animateBanner();
	$('#banner-nav').css("visibility", "visible");	
	
	//if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')	{	}
	//else
	//{
		$('header').css("position", "fixed");
	//};
	
	$(window).scroll(function() {
		
		if(checkScroll > 0)
		{
			if(activenv)
			{
				$(activenv).toggleClass('active');
			}
			activenv = '';
			checkScroll = 0;
		}
	});
	
	function shiftPanel(loc)
	{
		if(loc == 'left' && activepanel > 1)
		{
			activepanel--;
		}
		else if(loc == 'right' && activepanel < 4)
		{
			activepanel++;
		}
		
		activesubnav = document.getElementById('sn'+activepanel);
		animateBanner()
	}
	
	function jumpPanel(pos)
	{
		activepanel = pos;
		animateBanner();
	}
	
	function animateBanner()
	{
		if(activepanel == 1)
		{
			$('#control-left').css("visibility", "hidden");
		}
		else
		{
			$('#control-left').css("visibility", "visible");
		}
		
		if(activepanel == 4)
		{
			$('#control-right').css("visibility", "hidden");
		}
		else
		{
			$('#control-right').css("visibility", "visible");
		}
		
		var p = $('#banner'+activepanel);
		var position = p.position();
			
		var target = '#banner';
		var targetbr = '#banner-br';

		$(targetbr).animate(
		{'left': position.left*-1}, 
		780 , 
		'easeInOutCubic', 
		function (){}
		);
		
		$(target).animate(
			{'left': position.left*-1}, 
			880 , 
			'easeInOutCubic', 
			function (){}
		);
		
		if(oldsubnav)
		{
			$(oldsubnav).toggleClass('active');
			$(oldsubnav).find('.subnav-arrow').animate({'top':14},200,'easeInCubic');
		}
		
		oldsubnav = activesubnav;
		
		$(activesubnav).toggleClass('active');
		$(activesubnav).find('.subnav-arrow').animate({'top':0},350,'easeOutCubic');
	}
	
});