$(document).ready(function(){

		
		/* MAIN NAVI FLYOUT ZEIGEN */

		$('#main-nav li.trigger').mouseover(function(){
			
			
			/* aktuellen Trigger setzen */		
			var currentTrigger = $(this).attr('id');
						
			/* aktuelles Flyout auswählen */
			
			switch (currentTrigger) {
				
				case 'main-flyout-trigger-1': var currentFlyout = 'main-flyout-1';
				
				break;
				
				case 'main-flyout-trigger-2': var currentFlyout = 'main-flyout-2';
				
				break;
								
				case 'main-flyout-trigger-2-small': var currentFlyout = 'main-flyout-2-small';
				
				break;
				
				case 'main-flyout-trigger-3': var currentFlyout = 'main-flyout-3';
				
				break;	
				
				case 'main-flyout-trigger-3-small': var currentFlyout = 'main-flyout-3-small';
				
				break;					
								
				case 'main-flyout-trigger-3_01': var currentFlyout = 'main-flyout-3_01';
				
				break;			
								
				case 'main-flyout-trigger-3_02': var currentFlyout = 'main-flyout-3_02';
				
				break;
				
				case 'main-flyout-trigger-3_03': var currentFlyout = 'main-flyout-3_03';
				
				break;
				
				case 'main-flyout-trigger-4': var currentFlyout = 'main-flyout-4';
				
				break;
				
				case 'main-flyout-trigger-5': var currentFlyout = 'main-flyout-5';
				
				break;
				
				case 'main-flyout-trigger-6': var currentFlyout = 'main-flyout-6';
				
				break;
			
			}
			
			
			var flyout = currentFlyout;
			
			var parent = $("#"+currentTrigger);
			
			// Flyout zeigen				
			$("#"+flyout).show();
			
			// visuellen Indikator auf Trigger setzen
			$('#'+currentTrigger+' a:first').addClass('current2');		
			
			
			// RESET
			
			if ($('body').hasClass('ie6') == true){
				
				// Neue Position setzen
				$("#"+flyout).css({'left' : '0'});	
			
			} else {
			
				// Neue Position setzen	
				$("#"+flyout).css({'right' : 'auto'});
			
			}
			
			// Breite des Flyout Containers
			var flyoutWidth = $("#"+flyout).outerWidth();
						
			// Breite des Browserfensters 
			var pageWidth = $(window).width();
			
			// X Koordinate am LINKEN Rand des Triggers
			var parentPosition = parent.offset();
			
			// Breite des Trigger Containers
			var parentWidth = parent.width();
			
			// X Koordinate am RECHTEN Rand des Triggers
			var parentSpanne = parentPosition.left+parentWidth;

			// X Koordinate am LINKEN Rand des Flyouts
			var flyoutPositionOld = $('#'+flyout).offset();
			
			// X Koordinate am RECHTEN Rand des Fylouts
			var flyoutSpanneOld = flyoutPositionOld.left+flyoutWidth;
			
			// Um wieviel steht das Flyout über den Seitenrand?
			var ueberstand = flyoutSpanneOld-pageWidth;
			
			// Neue Position für IE6
			var ieNewPosition = ueberstand*-1;
			
			
			// DEBUG
			/*
			$('#debug').text(
				
				'Browserfenster: ' + pageWidth + 
				' | Trigger X Links: ' + parentPosition.left +
				' | Trigger X Rechts: ' + parentSpanne +
				' | Flyout X Links: ' + flyoutPositionOld.left + 
				' | Flyout X Rechts: ' + flyoutSpanneOld + 
				' | Ueberstand: ' + ueberstand + 
				' | IE Neue Position: ' + ieNewPosition +
				' | currentTrigger: ' + currentTrigger +
				' | Flyout: ' + flyout

			);
			
			// DEBUG ende			
			*/
			var currentTriggerOffsetLeft = pageWidth-(parentPosition.left+parentWidth);
			
			// IE6 
			var currentTriggerOffsetLeftIE6 = (parentPosition.left+parentWidth);
			//	console.log(flyoutWidth);
			
			// NEU POSITIONIEREN
			
			if(ueberstand>0) {

				if ($('body').hasClass('ie6') == true){
								
					if(flyoutWidth <= 227) {
						// Neue Position setzen	
						$("#"+flyout).css({
							'left' : -currentTriggerOffsetLeft+ieNewPosition
						});
						//	alert(ieNewPosition);
					} else {
						// Neue Position setzen
						$("#"+flyout).css({'left' : ieNewPosition-5});
					}
					
				} else {
					
					if(flyoutWidth <= 227) {
					
						// Neue Position setzen	
						$("#"+flyout).css({'right' : currentTriggerOffsetLeft});
						//alert(currentTriggerOffsetLeft);
					
					} else {
						// Neue Position setzen	
						$("#"+flyout).css({'right' : '5px'});
					}
				}				
			}
		});	
		
		
		/* FLYOUT SCHLIESSEN */
		
		$('#main-nav li.top-level').mouseleave(function(){
			
			$('.main-flyout-outer').hide();
			$('a:first', this).removeClass('current2');
			
		});	
		
		$('.main-flyout-outer').mouseleave(function(){
			
			$('.main-flyout-outer').hide();
			$('#main-nav li.top-level a:first').removeClass('current2');
			
		});			
		
		
});