document.addEvent("domready", function(){
	
	var homeImages = $$('#Images li');
	var last = homeImages.length;
	var firstImage = homeImages[0].getChildren()[0].get("src");
	$("Images").setStyle("background","url('public/css/images/loader.gif') no-repeat");
	var loader = new Element("div", {"class":"loader"});
	$("Images").setStyle("visibility","hidden")
	loader.inject($("Images"), "after");
	var myImage = new Asset.image(firstImage, {onload: startViewer});
	
	function startViewer()
	{
		loader.destroy();
		$("Images").setStyle("visibility","visible")
		new viewer(homeImages,{interval:2000,"mode":"alpha", onWalk:function(currentIndex){
			if(currentIndex == last-1) 
			{
				this.stop();
				redirect.delay(6000);
			}
			
		}}).play(true);
	}
	
	function redirect()
	{
		document.location = document.location.href + "inicio/";
	}
});