// Muestra los divs para las noticias y eventos en el home
window.addEvent('load', function() {
	//variables for making things more simple below
	var itemsHolder = $('news_events');
	var myItems = $$('.mod_homenews');
	
	var change = function(){
		myItems.each(function(element)
		{
			if(element.getStyle('display')=='none'){
				element.fade('toogle');
				element.setStyle('display', 'block');
			}else if(element.getStyle('display')=='block'){
				element.fade('toogle');
				element.setStyle('display', 'none');
			}
		});
	}.periodical(6000, this);
	
});

//Muestra los divs para las noticias y eventos en otra páginas
window.addEvent('load', function() {
	//variables for making things more simple below
	var itemsHolder = $('news_events');
	var myItems = $$('.mod_fade');
	
	var change = function(){
		myItems.each(function(element)
		{
			if(element.getStyle('display')=='none'){
				element.fade('toogle');
				element.setStyle('display', 'block');
			}else if(element.getStyle('display')=='block'){
				element.fade('toogle');
				element.setStyle('display', 'none');
			}
		});
	}.periodical(6000, this);
	
});


// Cambio de los divs de los ecotips 
window.addEvent('domready', function() {
	var elementLink = $('nextTip');
	var elementLink2 = $('nextTipRow');
	var myItems = $$('.mod_homeecotip');
	
	if(myItems!=null){
		var nextShow = 0;
		var change = function(){
			element = myItems[nextShow];
			element.setStyle('display', 'none');
			element.fade('out');
			
			if($('mod_cargador')!=null && nextShow==0){
				$('mod_cargador').removeClass('cargador');
			}
			
			nextShow++;
			
			if(nextShow>(myItems.length-1))
				nextShow = 0;
			
			myItems[nextShow].setStyle('display', 'block')
			myItems[nextShow].fade('in');

//			va al siguiente ecotip al hacer click en siguiente
			var changeTip = function() {
				for(var i=0; i<myItems.length; i++){
					element2 = myItems[i];
					if(element2.getStyle('display')=='block'){
						element2.setStyle('display', 'none');
						element2.fade('out');
						
						nextShow++;
						if(nextShow>(myItems.length-1))
							nextShow = 0;
						myItems[nextShow].setStyle('display', 'block')
						myItems[nextShow].fade('in');
						break;
					}
				}
			};
			
			if(elementLink!=null)
				elementLink.addEvent('click', changeTip);
			
			if(elementLink2!=null)
				elementLink2.addEvent('click', changeTip);
			
		}.periodical(10000,this);

	}
	
});


// Las siguientes funciones muestran el div para el login
var show = false;
window.addEvent('domready', function(){

	$('login').setStyle('height','auto');
	var mySlide = new Fx.Slide('login').hide();  //starts the panel in closed state  
	
	if($('toggleLogin2')!=null){
		$('toggleLogin2').addEvent('click', function(e){
			e = new Event(e);
			//mySlide.toggle();
			if(show)
				mySlide.slideOut();
			else
				mySlide.slideIn();
			e.stop();
		});
		$('closeLogin').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
			show = false;
		});
	}
    
});

//Muestra el div para el login en la página de la lista de iniciativas al hacer click en unirse
window.addEvent('domready', function(){

	$('login').setStyle('height','auto');
	var mySlide = new Fx.Slide('login').hide();  //starts the panel in closed state  
	
	if($$('.btnazul_pq')!=null){
		$$('.toggleLoginJoin').each(function(element){
			element.addEvent('click', function(e){
				if($('messageElement')!=null && $('messageElement').get('text')!=''){ 
					$('messageElement').dispose();
				}
				e = new Event(e);
				//mySlide.toggle();
				if(show)
					mySlide.slideOut();
				else
					mySlide.slideIn();
				e.stop();
				
				var messageElement = Element('span', {id:'messageElement'});
				messageElement.set('text', 'Para unirse a una iniciativa debe iniciar su sesión');
				messageElement.injectInside($('messageDiv2'));
			});
		});
		
		$('closeLogin').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
			
			show = false;
		});
	}
    
});

//Muestra el div para el login en la página de la lista de iniciativas al hacer click en agregar inciativa
window.addEvent('domready', function(){

	$('login').setStyle('height','auto');
	var mySlide = new Fx.Slide('login').hide();  //starts the panel in closed state  
	
	if($('addInitiative')!=null){
		$('addInitiative').addEvent('click', function(e){
			if($('messageElement')!=null && $('messageElement').get('text')!=''){ 
				$('messageElement').dispose();
			}
			e = new Event(e);
			//mySlide.toggle();
			if(show)
				mySlide.slideOut();
			else
				mySlide.slideIn();
			e.stop();
			
			var messageElement = Element('span', {id:'messageElement'});
			messageElement.set('text', 'Para agregar una iniciativa debe iniciar su sesión');
			messageElement.injectInside($('messageDiv2'));
		});
		$('closeLogin').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
			
			show = false;
		});
	}
    
});


