/* ----------------- Group animations -------------------- */

/* ----------- Config groupnav animation ------------*/
var groupNavDurationTime = 0.20; //Morph speed
var yValueFromTopToActivate = 42; // y-cord for acivate metnaveffect

var idOfGroupNavElement = 'groupNavFade'; // <div id="VARIABLE">
var ClassNameForActiveGroupNav = 'groupnavisactiv'; // <div class="VARIABLE">
/*---------------------------------*/


var groupNavEffect; //Nav Effect
var groupNavOpen =  false; //Default false

// After load -> hide Groupnav
Event.observe(window, 'load', function(event) {
	if($(idOfGroupNavElement)){
		$(idOfGroupNavElement).setStyle({
		  'top': '0px'
		});
		
		$('groupNavFadeDisplayNone').setStyle({
		  'display': 'block'
		});
		//fadeGroupNavOut(idOfGroupNavElement);
	}
});

// Get MouseYPosition
Event.observe(document, 'mousemove', function(event) {
	if($(idOfGroupNavElement)){
		mouseYpos = Event.pointerY(event);
		
		// Activate GroupNavEffect only one time. onMouseEnter
		if(mouseYpos < yValueFromTopToActivate && groupNavOpen == false){
			groupNavOpen = true;
			fadeGroupNavIn(idOfGroupNavElement);
		}
		// Close groupnav. OnMouseOut
		else if(mouseYpos > yValueFromTopToActivate && groupNavOpen == true){
			groupNavOpen = false;
			fadeGroupNavOut(idOfGroupNavElement);
		}
	}
});



// Show Groupnav
function fadeGroupNavIn(id){
	$(id).addClassName(ClassNameForActiveGroupNav);
	
	if(groupNavEffect){
		var runningcheck = groupNavEffect.isOpenRunning;
	}
	else{
		var runningcheck = false;
	}
	
	if($(id).style.top < '26px' && runningcheck==false){
		groupNavEffect = new Effect.Morph($(id), {
		  style: 'top:-26px;',
		  duration: groupNavDurationTime,
		  afterFinish: function(){
			groupNavEffect.isOpenRunning = false;
		  }
		});
		groupNavEffect.isOpenRunning = true;
	}
}

// Hide Groupnav
function fadeGroupNavOut(id,mode){
	if(mode==1){
		if(!$(id).hasClassName(ClassNameForActiveGroupNav)){
			groupNavEffect = new Effect.Morph($(id), {
			  style: 'top:0px;',
			  duration: groupNavDurationTime
			});
			groupNavEffect.isOpenRunning = false;
		}
	}
	else{
		$(id).removeClassName(ClassNameForActiveGroupNav);
		
		window.setTimeout(function(){
			fadeGroupNavOut(id,1)
		}, 10);
	}
}

/* ----------------- Meta Navigation END -------------------- */