window.addEvent('domready', function(){
	var list = $$('#projectList li');
	list.each(function(element){
		var PrjListH2 = element.getElementsByTagName('h2')[0];
		var PrjListSpan = element.getElementsByTagName('span')[0];
		element.addEvent('mouseover', function(e){
			PrjListH2.setStyle('color', '#000000');
			PrjListSpan.setStyle('color', '#000000');
			Cufon.replace('h2', {fontFamily: 'ClanOT-Medium'});
			Cufon.replace('li#'+element.id+' span', {fontFamily: 'ClanOT-News'});
		});
		element.addEvent('mouseout', function(e){
			PrjListH2.erase('style');			
			PrjListSpan.erase('style');			
			Cufon.replace('h2', {fontFamily: 'ClanOT-Medium'});
			Cufon.replace('li#'+element.id+' span', {fontFamily: 'ClanOT-News'});
		});
	});		
});

window.addEvent('domready', function(){
	var list = $$('#projecNav div');
	list.each(function(element){
		var PrjListH2 = element.getElementsByTagName('h2')[0];
		var PrjListSpan = element.getElementsByTagName('span')[0];
		element.addEvent('mouseover', function(e){
			PrjListH2.setStyle('color', '#000000');
			PrjListSpan.setStyle('color', '#000000');
			Cufon.replace('#projecNav h2', {fontFamily: 'ClanOT-Medium'});
			Cufon.replace('#projecNav span', {fontFamily: 'ClanOT-News'});
		});
		element.addEvent('mouseout', function(e){
			PrjListH2.erase('style');			
			PrjListSpan.erase('style');			
			Cufon.replace('#projecNav h2', {fontFamily: 'ClanOT-Medium'});
			Cufon.replace('#projecNav span', {fontFamily: 'ClanOT-News'});
		});
	});		
});


window.addEvent("domready",function(){
	// initial all hidden
	$("header").getElements("#nav_sub div").each(function(a){
			a.set({opacity:0});
			a.setStyle('display','none');
		});
	
	// get aktive if exist
	var currentSubmenu = null;
	var aktivePre = $('top').className.split(" ");
	var activeNavClass = aktivePre[0]+'nav';
	var activeNav = $(activeNavClass);
	
	// activeNav visible
	if(activeNav != null && activeNav.match('div')){
		activeNav.set({opacity:1});
		activeNav.setStyle('display','block');
	}


	// item with hover-effekt
	$("header").getElements("#nav_main li").each(function(b){
		
		// get class of submenu-li to identify target sub-nav-element
		// sub = target sub-nav-element
		var curClass = b.className.split(" ");
		var sub = $(curClass[0]+'nav');
		
		// set mouseenter function to main-nav-li
		b.addEvent("mouseenter",function(){
			
			//aktuelles ausschalten
			if(activeNav != null && activeNav.match('div')){
				activeNav.setStyle('display', 'none');
				activeNav.set({opacity:0});	
			}
			//altes hover ausschalten
			if(currentSubmenu != null){
					currentSubmenu.setStyle('display', 'none');
					currentSubmenu.set({opacity:0});
			}
			
			currentSubmenu = sub;
			
			// set all divs on none	
			$("header").getElements("#sub_nav div").each(function(a){		
					a.setStyle('display', 'none');
					a.set({opacity:0});
			});
			
			// if mouse leave header - hide cur and show active
			$("header").addEvent("mouseleave",function(){
						if(currentSubmenu != null){
							currentSubmenu.setStyle('display', 'none');
							currentSubmenu.set({opacity:0});
						}
						if(activeNav != null && activeNav.match('div')){
							activeNav.setStyle('display', 'block');
							new Fx.Morph(activeNav,{duration:200}).start({opacity:1});
						}
			});
			
			if(b.hasClass("submenu")){
				// get sub-nav visible
				sub.setStyle('display', 'block');
				new Fx.Morph(sub,{duration:200}).start({opacity:1});
				if(sub != activeNav){
					sub.addEvent("mouseleave",function(){
						currentSubmenu = sub;
						sub.setStyle('display', 'none');
						new Fx.Morph(sub,{duration:200}).start({opacity:0});
						if(activeNav != null && activeNav.match('div')){
							activeNav.set({opacity:1});
							activeNav.setStyle('display', 'block');
						}
					});
				}
			};
			if(!b.hasClass("submenu")){
				// get sub-nav visible
				if(sub != activeNav && sub != null){
					sub.addEvent("mouseleave",function(){
						currentSubmenu = sub;
						sub.setStyle('display', 'none');
						new Fx.Morph(sub,{duration:200}).start({opacity:0});
						if(activeNav != null && activeNav.match('div')){
							activeNav.set({opacity:1});
							activeNav.setStyle('display', 'block');
						}
					});
				}
			};
			
		});
	});
});