//Muestra el div para el login en la página de detalles de iniciativas al hacer click en votar y unirse
window.addEvent('domready', function(){

	$('login').setStyle('height','auto');
	var mySlide = new Fx.Slide('login').hide();  //starts the panel in closed state  
	
	if($('voteInitiative')!=null){
		$('voteInitiative').addEvent('click', function(e){
			if($('messageElement')!=null && $('messageElement').get('text')!=''){ 
				$('messageElement').dispose();
			}
			e = new Event(e);
//			mySlide.toggle();
			if(show)
				mySlide.slideOut();
			else
				mySlide.slideIn();
			e.stop();
			
			var messageElement = Element('span', {id:'messageElement'});
			messageElement.set('text', 'Para votar por una iniciativa debe iniciar su sesión');
			messageElement.injectInside($('messageDiv2'));
		});
		$('closeLogin').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
			show = false;
		});
	}
	
	if($('joinInitiative')!=null){
		$('joinInitiative').addEvent('click', function(e){
			if($('messageElement')!=null && $('messageElement').get('text')!=''){ 
				$('messageElement').dispose();
			}
			e = new Event(e);
			//mySlide.toggle();
			if(show)
				mySlide.slideOut();
			else
				mySlide.slideIn();
			e.stop();
			
			var messageElement = Element('span', {id:'messageElement'});
			messageElement.set('text', 'Para unirse a una iniciativa debe iniciar su sesión');
			messageElement.injectInside($('messageDiv2'));
		});
		$('closeLogin').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
			show = false;
		});
	}
});

//Muestra el div para el login al hacer click en la pagina de trivias
window.addEvent('domready', function(){
	$('login').setStyle('height','auto');
	var mySlide = new Fx.Slide('login').hide();  //starts the panel in closed state  
	
	if($('triviaQuestion')!=null){
		$('triviaQuestion').addEvent('click', function(e){
			if($('messageElement')!=null && $('messageElement').get('text')!=''){ 
				$('messageElement').dispose();
			}
			e = new Event(e);
			//mySlide.toggle();
			if(show)
				mySlide.slideOut();
			else
				mySlide.slideIn();
			e.stop();
			
			var messageElement = Element('span', {id:'messageElement'});
			messageElement.set('text', 'Para participar en la trivia debe iniciar su sesión');
			messageElement.injectInside($('messageDiv2'));
		});
		$('closeLogin').addEvent('click', function(e){
			e = new Event(e);
			mySlide.slideOut();
			e.stop();
			show = false;
		});
	}
    
});

function appear(id){
	var elements = $$('.image');
	var element = $(id);

	var imagePosition = element.get('id');
	if(element.get('src')=='/images/iniciativas/ico_florvacia.gif'){
		for(var j=0; j<imagePosition; j++)
			elements[j].set('src', '/images/iniciativas/ico_florllena.gif');
	}
}

function disappear(id){
	var elements = $$('.image');
	var element = $(id);
	
	var imagePosition = element.get('id');
	if(element.get('src')=='/images/iniciativas/ico_florllena.gif'){
		for(var j=0; j<imagePosition; j++)
			elements[j].set('src', '/images/iniciativas/ico_florvacia.gif');
	}
}

function selectRating(id, initiativeId){
	var elements = $$('.image');
	var element = $(id);
	
	var imagePosition = element.get('id');
//	var elementVote = $('voteInitiative1');
//	elementVote.set('href', '../rate/'+id+'/'+initiativeId);
	
	window.location = '../rate/'+id+'/'+initiativeId;

	
	for(var j=0; j<imagePosition; j++){
		elements[j].set('src', '/images/iniciativas/ico_florllena.gif');
		element.removeEvent('onmouseleave', disappear);
	}
}

function changeDays(){
	var years = $('year');
	var months = $('month');
	
	var year = years.get('value');
	var month = months.get('value');
	
	if(year!=0 && month!=0){
		if(month==1 || month==3 || month==5 || month==7 || month==8 || month==10 || month==12){
			removeDays();
			insertDay(32);
		}else if(month==2 && (year%4)==0){
			removeDays();
			insertDay(30);
		}else if(month==4 || month==6 || month==9 || month==11){
			removeDays();
			insertDay(31);
		}else if(month==2){
			removeDays();
			insertDay(29);
		}
	}
}

function insertDay(num){
	var newOption = Element('option', {
		'value' : 0,
		'text' : 'Día'
	});
	$('day').adopt(newOption);
	for(var i=1; i<num; i++){
		var newOption = Element('option', {
			'value' : i,
			'text' : i
		});
		$('day').adopt(newOption);
	}
}

function removeDays(){
	days = $('day');
	daysList = days.getChildren();
	daysList.each(function(element){
		element.dispose();
	});
}

function validateCaptcha(rand){
	document.getElementById('ajax-fc-circle').style.background = 'url(/images/circle_check.png) no-repeat';
	
	document.getElementById('captcha').value=rand;
}