// Foerster Druckluft Navigationseffekte
$(document).ready(function() {initMenus();});
$(document).ready(function(){

var deviceAgent = navigator.userAgent.toLowerCase();
	var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);
	
	
// remove link background images since we're re-doing the hover interaction below		// (doing it this way retains the CSS default hover states for non-javascript-enabled browsers)
// we also want to only remove the image on non-selected nav items, so this is a bit more complicated
		$(".navi").children("li").each(function() {
			var current = "navi current-" + ($(this).attr("class"));
			var parentClass = $(".navi").attr("class");
			if (parentClass != current) {
				$(this).children("a").css({backgroundImage:"none"});
				

			}
		});	


		// create events for each nav item
		attachNavEvents(".navi", "anlagen");
		attachNavEvents(".navi", "projekt");
		attachNavEvents(".navi", "service");
		attachNavEvents(".navi", "produkt");
		attachNavEvents(".navi", "uerberuns");
		attachNavEvents(".navi", "downloads");
		attachNavEvents(".navi", "eshop");
		
		


	function attachNavEvents(parent, myClass) {
		
		if (agentID) {
			$(parent + " ." + myClass).bind('touchstart',function() {
				$(this).append('<div class="navi-' + myClass + '"></div>');
				$("div.navi-" + myClass).css({display:"none"}).fadeIn(400);
			}).bind('touchend',function() {
				$("div.navi-" + myClass).fadeOut(600, function() {
					$(this).remove();
						
				});
		}).bind('touchend',function() {
				$("div.navi-" + myClass).attr("class", "navi-" + myClass + "-click");
				
			})
		 
	} else {
		
		
			$(parent + " ." + myClass).mouseover(function() {
				$(this).append('<div class="navi-' + myClass + '"></div>');
				$("div.navi-" + myClass).css({display:"none"}).fadeIn(400);
			}).mouseout(function() {
				$("div.navi-" + myClass).fadeOut(600, function() {
					$(this).remove();
				});
		}).mousedown(function() {
				$("div.navi-" + myClass).attr("class", "navi-" + myClass + "-click");
				
			})
		}}
	});

function initMenus() {
//	$('ul.menu ul').hide();
//	$('ul.menu li.active ul').show();
	$('ul.menu li a').mouseover(
		function() {
			var checkElement = $(this).next();
			var parent = this.parentNode.parentNode.id;
									
			if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
				$('#' + parent + ' ul:visible').slideUp('normal');
				checkElement.slideDown('normal');
				return false;
			}
		}
	);
	
	$('.vlist').mouseleave(
					function(){
						$.each($('ul.menu ul'), function(){ 
							if($(this).parent().hasClass('active'))
							{
							$(this).slideDown('normal');
								} else { $(this).slideUp('normal'); }
							});
	});		
		
}