// JavaScript Document
/**
 * Esta función se ejecuta al cargar la página.
 * Con esta función ocultamos todas las pestañas del widget excepto la primera.   
 */ 
$(document).ready(function(){
  var obj = document.getElementById("widget_home");
  if (obj!=null){
	
	var hidden = document.getElementById("widget_home_hidden");
	var id = obj.id;
	$("#"+id+" dd").hide();
	var dt = $("#"+id+" dt:first");
	var link_class = dt.children().attr("class");
	if (link_class == "widget_home_link"){
		var flecha = dt.children().children(".widget_home_flecha_off");
		flecha.removeClass("widget_home_flecha_off");
		flecha.addClass("widget_home_flecha");
	} else {
		$("#"+id+" dd:first").show();
	}
	if (hidden != null && hidden.value == "2"){
		dt = $("#"+id+" dt:last");
		link_class = dt.children().attr("class");
		if (link_class == "widget_home_link"){
			var flecha = dt.children().children(".widget_home_flecha_off");
			flecha.removeClass("widget_home_flecha_off");
			flecha.addClass("widget_home_flecha");
		} else {
			$("#"+id+" dd:last").show();
			var obj = $("#"+id+" dd:last").prev();
			obj.removeClass("widget_home_last");
			obj.addClass("widget_home_last_on");
			var elem = $("#widget_home_down");
			elem.addClass("widget_home_down_on");
			elem.removeClass("widget_home_down");
			obj = obj.children().children(".widget_home_flecha")
			obj.removeClass("widget_home_flecha");
			obj.addClass("widget_home_flecha_off");
		}
   }
 }	
/**
 *  Esta función se ejecuta en el onclick de los elementos dt con link. 
 *  Mediante esta función ocultamos la pestaña que se está mostrando y mostramos 
 *  la que se ha clicado.
 */   
  $(".widget_home_contenedor dl dt a").click(function(){
     // recuperamos el identificador del titulo (dt) clicado
     var varId = $(this).parent().attr('id');
     // recuperamos la clase del elemento
     var clicked = $(this).parent();
     // si es un link hemos de ir al enlace, sino plegamos y desplegamos
     if (clicked.children().hasClass('widget_home_link')) {
       return true;
     } else {
  	   var clase = $("#"+varId).attr('class');
  	   var dd_despl = $("#widget_home dd:visible");
       var dt_despl = dd_despl.prev();
       //mostramos la flecha del que se plega o se plegan (todos los visibles)
       var obj = dt_despl.children().children(".widget_home_flecha_off");
       obj.removeClass("widget_home_flecha_off");
       obj.addClass("widget_home_flecha");
       //plegamos y desplegamos
       dd_despl.slideUp();
       clicked.next().slideDown();
       // ocultamos la flecha del que se desplega
       obj = clicked.children().children(".widget_home_flecha");
       obj.removeClass("widget_home_flecha");
       obj.addClass("widget_home_flecha_off");
       // si es el último el que se plega o se desplega tenemos que modificar 
       // estilos para la imagen inferior redondeada
       if (clicked.attr("class") == "widget_home_last") {
          clicked.removeClass("widget_home_last");
          clicked.addClass("widget_home_last_on");
          var elem = $("#widget_home_down");
          elem.removeClass("widget_home_down");
          elem.addClass("widget_home_down_on");
       }else if (dt_despl.attr("class") == "widget_home_last_on"){
          if (clicked.attr("class") != "widget_home_last_on"){
            dt_despl.removeClass("widget_home_last_on");
            dt_despl.addClass("widget_home_last");
            var elem = $("#widget_home_down");
            elem.addClass("widget_home_down");
            elem.removeClass("widget_home_down_on");
          }
       }
       return false;
     } 
  });
});