// set domain name, manually or including CrossDomain
// // and using its set method
// document.domain = "claustromoderno.edu.co";
//

var start=0;
var salvado=0; 

function countdown(){
	
		if ( !start ) {
		   	salvado=0;
 			start=new Date();
			start=Date.parse(start)/1000;
			counts=5;
		} 
			
		var now=new Date();
		now=Date.parse(now)/1000;
		var x=parseInt(counts-(now-start),10);
		
		
		if(x<0){
			start=new Date();
			start=Date.parse(start)/1000;
			x=parseInt(counts-(now-start),10);		

			}
		
		if(document.getElementById('cuenta') && !salvado ){
				document.getElementById('cuenta').innerHTML  = '<h1>'+ x +'</h1>';
		}
		
		if(x>0){
			timerID=setTimeout("countdown()", 100)
		}else{
			if(!salvado){
				salvado=0; 
				document.getElementById('cuenta').innerHTML  = '';
				return salvado;
			}
		}
		
		
		
	}
	
	///////////////////////////////////////////////////////////////////////
	///////////////////////////////////////////////////////////////////////	
	///////////////////////////////////////////////////////////////////////
	///////////////////////////////////////////////////////////////////////	
	
	
	
	
window.addEvent('domready', function() {
									 
							 
	var el = $('mi');
	var e2 = $('menu_etapas_div');
	var e3 = $('menu_iconos_div');
	
	// MooTools is able to handle effects without the use of a wrapper,
	// so you are able to do effects with just one easy line.
	
	//FIRST EXAMPLE
	
	// There are different ways to add a fading opacity effect to an element click
	
	// Long Arreglada version
	$('Pausar').addEvent('click', function(e) {

	salvado = 1;
	document.getElementById('cuenta').innerHTML  = '<h1>Pausa</h1>';
	});
	
	
	// Short version
	//$('fadeOpacity').addEvent('click', el.fade.bind(el, [0]));
	
	// Long Arreglada version
	$('fadeOpacity').addEvent('click', function(e) {
	//e1.stop();
	e.stop();
	el.fade(0);
	e2.fade(0.2);
	e3.fade(0);
	///////////////////////////////////////////////////////////////////////
	///////////////////////////////////////////////////////////////////////	

	salvado = countdown();
	///////////////////////////////////////////////////////////////////////
	///////////////////////////////////////////////////////////////////////
	
	(function(){ // ejecuta la accion
			
			if( salvado == 0 ) {
			//	el.fade(1); 
				e2.fade(1);
				e3.fade(1)
			}
		}).delay(5200);
	
	(function(){ // ejecuta la accion
			
			if( salvado == 0 ) {
				el.fade(1); 
				
			}
		}).delay(6000);
	
			
	
	});
	
	// Long version
	$('tweenOpacity').addEvent('click', function(e) {
		// You often will need to stop propagation of the event
		document.getElementById('cuenta').innerHTML  = '';
		e.stop();
		el.fade(1);
		e2.fade(1);
		e3.fade(1);
	});
	
	
	////////////////
	/////////////
	///////////// AJAX AJAX AJAXOSO
	///////////////
	///////////
	//////////////
	
	//We can use one Request object many times.
	//
	//

		var req = new Request.HTML({url:'comentarios.php', 
		onSuccess: function(html) {
			//Clear the text currently inside the results div.
			$('msgfinal').set('text', '');
			//Inject the new DOM elements into the results div.
			$('msgfinal').adopt(html);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('msgfinal').set('text', 'Intentalo nuevamente.');
		}
	});
	
	$('makeRequest').addEvent('click', function() {
		req.send();
	});
	
	
	

});