var textos_array = new Array();
textos_array["quienes"] = "quienes";
textos_array["clientes"] = "clientes texto";
textos_array["contactar"] = "contactar texto";

ACTIVE_OPACITY = 1;
DEFAULT_OPACITY = 0.85;
EFFECT_DURATION = 300;

var selectedEntry = null;
a1=new Image();
a2=new Image();
a1.src= "img/ico_seleccion3.gif";
a2.src="img/ico_selecciongris.gif";

function Cambia(refer,nueva) {document[refer].src=eval(nueva+".src") };

function init(){
	var menu = document.getElementById("items");
	var menuItems = menu.getElementsByTagName("div");
	var container = document.getElementById("lista_textos");
	var content = container.getElementsByTagName("li");

	for (var i = 0; i < menuItems.length; i++) {
		var menuItem = menuItems[i];
		menuItem.content = content[i];
		//menuItem.showEffect = alchemy.effects.Fade(content[i], DEFAULT_OPACITY, ACTIVE_OPACITY, EFFECT_DURATION);
		menuItem.onmouseover = function() { selectEntry(this); Cambia('pablo','a1');}		
		menuItem.onmouseout = function() { selectEntry(null); Cambia('pablo','a2');}
		
		if (i != 0) content[i].style.display = "none";
	}

	selectedEntry = menuItems[0];
	selectEntry(selectedEntry);
    selectEntry(null);
}

function selectEntry(entry) {
	selectedEntry.className = "";
	if (entry!=null){
		// Hide the previously selected element
		if (selectedEntry) {
			//selectedEntry.className = "";
			//selectedEntry.showEffect.stop();
			selectedEntry.content.style.display = "none";
			selectedEntry.style.fontWeight= "normal";
			setFlechita(false);
		}
	
		selectedEntry = entry;
	
		// Select the new element
		if (selectedEntry) {
			selectedEntry.className = "rollover";
			//selectedEntry.showEffect.start();
			selectedEntry.style.fontWeight= "bold";
			selectedEntry.content.style.display = "block";
			selectedEntry.style.cursor = "pointer";
			setFlechita(selectedEntry);
		}
	}
}

function setFlechita(_dv){
	var flecha_seleccion_dv = document.getElementById("flecha_seleccion");
	var barrita_seleccion_dv = document.getElementById("barrita_seleccion");
	
	if(_dv == false){
		
	}else{
		var id = _dv.id;
		var yoffset = 7;
		var y = _dv.offsetTop + yoffset;
		var x = 207;
		
		var total_w = 60;
		var h = total_w - y;
		//alert("y:"+y);
		var flecha_seleccion_lv = document.getElementById("flecha_seleccion");
		var barrita_seleccion_lv = document.getElementById("barrita_seleccion");		
		
		flecha_seleccion_lv.style.left = 180 + "px";
		flecha_seleccion_lv.style.top = y + "px";
		
		barrita_seleccion_lv.style.left = (x + 17) + "px";
		barrita_seleccion_lv.style.top = (y + 4) + "px";	
		barrita_seleccion_lv.style.height = h + "px";
	}
}

var fades = {
	"zonaAccesos" : ["foto_zonaAccesos_1", "foto_zonaAccesos_2"],
	"zonaAcreditaciones" : ["foto_zonaAcreditaciones_1", "foto_zonaAcreditaciones_2"],
	"zonaEntradas" : ["foto_zonaEntradas_1"],
	"zonaAsesoria" : ["foto_zonaAsesoria_1"]
}

function FadeTrigger(element, images) {

	// Change row styles
	var rows = element.getElementsByTagName("tr");
	
	for (var i = 0; i < rows.length; i++) {
		var row = rows[i];

		row.onmouseover = function () {
			alchemy.addClass(this, "destacado");
		}

		row.onmouseout = function () {
			alchemy.removeClass(this, "destacado");
		}
	}
	
	// Section selection:
	function show() {
		alchemy.addClass(element, "activo");
		
		for (var i = 0; i < images.length; i++) {
			images[i].showEffect.start();			
		}
		
		var titleServicios = document.getElementById("tituloServicios");
		titleServicios.className = "activoTitulo";
	}

	function hide() {
		alchemy.removeClass(element, "activo");
				
		for (var i = 0; i < images.length; i++) {
			images[i].showEffect.stop();
			alchemy.setOpacity(images[i], DEFAULT_OPACITY);
			//images[i].style.borderColor = "rgb(255,0,0)";
		}
		
		var titleServicios = document.getElementById("tituloServicios");
		titleServicios.className = "";
	}
	
	// Selection from an image	
	for (var i = 0; i < images.length; i++) {
		var image = images[i];
		alchemy.setOpacity(image, DEFAULT_OPACITY);		
		image.showEffect = alchemy.effects.Fade(image, DEFAULT_OPACITY, ACTIVE_OPACITY, EFFECT_DURATION);
		//image.style.border = "3px solid rgb(255,0,0)";
		//image.showEffect = alchemy.effects.BorderColorizer(image, [255,0,0], [255,255,255], EFFECT_DURATION);
		image.onmouseover = show;
		image.onmouseout = hide;
	}

	// Direct selection from the section body
	element.onmouseover = function (e) {
		if (!e) e = window.event;
		var relTarget = e.relatedTarget || e.fromElement;
		
		if (relTarget != this && (relTarget && !alchemy.nodeDescendsFrom(relTarget, this))) {
			show();
		}
	}

	element.onmouseout = function (e) {
		if (!e) e = window.event;
		var relTarget = e.relatedTarget || e.toElement;
		
		if (relTarget != this && (relTarget && !alchemy.nodeDescendsFrom(relTarget, this))) {
			hide();
		}
	}
}

alchemy.addHandler(window, "ready", function () {
	for (var i in fades) {
		var element = document.getElementById(i);
		var images = [];
		for (var j = 0; j < fades[i].length; j++) {
			images.push(document.getElementById(fades[i][j]));
		}
		FadeTrigger(element, images);
	}
});

alchemy.addHandler(window, "ready", init);