var isVisible = true;
	var bannerCount = 24;
	var activeBannerNavigation;
	var bannerSlideshow;
	var bannerHeight=266;

	$(document).ready(function() {
		bannerSlideshow = window.setInterval ("changeBannerImage()", 7000);
		
		$('#navigation a').mouseover(function(e) {
				activeBannerNavigation = this;
				$(this).parent().parent().parent().addClass('active').siblings().removeClass('active');
			}).delay({
			delay: 300,
			event: 'mouseover',
			fn: function(e) {
				if(e.target != activeBannerNavigation)
					return;
				
				$('#bannerNavigation, #bannerNavigationBg').stop(true, true);
				
				var categoryBanner = document.createElement('DIV');
				var categoryBannerId = 'categoryBanner-' + $(activeBannerNavigation).attr('id');
				var categoryBannerImage = $(e.target).parent().parent().parent().attr('rel');
				
				$(categoryBanner).attr('id', categoryBannerId).css('background-image', 'url('+ categoryBannerImage + ')').addClass('bannerImageCategory').hide();
				$('#bannerImageContainer').append(categoryBanner);
				$(categoryBanner).fadeIn('fast', function() {
					$(categoryBanner).siblings('.bannerImageCategory').remove();									  
				});
				
				slideInBannerNavigation();
				
				var categorieNavLi = $(e.target).parent().parent().parent().find('ul').html();
				
				$("#bannerNavigation").html(categorieNavLi);
				
				//Click auf Headersubnav, auch Cookie setzen, damit Header ausgeblendet ist
				$('#bannerNavigation a').click(function() {
					
					// Cookie Vars
					var COOKIE_NAME = 'HEADEREXPANDED'; //Muss in Grossbuchstaben sein, ansonsten macht er 2 cookies
					var options = { path: '/', expires: 30 };			
					// Cookie setzen (Header geschlossen)
					$.cookie(COOKIE_NAME, false, options);
				});
				
			}
		}).mouseout(function(e) {
			activeBannerNavigation = null;
			
			slideOutBannerNavigation(e.relatedTarget);
		}).click(function(e) { //Click auf Headernav, auch Cookie setzen, damit Header ausgeblendet ist
			
			// Cookie Vars
			var COOKIE_NAME = 'HEADEREXPANDED'; //Muss in Grossbuchstaben sein, ansonsten macht er 2 cookies
			var options = { path: '/', expires: 30 };			
			// Cookie setzen (Header geschlossen)
			$.cookie(COOKIE_NAME, false, options);
		});
			
		$('#tabExpandCollapse').click(function() {
			
			// Banner ausgeblendet?
			if($('#bannerContainer').css('display') == 'none') {
				// Beim IE ohne Animation einblenden
				if(jQuery.browser.msie == true) {
					showHeader();
				// Beim FF mit Animation einblenden
				} else {
					//bannerNewHeight = bannerHeight + 'px';
					$('#bannerContainer').animate({
						height:bannerHeight + 'px',
						opacity:1
					},500,function() {
						showHeader();
					});
				}
			} else {
				bannerHeight = $('#bannerContainer').height();
				// Beim IE ohne Animation ausblenden
				if (jQuery.browser.msie == true) {
					hideHeader();
				}
				// Beim FF mit Animation ausblenden
				else {
					$('#bannerContainer').animate({
						height: 0,
						opacity: 0
					}, 500, function(){
						hideHeader();
					});
				}
			};
			
			return false;
		});
		
		//Wenn Safari 3, dann den Auf/Zu-Knopf auf padding-bottom 3px statt 2px...
		//DevicePixelRatio kann momentan nur Safari und Opera (CSS3), wird aber auch bei den anderen kommen, deshalb Browserweiche
		isSafari3 = false;
		if(window.devicePixelRatio) isSafari3 = true;

		if(isSafari3 == true) {
			$('#tabExpandCollapse').css('padding-bottom','3px');
		}		

	});
	
	//Header einblenden
	function showHeader() {
		// Cookie Vars
		var COOKIE_NAME = 'HEADEREXPANDED'; //Muss in Grossbuchstaben sein, ansonsten macht er 2 cookies
		var options = { path: '/', expires: 30 };
		
		$('#bannerContainer').show();
		
		// Cookie setzen (Header geoeffnet)
		$.cookie(COOKIE_NAME, true, options);
		
		//neue Classe
		var newClass = $('#tabExpandCollapse').parent().parent().parent().attr('id').replace('open','close');
		$('#tabExpandCollapse').parent().parent().parent().attr('id',newClass);
		// Sprachvar fuer Schliessen-Text der in Rel attr gespeichert ist
		var textOpen = $('#tabExpandCollapse').attr('rel');
		// Sprachvar fuer Oeffnen-Text
		var textToReplace = $('#tabExpandCollapse').html();
		// In Rel den Oeffnen-Text speichern
		$('#tabExpandCollapse').attr('rel',textToReplace);
		// In Link den Schliessen Text
		$('#tabExpandCollapse').html(textOpen);
		$('#bannerContainer').removeAttr('class');
	}
	
	//Header ausblenden
	function hideHeader() {
		// Cookie Vars
		var COOKIE_NAME = 'HEADEREXPANDED'; //Muss in Grossbuchstaben sein, ansonsten macht er 2 cookies
		var options = { path: '/', expires: 30 };
		
		$('#bannerContainer').hide();
		
		// Cookie setzen (Header geschlossen)
		$.cookie(COOKIE_NAME, false, options);
		
		//neue Classe
		var newClass = $('#tabExpandCollapse').parent().parent().parent().attr('id').replace('close', 'open');
		$('#tabExpandCollapse').parent().parent().parent().attr('id', newClass);
		// Sprachvar fuer Oeffnen-Text der in Rel attr gespeichert ist
		var textOpen = $('#tabExpandCollapse').attr('rel');
		// Sprachvar fuer Schliessen-Text
		var textToReplace = $('#tabExpandCollapse').html();
		// In Rel den Schliessen-Text speichern
		$('#tabExpandCollapse').attr('rel', textToReplace);
		// In Link den Oeffnen Text
		$('#tabExpandCollapse').html(textOpen);
	}
	
	function slideInBannerNavigation() {
		$("#bannerNavigationBg").animate({ 
			marginLeft: 0,
			opacity: 0.4
		}, 400 );
		$("#bannerNavigation").animate({ 
			marginLeft: 0
		}, 400 );
	}
	
	function slideOutBannerNavigation(targetItem) {
		var targetID = $(targetItem).attr('id');
		var bannerItem = $(targetItem).parents('#banner,li.active');
		var isBannerItem = (bannerItem.length || targetID == 'banner') ? true : false;
	
		if(!isBannerItem) {
			if(!$.Find('navitem', targetID)) {
				$('.bannerImageCategory').fadeOut('fast', function() {
					$('.bannerImageCategory').remove();												   
				});
			}
			   
			$('#navigation li').removeClass('active');
			
			$("#bannerNavigationBg").animate({ 
				marginLeft: '-200px',
				opacity: 0.2
			}, 400 );	
			$("#bannerNavigation").animate({ 
				marginLeft: '-200px'
			}, 400 );
		} else {
			$(targetItem).one("mouseout",function(e) {
				slideOutBannerNavigation(e.relatedTarget)
			});
		}
	}
	
	function changeBannerImage() {
		var bannerOne = $('div#bannerImage-1');
		var bannerTwo = $('div#bannerImage-2');
		
		var bannerToChange = (isVisible) ? bannerOne : bannerTwo; 
		var imagePathToChange = bannerToChange.css('background-image');
		var imgNumRE = /(.+-)(\d+)(\..+)/;
		imgNumRE.exec(imagePathToChange);
		
		bannerNumber = RegExp.$2;	

		var newBannerNumber = parseInt(bannerNumber) + 2;
		if(newBannerNumber>bannerCount)
			newBannerNumber = newBannerNumber - bannerCount;
			
		var newImagePath = RegExp.$1 + newBannerNumber + RegExp.$3;
									 
		if(isVisible) {
			bannerOne.fadeOut('slow', function() {						
				bannerOne.css('background-image',newImagePath);
			});
			isVisible = false;
		} else {
			bannerOne.fadeIn('slow', function() {
				bannerTwo.css('background-image',newImagePath);								  
			});
			isVisible = true;
		}
	};
	
	(function($){
		$.fn.delay = function(options) {
			var timer;
			var delayImpl = function(eventObj) {
				if (timer != null) {
					clearTimeout(timer);
				}
				var newFn = function() {
					options.fn(eventObj);
				};
				timer = setTimeout(newFn, options.delay);
			}
		   
			return this.each(function() {
				var obj = $(this);
				obj.bind(options.event, function(eventObj) {
					 delayImpl(eventObj);  
				});
			});
		};
	})(jQuery);