/*
 *  dinamica.js - Comportamiento dinamico de la interfaz
 *  Pablo Telleria (Redbility)
 */

$(document).ready(function() {

	// Paginacion del carrusel superior
	$("#carrusel-paginacion .siguiente").click(function(e) {
		if(!$(this).hasClass("inactive") && !$("#carrusel-paginacion").data("moving")) {
			e.preventDefault();
			$("#carrusel-paginacion").data("moving", true)
			newLeft = parseInt($("#carrusel-content").css("left")) - 768;
			$("#carrusel-content").animate({left: newLeft}, 1000, function() {
				$("#carrusel-paginacion").data("moving", false)
			});
			if(newLeft == -(Math.ceil($("#carrusel-content").children().length/3) - 1)*768)
				$(this).addClass("inactive");
			$(this).prev().removeClass("inactive");
		}
	});
	$("#carrusel-paginacion .anterior").click(function(e) {
		if(!$(this).hasClass("inactive") && !$("#carrusel-paginacion").data("moving")) {
			e.preventDefault();
			$("#carrusel-paginacion").data("moving", true)
			newLeft = parseInt($("#carrusel-content").css("left")) + 768;
			$("#carrusel-content").animate({left: newLeft}, 1000, function() {
				$("#carrusel-paginacion").data("moving", false)
			});
			if(newLeft == 0)
				$(this).addClass("inactive");
			$(this).next().removeClass("inactive");
		}
	});
	
	// Ocultar/mostrar tabla
	$(".table-collapse").click(function(e) {
		e.preventDefault();
		$(this).toggleClass("expand");
		$(this).parent().parent().nextAll().toggle();
	});

	// Ocultar/mostrar seccion
	$(".section-collapse").click(function(e) {
		e.preventDefault();
		$(this).toggleClass("expand");
		$(this).parent().next().toggle();
	});
});


//Funcion que despliega el menu de capas superior
var desplegadoActual = null;  // Global.  Almacena la capa visible actualmente

function conmuta(objId){
	// Conmuta la visibilidad de una capa
	// objId : Id de la capa a ocultar o mostrar
	
	if(desplegadoActual != null && desplegadoActual != objId){
		var actual = document.getElementById(desplegadoActual);
		actual.style.display="none";		
	}
	var objeto = document.getElementById(objId);
	if(objeto.style.display == "none"){
		objeto.style.display = "block";
	}else{
		objeto.style.display = "none";
	}
	desplegadoActual = objId;
}
