window.addEvent('domready', function() {
	
	var contador = 1;
	var cantidad = 3;
	var timer = 9; 
	var periodical;
	var iniciar = $('iniciar'), parar = $('parar'), result = $('noticiaHome'), cargador = $('cargadorAjax');
	
	//Botoncitos de las noticias
	var noti1 = $('noti1'), noti2 = $('noti2'), noti3 = $('noti3');
	
	//TEXTO DE AUTO
	var auto = $('auto');
	
	
	//------------------- ACCIONES DE LOS BOTONCITOS ------------------------------------
	
	//BOTON 1
	noti1.addEvent('click', function(e) {	
		new Event(e).stop();
		$clear(periodical); 		
		req.cancel();		
		contador = 1;

		noti1.removeClass('noti1_sel');
		noti2.removeClass('noti2_sel');	
		noti3.removeClass('noti3_sel');	
		noti1.addClass('noti1_normal');
		noti2.addClass('noti2_normal');	
		noti3.addClass('noti3_normal');	
				
		noti1.addClass('noti1_sel');	
		
		//auto.set('text', 'AUTO: OFF');
		
		iniciar.removeClass('iniciar_off');
		iniciar.removeClass('iniciar_on');
		parar.removeClass('parar_off');
		parar.removeClass('parar_on');
		
		iniciar.addClass('iniciar_on');
		parar.addClass('parar_off');
		
		
		req.send({
				method: 'get',
				data: 'cual='+contador				 
				 });		
		
	});	
	
	//BOTON 2
	noti2.addEvent('click', function(e) {	
		new Event(e).stop();
		$clear(periodical); 		
		req.cancel();		
		contador = 2;

		noti1.removeClass('noti1_sel');
		noti2.removeClass('noti2_sel');	
		noti3.removeClass('noti3_sel');	
		noti1.addClass('noti1_normal');
		noti2.addClass('noti2_normal');	
		noti3.addClass('noti3_normal');	
				
		noti2.addClass('noti2_sel');	
		
		//auto.set('text', 'AUTO: OFF');		
		
		iniciar.removeClass('iniciar_off');
		iniciar.removeClass('iniciar_on');
		parar.removeClass('parar_off');
		parar.removeClass('parar_on');
		
		iniciar.addClass('iniciar_on');
		parar.addClass('parar_off');		
		
		req.send({
				method: 'get',
				data: 'cual='+contador				 
				 });		
		
	});	
	
	//BOTON 3
	noti3.addEvent('click', function(e) {	
		new Event(e).stop();
		$clear(periodical); 		
		req.cancel();		
		contador = 3;
		req.send({
				method: 'get',
				data: 'cual='+contador				 
				 });
		
		noti1.removeClass('noti1_sel');
		noti2.removeClass('noti2_sel');	
		noti3.removeClass('noti3_sel');	
		noti1.addClass('noti1_normal');
		noti2.addClass('noti2_normal');	
		noti3.addClass('noti3_normal');	
				
		noti3.addClass('noti3_sel');	
		
		//auto.set('text', 'AUTO: OFF');		
		
		iniciar.removeClass('iniciar_off');
		iniciar.removeClass('iniciar_on');
		parar.removeClass('parar_off');
		parar.removeClass('parar_on');
		
		iniciar.addClass('iniciar_on');
		parar.addClass('parar_off');		
		
		req.send({
				method: 'get',
				data: 'cual='+contador				 
				 });		
		
	});	
	

	//------------------- UPDATER ------------------------------------
	
	var req = new Request.HTML({	
							   
		url:'home/listaNoticias.php', 	
		
		onSuccess: function(html) {
			result.set('text', '');	
			result.adopt(html);
			//LE DIGO AL MEDIABOX QUE ESCANEE NUEVAMENTE LA PAGINA EN BUSCA DE NUEVOS LINKS
			Mediabox.scanPage()
		},

		onComplete: function(){
			cargador.removeClass('ajax-loading');
		},
		
		onFailure: function() {
			result.set('text', 'The request failed.');
			cargador.removeClass('ajax-loading');
		},
		
		onCancel: function() {
			cargador.removeClass('ajax-loading'); 
		}		
		
	});
	
	
	var refresh = (function() {
		cargador.addClass('ajax-loading');
		contador++;
		if(contador > cantidad){
			contador = 1;		
		}
		
		noti1.removeClass('noti1_sel');
		noti2.removeClass('noti2_sel');	
		noti3.removeClass('noti3_sel');	
		noti1.addClass('noti1_normal');
		noti2.addClass('noti2_normal');	
		noti3.addClass('noti3_normal');	
		
		switch(contador){
			case 1: noti1.addClass('noti1_sel');  break;
			case 2: noti2.addClass('noti2_sel');  break;
			case 3: noti3.addClass('noti3_sel');	break;	
		}	
		
		
		req.send({
				method: 'get',
				data: 'cual='+contador				 
				 });
	}); 
	
	
	iniciar.addEvent('click', function(e) {	
		new Event(e).stop(); 
		$clear(periodical); 		
		periodical = refresh.periodical(timer * 1000, this); 												
		req.send({
				method: 'get',
				data: 'cual='+contador				 
				 });
		//auto.set('text', 'AUTO: ON');
		
		iniciar.removeClass('iniciar_off');
		iniciar.removeClass('iniciar_on');
		parar.removeClass('parar_off');
		parar.removeClass('parar_on');
		
		iniciar.addClass('iniciar_off');
		parar.addClass('parar_on');		
	});
	
	
	parar.addEvent('click', function(e) {	
		new Event(e).stop();
		$clear(periodical); 		
		req.cancel(); 
		//auto.set('text', 'AUTO: OFF');
		
		iniciar.removeClass('iniciar_off');
		iniciar.removeClass('iniciar_on');
		parar.removeClass('parar_off');
		parar.removeClass('parar_on');
		
		iniciar.addClass('iniciar_on');
		parar.addClass('parar_off');		
	});	
	
	
	//INICIO LA PRIMERA VEZ	
	
	periodical = refresh.periodical(timer * 1000, this); 	

	noti1.addClass('noti1_sel');	
	noti2.addClass('noti2_normal');	
	noti3.addClass('noti3_normal');	

	iniciar.addClass('iniciar_off');
	parar.addClass('parar_on');
	
	req.send({
			method: 'get',
			data: 'cual='+contador				 
			 });	

});


 
    Request.HTML.implement({
 
        processHTML: function(text){
            var match = text.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
            text = (match) ? match[1] : text;
           
            var container = new Element('div');
           
            return $try(function(){
                var root = '<root>' + text + '</root>', doc;
                if (Browser.Engine.trident){
                    doc = new ActiveXObject('Microsoft.XMLDOM');
                    doc.async = false;
                    doc.loadXML(root);
                } else {
                    doc = new DOMParser().parseFromString(root, 'text/html');
                }
                root = doc.getElementsByTagName('root')[0];
                for (var i = 0, k = root.childNodes.length; i < k; i++){
                    var child = Element.clone(root.childNodes[i], true, true);
                    if (child) container.grab(child);
                }
                return container;
            }) || container.set('html', text);
        }
   
    });