// JavaScript Code for very basic accordion - include in head of doc
function accordionViajesInspiracion(){
	//var trig = $S('.nivelA');
	//var box = $S('.slider');
	//var ac = nre.fx.Accordion(trig, box,  {'alwaysHide' : true, 'start': 'all-closed'});
	var trig = document.getElementsByClassName('nivelA');
	var box = document.getElementsByClassName('slider');
	//accordion = new Fx.Accordion(accordionTogglers, accordionContents, {fixedHeight : lateralSize['alto']});
	//var ac = new Fx.Accordion(trig, box, {'opacity': false, 'alwaysHide' : true, 'start': 'all-closed'});
	var ac = new Fx.Accordion(trig, box, {'opacity': false, 'start': 'all-closed'});
	//alert(trig);
	trig.addEvent('mouseover', function(){
		//Funcion que retorne los datos del elemento seleccionado
		var childs = this.getChildren();
		var NE = childs.length
		for(var i = 0; i < NE; i++) {
			if(childs[i].id) {
				var info = viajes[childs[i].id];
				showImage(info[0], info[1], info[2]);
			}
		}
	});
	
	trig.addEvent('mouseout', function(){
		//Funcion que retorne los datos del elemento seleccionado
		var childs = this.getChildren();
		//alert(childs);
		var NE = childs.length
		//alert(NE);
		for(var i = 0; i < NE; i++) {
			if(childs[i].id) {
				var info = viajes[childs[i].id];
				hideImage();
			}
		}
	});
	
	var elements = $$(trig);	
	//alert(elements);
	trig.addEvent('click', function(){
			elements.each(function(el, i){
			if(el == this) {
				el.setProperty('class', 'tituloAcordeon on');
			} else {
				el.setProperty('class', 'tituloAcordeon');
			}
		}, this);
	});
}

function showImage(x, y, img) {
	/*
	var _img = 	document.getElementById('zapato');
	_img.src = img;
	*/
	if(window.ie) {
      var img = new Element('img').setProperty('src', img);
      var strHTML = "<span " + " style=\"display:inline-block;" + "width:" + img.width + "px; height:" + img.height + "px;" + 
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>";
		//alert(strHTML);
		$('maps').setHTML(strHTML);
	} else {
		$('maps').setHTML('<img src="' + img + '" alt="" />');
	}
	
	$('maps').setStyle('left', x + 'px');
	$('maps').setStyle('top', y + 'px');

	return false;
}

function hideImage() {
	//Posible opción, recorrer los nodos hijos de la capa y eliminar la imagen
	//document.getElementById('zapato').src = '/imgs/transparente.gif';
	$('maps').setHTML('');
	$('maps').setHTML('<img src="/imgs/transparente.gif" alt="" />')
	//$('maps').setStyle('left', x + 'px');
	//$('maps').setStyle('top', y + 'px');

	return false;
}

Window.onDomReady(function(){
	//alert("prueba");
	// MOD Fran: quito la siguiente línea, que da error
	//$('.nivelA').addEvent('click', function(){alert("hola")});
	accordionViajesInspiracion();	
	//sliderinit() ;
});