var myslideText = null ;
var mySlide = null ;

window.addEvent('domready', function() {

	if( mySlide == null  ) {
		mySlide = new Fx.Slide(('eslide'), 
		{ 
			duration: 500,
			mode:'horizontal',
			transition: Fx.Transitions.Pow.easeOut
		} );
		mySlide.addEvent("complete" , inicio )
		mySlide.hide();
	}

	if( myslideText == null  ) {
		myslideText = new Fx.Tween( $('eslideText') , { 
			duration: 500,
			transition: Fx.Transitions.Pow.easeOut
		});
	}

// botones ////////////////////////////////////////////////////////

	$('btntoggle').addEvent('click', function(e){
		e = new Event(e);
		ver_menu();
		
		e.stop();
	});

	$('btntoggleX').addEvent('click', function(e){
		e = new Event(e);
		ver_menu();
		$('menuVolverID').setStyle('display' , 'none' ) ;
		e.stop();
	});
	
}); // fin domeready

////////////////////////////////////////////////////////////////////

function ver_menu() { 
	$('cajaHTMLid').setStyle('top' , '0px');
		mySlide.toggle();
		if( myslideText.abierto )
			myslideText.start( 'right', '-695px'); 
		else
			myslideText.start( 'right', '0'); 
}


function inicio() { 
	mySlide.removeEvent("complete" , inicio )
	mySlide.addEvent("complete" , mySlideComplete )
	myslideText.abierto = true 
	if( !mySlide.open )
		$('cajaHTMLid').setStyle('display' , 'none' ) ;
		
	( function(){ thisMovie("caja").inicia() }).delay(100)
}

function mySlideComplete() {
	if( !mySlide.open ) {
		$('cajaHTMLid').setStyle('top' , '-5000px' ) ; 
		$('menuVolverID').setStyle('display' , 'block' ) ;
	}
	myslideText.abierto = !myslideText.abierto ; 
}

function carga_menu(val) {

	if( mySlide == null  ) {
		mySlide = new Fx.Slide(('eslide'),
		{ 
			duration: 500,
			mode:'horizontal',
			transition: Fx.Transitions.Pow.easeOut
		} );
		mySlide.addEvent("complete" , inicio )
		mySlide.hide();
	}

	if( myslideText == null  ) {
		myslideText = new Fx.Tween( $('eslideText') , { 
			duration: 500,
			transition: Fx.Transitions.Pow.easeOut
		});
		
	}
	
	if( !mySlide.open )
		$('cajaHTMLid').setStyle('display' , 'block' );

	//alert( myslideText )
	mySlide.slideIn.delay( 100 , mySlide );
	//myslideText.start('color' , '#fff')
	//myslideText.start('background-color', '#00f');
	(function(){ myslideText.start( 'right', '0'); }).delay( 100 , myslideText )

}