/*
	Abilbo
*/
function createBordedImages() {
  var minHeight = 0;
	$$("div.imgBorded").each( function(el) {
		el.setStyle("position", "relative");
    var imagen = el.getFirst();
		var imgSize = imagen.getStyle("width");
		
    if( el.getSize("y") > minHeight ) minHeight = el.getSize("y");
		
		var esquinaTL = new Element("div").addClass("esquina-TL"); // superior izquierda - Top Left
		var esquinaTR = new Element("div").addClass("esquina-TR"); // superior derecha - Top Right
		var esquinaBL = new Element("div").addClass("esquina-BL"); // inferior izquierda - Bottom Left
		var esquinaBR = new Element("div").addClass("esquina-BR"); // inferior derecha - Bottom Right

		esquinaTL.injectInside(el);
		esquinaTR.injectInside(el);
		esquinaBL.injectInside(el);
		esquinaBR.injectInside(el);
	});
  //$$("div.imgBorded").each(function(element) { element.setStyle("height", minHeight+ 10); });
}

function createPestContesMNAC() {
	
	if ($('caja_pestanyas')) {
		
		var divs = $('cuerpo_caja').getElements('div.box_content');
		divs.setStyle('display', 'none');
		elementActive = $('pestanyas').getElements('ul li.active');
		var idActive = elementActive.get('id');
		var eleActiveName = idActive + '_content';
		$(eleActiveName).setStyle('display','block');
		
		var list = $('pestanyas').getElements('ul li').addEvent('click', function(e){

			var idActive = this.get('id');
			list.each(function(elemento, indice) {elemento.removeClass('active')});
			divs.each(function(elemento, indice) {elemento.setStyle('display','none')});
			document.getElement('#' + idActive + '_content').setStyle('display','block');
			this.addClass('active');
			
			
		});
		
	}
	
}

function createInfoPracMenu() {
	var accordion = new Accordion(".infotoggler a", ".infopanel a", {
		onActive: function(toggler, element){
			toggler.addEvent("click", function(e) { new Event(e).stop(); });
			var eid = toggler.getProperty("id");
			$("panel_" + eid).addClass("active");
			toggler.addClass("active");
		},
		onBackground: function(toggler, element){
			toggler.addEvent("click", function(e) { new Event(e).stop(); });
			var eid = toggler.getProperty("id");
			$("panel_" + eid).removeClass("active");
			toggler.removeClass("active");
		}
	});
}

function createAcordeon() {
	var accordion = new Accordion("h3.atStart", "div.atStart", {
		opacity: false,
		onActive: function(toggler, element){
			var div_padre = toggler.getParent();
			div_padre.addClass("activitat_mostrada");
		},

		onBackground: function(toggler, element){
			var div_padre = toggler.getParent();
			div_padre.removeClass("activitat_mostrada");
		}
	}, $("activitats"));
}

window.addEvent("load", function() {
	
	createPestContesMNAC();
	
	createAcordeon();
	createInfoPracMenu();
	createBordedImages();

	// lanzar click al hacer mouseover
	$$("h3.toggler").each(function(element) {
		element.addEvent("mouseover", function() {
			element.fireEvent("click");
		});
	});
	
	$$("#activitats img").each(function(element) {
		element.setStyle("display","block");
	});

	$$("div.activitat").each(function(element) {
		element.addEvent("mouseover", function() {
			element.setStyle("backgroundColor", "#f2f2f2");
		});
		element.addEvent("mouseout", function() {
			element.setStyle("backgroundColor", "#ffffff");
		});
	});  
});