/* GZIP on the fly by Raccoon Framework http://www.wt.com.mx/ */
RACCOON.namespace("RACCOON.cocktail");

RACCOON.cocktail.navegacion = {
	"home" : {
		"submenu" : "blank_submenu.html",
		"contenido" : "home.html"	
	},
	"cocktail" : {
		"submenu" : "blank_submenu.html",
		"contenido" : "cocktail.html"
	},
	"servicios" : {
		"submenu" : "servicios_submenu.html",
		"contenido" : "cocteleria.html"
	},
	"mobiliario" : {
		"submenu" : "mobiliario_submenu.html",
		"contenido" : "lounge.html"
	},
	"contactanos" : {
		"submenu" : "blank_submenu.html",
		"contenido" : "contactanos.html"
	}
};

RACCOON.cocktail.cargar = function(pagina) {
	// Submenu
	var animSubmenu = new YAHOO.util.Anim("submenu", {opacity: {from: 0.0, to: 1.0}}, 0.5, YAHOO.util.Easing.easeIn);
	animSubmenu.animate();
	YAHOO.util.Connect.asyncRequest('GET', RACCOON.cocktail.navegacion[pagina].submenu + "?" + (Math.random()*5), RACCOON.cocktail.submenuCargado);
	
	// Contenido
	RACCOON.cocktail.contenido.archivo = RACCOON.cocktail.navegacion[pagina].contenido;
	RACCOON.cocktail.contenido.iniciar();
};

// Submenu
RACCOON.cocktail.submenuCargado = {
	success : function(o) {
		document.getElementById("submenu").innerHTML = o.responseText;
		RACCOON.cocktail.menuClaseOver();
	}
};

// Contenido
RACCOON.namespace("RACCOON.cocktail.contenido");
RACCOON.cocktail.contenido.archivo = "";

// Paso 0
RACCOON.cocktail.contenido.cargar = function(pagina) {
	RACCOON.cocktail.contenido.archivo = pagina;
	RACCOON.cocktail.contenido.iniciar();
}

// Paso 1
RACCOON.cocktail.contenido.iniciar = function() {
	var animSubmenu = new YAHOO.util.Anim("contenido", {width: {to: 0, unit: 'px'}}, 1, YAHOO.util.Easing.easeIn);
	animSubmenu.animate();
	animSubmenu.onComplete.subscribe(RACCOON.cocktail.contenido.solicitar);
}

// Paso 2
RACCOON.cocktail.contenido.solicitar = function() {
	YAHOO.util.Connect.asyncRequest('GET', RACCOON.cocktail.contenido.archivo + "?" + (Math.random()*5), RACCOON.cocktail.contenido.preparar);
}

// Paso 3
RACCOON.cocktail.contenido.preparar = {
	success : function(o) {
		if (o.responseText.indexOf("RACCOON.cocktail.galeria.fotos") > -1) {
			RACCOON.cocktail.galeria.indice = 0;
			eval(o.responseText);
			YAHOO.util.Connect.asyncRequest('GET', "galeria.html?" + (Math.random()*5), RACCOON.cocktail.galeria.inicia);
		} else {
			document.getElementById("contenido").innerHTML = o.responseText;
			var animSubmenu = new YAHOO.util.Anim("contenido", {width: {to: 444, unit: 'px'}}, 1, YAHOO.util.Easing.easeIn);
			animSubmenu.animate();
		}
	}
}

RACCOON.cocktail.init = function() {
	RACCOON.cocktail.cargar('home');
	RACCOON.cocktail.menuClaseOver();
};

RACCOON.cocktail.menuClaseOver = function() {
	var menus = YAHOO.util.Dom.getElementsByClassName("menu_vinculos", "span");
	for (var i = 0; i < menus.length; i++) {
		menus[i].onmouseover = function() {
			YAHOO.util.Dom.replaceClass(this, "menu_vinculos", "menu_vinculos_over");
		};
		menus[i].onmouseout = function() {
			YAHOO.util.Dom.replaceClass(this, "menu_vinculos_over", "menu_vinculos");
		};
	}
}

/* Galeria */
RACCOON.namespace("RACCOON.cocktail.galeria");
RACCOON.cocktail.galeria.indice = 0;
RACCOON.cocktail.galeria.fotos = [];

RACCOON.cocktail.galeria.inicia = {
	success : function(o) {
		document.getElementById("contenido").innerHTML = o.responseText;
		
		RACCOON.cocktail.galeria.contenedor = document.getElementById("contenedor");
	
		for (var i = 0; i < RACCOON.cocktail.galeria.fotos.length; i++) {
			var imagen = document.createElement("img");
			imagen.src = RACCOON.cocktail.galeria.fotos[i];
			with(imagen.style) {
				top = "0px";
				left = (444 * i) + "px";
				position = "absolute";
				width = "444px";
				height = "270px";
			}
			RACCOON.cocktail.galeria.contenedor.appendChild(imagen);
		}
		
		var animSubmenu = new YAHOO.util.Anim("contenido", {width: {to: 444, unit: 'px'}}, 1, YAHOO.util.Easing.easeIn);
		animSubmenu.animate();
	}
}

RACCOON.cocktail.galeria.paneo = function(indice) {
	RACCOON.cocktail.galeria.indice += indice;
	if (RACCOON.cocktail.galeria.indice < 0)
		RACCOON.cocktail.galeria.indice = 0;
	if (RACCOON.cocktail.galeria.indice > (RACCOON.cocktail.galeria.fotos.length - 1))
		RACCOON.cocktail.galeria.indice = RACCOON.cocktail.galeria.fotos.length - 1;

	var atributos = {
		scroll:
			{to: [444 * RACCOON.cocktail.galeria.indice, 0]
		}
	}
	var anim = new YAHOO.util.Scroll(RACCOON.cocktail.galeria.contenedor, atributos, 1, YAHOO.util.Easing.easeOut);
	anim.animate();
}

YAHOO.util.Event.addListener(window, 'load', RACCOON.cocktail.init);