// JavaScript Document
function ShowMenuContainer(ele) {
	var MenuEffects = splitString(ele.id,0); 
	var newElement = Spry.$(MenuEffects + '-MenuSlide');
	
	setOpacity(newElement,0);
	newElement.style.top = 0;
	newElement.style.left = 0;
		
	fadeIn = new Spry.Effect.Fade(newElement,{duration: 800,from: 0, to: 100,toggle: false});
	fadeIn.start();	
	
	HideMenuButton = new Spry.Effect.Fade("MenuButton",{duration: 400,from: 100, to: 0,toggle: false});
	HideMenuButton.start();
}


function ShowMenuContainerContent(ele) {
	var MenuEffects = splitString(ele.id,0); 
	var newElement = Spry.$(MenuEffects + '-MenuSlideContainerContent');
	
	setOpacity(newElement,0);
	newElement.style.top = 0;
	newElement.style.left = 0;
		
	fadeIn = new Spry.Effect.Fade(newElement,{duration: 800,from: 0, to: 100,toggle: false});
	fadeIn.start();	
}

function HideMenuContainer(ele) {
	var MenuEffects = splitString(ele.id,0); 
	var newElement = Spry.$(MenuEffects + '-MenuSlide');
	var newElement2 = Spry.$(MenuEffects + '-MenuSlideContainerContent');
	
	var myFadeMove = new FadeMove(newElement, {from: "100%", to: "30%", duration: 1000, toogle: false});
	myFadeMove.start();
	
	ShowMenuButton = new Spry.Effect.Fade("MenuButton",{duration: 400,from: 0, to: 100,toggle: false});
	ShowMenuButton.start();
}

FadeMove = function(element, options) {
	Spry.Effect.Cluster.call(this, options);

	var duration = 1000;
	var toggle = 'false';
	var from = 100;
	var to = 0;
	var fromPos = new Spry.Effect.Utils.Position();
		fromPos.x = 0;
		fromPos.y = 0;
	var toPos = new Spry.Effect.Utils.Position();
		toPos.x = 0;
		toPos.y = -122;
	Spry.Effect.makePositioned(element);
	
	var transition = Spry.fifthTransition;
	
	if (options) {
		if (options.duration != null) duration = options.duration;
		if (options.from != null) from = options.from;
		if (options.to != null) to = options.to;
		if (options.transition != null) transition = options.transition;
	}
	
	//var fadeOut = new Spry.Effect.Fade(element, {duration: 500, from: from, to: to, transition: transition, toggle: toggle});
	var fadeOut = new Spry.Effect.Fade('Menu-MenuSlideContainerContent', {duration: 500, from: from, to: to, transition: transition, toggle: toggle});
	//var fadeOut = new Spry.Effect.Fade(element, {duration: 500, from: from, to: to, transition: transition, toggle: toggle});
	var moveUp = new Spry.Effect.Move(element, fromPos, toPos,{duration: 800, transition: transition, toggle: toggle});
	
	this.addNextEffect(fadeOut);
	//this.addParallelEffect(fadeOut);
	//this.addParallelEffect(moveUp);
	this.addNextEffect(moveUp);
};
		
FadeMove.prototype = new Spry.Effect.Cluster();
FadeMove.prototype.constructor = FadeMove;