// JavaScript Document

var Encuentra = new Class({
	Extends: Menu,
	Implements: [Options, Events],
	options:
	{
	},
	initialize:function(options)
	{
		this.setOptions(options);
		this.getDir();
	},
	getDir:function()
	{
		var sd = new Request({url: "./sys/encuentra.php",
			onRequest:function(){
				this.loadCaja("cargando direcciones...");
			}.bind(this),
			onSuccess: function(r){
				this.setCaja(r);
				this.dirEvents();
				this.getMapa("sanisidro");
			}.bind(this)
		}).get({"getDir":""});		
	},
	dirEvents:function()
	{
		$$(".inicioDirItem").each(function(d){
			d.addEvent("click",function(){
				this.getMapa(d.id);
			}.bind(this));
		}.bind(this));
		//document.id("").set("html","");
	},
	getMapa:function(mapId)
	{
		
		var sd = new Request({url: "./sys/encuentra.php",
			onRequest:function(){
				document.id("mapBox").set("html","");
			}.bind(this),
			onSuccess: function(r){
				document.id("mapBox").set("html",r);
				$$(".inicioDirItem").each(function(d){
				d.setStyles({"border-left":"none","padding-left":0,"margin-left":0});
				});
				document.id(mapId).setStyles({"border-left":"#f00 solid 10px","padding-left":5,"margin-left":-15});
			}.bind(this)
		}).get({"getMapa":mapId});	
	}
	
});