// JavaScript Document

var Inicio = new Class({
	Extends: Menu,
	Implements: [Options, Events],
	options:
	{
	},
	initialize:function(options)
	{
		this.setOptions(options)
	},
	hi:function()
	{
		this.clearSection();
		var sd = new Request({url: "./sys/inicio.php",
			onRequest:function(){
				this.loadCaja("Cargando imagenes...");
			}.bind(this),
			onSuccess: function(r){
				this.setCaja(r);
				this.iconos();
			//	this.getNoticias();
			}.bind(this)
		}).get({"inicioIconos":""});
	},
	bye:function()
	{
		this.clearSection();
		$(document.body).removeEvents();
	},
	iconos:function()
	{
		document.id("inicioIconos").setStyles({"display":"block"});
		var curr=0;
		this.show(0);
		$(document.body).addEvent('mousemove',function(event)
		{
			var b = $(document.body).getCoordinates();
			var grid = (b.width/10).toInt();
			var mouseX = event.page.x;
			var img = (mouseX/grid).toInt();
			if(curr!=img)
			{
				this.show(img);
				curr=img;
			}
		}.bind(this));
	},
	show:function(n)
	{
		//c(n);
		$$("#inicioIconos img").each(function(i){
			if(i.id=="icono_"+n)
			{
				i.morph({opacity:1});
			}
			else
			{
				i.morph({opacity:0});
			}
		});
	},
	getNoticias:function()
	{
		var sd = new Request({url: "./sys/inicio.php",
			onRequest:function(){
				document.id("noticiasBox").set("html","Cargando imagenes...");
			}.bind(this),
			onSuccess: function(r){
				document.id("noticiasBox").set("html",r);
				this.noticiasEventos();
			}.bind(this)
		}).get({"getNoticias":""});
	},
	noticiasEventos:function()
	{
		$$("#noticiasBox .notListItem").each(function(n){
			n.addEvent("click",function(){
				this.openNoticia(n.id);
			}.bind(this));
			
			n.addEvent("mouseover",function(){
				n.setStyles({opacity:1});
			});
			n.addEvent("mouseout",function(){
				n.setStyles({opacity:0.5});
			});
			
		}.bind(this));
	},
	openNoticia:function(notId)
	{
		function byeTapaTodoNoticias()
		{
			$("closeExplorador").setStyles({"display":"none"});
			$("loginTapaTodo").setStyles({"opacity":0,"display":"none"});
			$("loginBox").setStyles({"opacity":0,"display":"none"});
			$("loginBox").set("html","");
			$("loginTapaTodo").removeEvent("click",byeTapaTodoNoticias);
			$("closeExplorador").removeEvent("click",byeTapaTodoNoticias);
			//window.sethash("#/noticias");
		}

		$("loginTapaTodo").setStyles({"opacity":0,"display":"block"});
		$("loginTapaTodo").tween("opacity",0.8);
		$("loginTapaTodo").addEvent("click",byeTapaTodoNoticias);
		$("closeExplorador").setStyles({"display":"block"});
		$("closeExplorador").addEvent("click",byeTapaTodoNoticias);
		$("loginBox").setStyles({"opacity":0,"display":"block"});
		var loginBoxFx = new Fx.Morph('loginBox', {duration: 300, transition: Fx.Transitions.Sine.easeOut});
		loginBoxFx.start({
									'width': [780],
									'height': [580],
									'padding': [10],
									'margin-top':[-300],
									'margin-left':[-400],
									'opacity':1
								});
		var s = $("loginBox");
		var sd = new Request({url: "sys/inicio.php",
							onRequest:function(){
								s.set("html","Cargando Noticia...<br><img src='./admin/css/loading.gif' width='220' height='19'/>");
												},
							onSuccess: function(d){
								s.set("html",d);
	
											   }}).get({"noticia":notId});							

	}
	
});