window.activeImage = 0;

	window.addEvent("domready", function() {
		
		$$('#imagenes li').fade("hide");
		
		$$(".arrow").setStyle("display", "none");
		
		$$('#imagenes li').each(function(li, index) {
			
			$$(".arrow").setStyle("display", "inline");
			
			elemento = new Element('a');
			
			elemento.set({
				'href':			'#imagen' + index,
				'class':		'numero',
				'text':			index + 1
			});
			
			elemento.addEvent("click", function(event){
				if(event) event.preventDefault();
				$$('#imagenes li').fade("out");
				index = (this.get("text").toInt()-1);
				$$('#imagenes li')[index].fade("in");
				window.activeImage = index;
				$$("#numbers a").removeClass("active");
				this.addClass("active");
			});
			
			elemento.inject($('numbers'), 'bottom');
		});
		
		$("next").addEvent("click", function(event) {
			event.preventDefault();
			if($$('#numbers a')[window.activeImage + 1]) 
				$$('#numbers a')[window.activeImage + 1].fireEvent("click");
		});
		
		$("prev").addEvent("click", function(event) {
			event.preventDefault();
			if($$('#numbers a')[window.activeImage - 1]) 
				$$('#numbers a')[window.activeImage - 1].fireEvent("click");
		});
		
		if($$('#numbers a').length)
			$$('#numbers a')[0].fireEvent("click");
		
		$$("#proyectos img").fade("hide");
		
		$$("#proyectos li").addEvent("mouseover", function() {
			$$("#proyectos img").fade("out");
			this.getElements("img").fade("in");
		});
		
		$$("#proyectos li").addEvent("mouseout", function() {
			$$("#proyectos img").fade("out");
		});
		
	});