$(document).ready(function(){
	//listado elementos multimedia
	$("li[id^='multimedia-']").click( function (){
										var xref = this.id.split("-");
								        var xref = xref[1];
										muestraObjetoMultimedia(xref);
								});

	//pestañas
	$("li[id^='multimedia_ptns']").click(muestraElementosPestana);	
});


function muestraElementosPestana(){

	var pestanas =  this.id.split("_");
	var pestana = pestanas[2];

	//eliminamos el class a todos
	$("li[id^='multimedia_ptns']").removeClass("marcado");
	$("ul[id^='multimedia_elementos']").hide();

	//mostramos el contenido de la pestaña
	$("ul[id='multimedia_elementos_"+pestana+"']").show();

	//añadimos el class 'marcado' a la pestaña
	$("li[id='multimedia_ptns_"+pestana+"']").addClass("marcado");

	//mostramos el elemento multimedia
	//li#multimedia-20110921cdscdsemp_1.Ves
	var elemento = $("ul[id='multimedia_elementos_"+pestana+"']")[0].children[0].id;
	var xref = elemento.split("-");
	var xref = xref[1];

	muestraObjetoMultimedia(xref);	

	return false;
}


function muestraObjetoMultimedia(xref){
	var url = "/modulo/modMultimediaPortada.html?xref="+xref;

	//eliminamos el class marcado a todos los <li> y <h4>
	$("li[id^='multimedia-']").removeClass("marcado");

	//añadimos el class 'marcado'  al <li> y <h4>
	$("li[id='multimedia-"+xref+"']").addClass("marcado");

	//el  módulo que sale en la portada no contiene '<h4>'
	var w_h4 = $("li[id^='multimedia-'] h4").length;
	if (w_h4 > 0){
		$("li[id^='multimedia-'] h4").removeClass("marcado");
		$("li[id='multimedia-"+xref+"'] h4")[0].className="marcado";
	}

	//pedimos el html
	$("[id='div_mod_multimedia']").load(url);

	return false;
}