//JavaScript utilizando el framework dojo toolkit para desarrollo de aplicaciones RIA
//desarrollado por Jose Esteban Guillen Diaz


//requerimientos de dojo (widgets)
dojo.require("dijit.layout.TabContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("dijit.layout.AccordionContainer");
dojo.require("dijit.layout.StackContainer");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.Tooltip");
dojo.require("dijit.TooltipDialog");
dojo.require("dijit.Dialog");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.DropDownButton");

dojo.require("dojo.fx");

dojo.require("dojox.image.Lightbox");
dojo.require("dojo.parser");


//creación de TabContainter
function tabs() {
    var tc = new dijit.layout.TabContainer({ style:"width: 100%;" }, "nav-cedht");
    tc.attr("doLayout", false);
    //var cp1 = new dijit.layout.ContentPane({ title: "Principal", href:"sistema/contenido/principal.html", onload:"ventanasPrincipal()" });
    var cp1 = new dijit.layout.ContentPane({ title: "Principal", href:"sistema/contenido/principal.html" });
    tc.addChild(cp1);
    var cp2 = new dijit.layout.ContentPane({ title: "Derechos Humanos", href:"sistema/contenido/derechos_humanos.html" });
    tc.addChild(cp2);
    var cp3 = new dijit.layout.ContentPane({ title: "Marco Jurídico", href:"sistema/contenido/marco_juridico.html" });
    tc.addChild(cp3);
    var cp4 = new dijit.layout.ContentPane({ title: "Quejas", href:"sistema/contenido/quejas.html" });
    tc.addChild(cp4);
    var cp5 = new dijit.layout.ContentPane({ title: "Recomendaciones", href:"sistema/contenido/recomendaciones.html" });
    tc.addChild(cp5);
    var cp6 = new dijit.layout.ContentPane({ title: "Publicaciones", href:"sistema/contenido/publicaciones.html" });
    tc.addChild(cp6);
    var cp7 = new dijit.layout.ContentPane({ title: "Convenios", href:"sistema/contenido/convenios.html" });
    tc.addChild(cp7);
    var cp8 = new dijit.layout.ContentPane({ title: "Comunicación Social", href:"sistema/contenido/comunicacion_social.html" });
    tc.addChild(cp8);
    var cp9 = new dijit.layout.ContentPane({ title: "Lengua Chontal", href:"sistema/contenido/chontal.html" });
    tc.addChild(cp9);
    //var cp10 = new dijit.layout.ContentPane({ title: "Grupos Vulnerables", href:"sistema/contenido/grupos_vulnerables.html" });
    //tc.addChild(cp10);
    tc.startup();
}

//creacion de banner
function stack() {
        var sc = new dijit.layout.StackContainer({ style: "height: 100%; width: 100%;", id: "bannerPrincipal" }, "bannerPrincipal");
        var cp1 = new dijit.layout.ContentPane({ title: "1", content: '<div class="bannerC">Inauguracion Primer Foro Indigena</div>', id: "bannerCambio1" });
        sc.addChild(cp1);
        var cp2 = new dijit.layout.ContentPane({ title: "2", content: '<div class="bannerC">Mensaje del Presidente en el Primer Foro Indigena</div>', id: "bannerCambio2" });
        sc.addChild(cp2);
        var cp3 = new dijit.layout.ContentPane({ title: "3", content: '<div class="bannerC">Primer Foro Indigena</div>', id: "bannerCambio3" });
        sc.addChild(cp3);
        var cp4 = new dijit.layout.ContentPane({ title: "4", content: '<div class="bannerC">Primer Foro Indigena</div>', id: "bannerCambio4" });
        sc.addChild(cp4);
        var cp5 = new dijit.layout.ContentPane({ title: "5", content: '<div class="bannerC">Ciclo de conferencias -La Reforma Constitucional en Materia de Derechos Humanos- </div>', id: "bannerCambio5" });
        sc.addChild(cp5);
        var cp6 = new dijit.layout.ContentPane({ title: "6", content: '<div class="bannerC">Entrevista de la CEDH Tabasco en XEVA Noticias</div>', id: "bannerCambio6" });
        sc.addChild(cp6);
        var cp7 = new dijit.layout.ContentPane({ title: "7", content: '<div class="bannerC">Conferencia -Fortalezas y Debilidades del Nuevo Sistema Penal Acusatorio- </div>', id: "bannerCambio7" });
        sc.addChild(cp7);
        var cp8 = new dijit.layout.ContentPane({ title: "8", content: '<div class="bannerC">Reunión informativa con la CONAGUA</div>', id:"bannerCambio8" });
        sc.addChild(cp8);
		var cp9 = new dijit.layout.ContentPane({ title: "9", content: '<div class="bannerC">Ciclo de conferencias -La Reforma Constitucional en Materia de Derechos Humanos- </div>', id:"bannerCambio9" });
		sc.addChild(cp9);
        var controller = new dijit.layout.StackController({ style: "float: left; font-size: 10px;", containerId: "bannerPrincipal" }, "controlBanner");
        sc.startup();
        controller.startup();
}

//creación de paneles
function paneles() {
    var pan1 = new dijit.layout.ContentPane({ style: "width: 100%" }, "accDirectos");
    pan1.attr("href", "sistema/contenido/encabezado/datos.html");
    var pan2 = new dijit.layout.ContentPane({ style: "height: 100%; width: 100%" }, "mAnuncios");
    pan2.attr("href", "sistema/contenido/masanuncios.html");
    var pan3 = new dijit.layout.ContentPane({ style: "width: 100%;" }, "data");
    pan3.attr("href", "sistema/contenido/pie/datos1.html");
    var pan4 = new dijit.layout.ContentPane({ style: "width: 100%;" }, "dataCedht");
    pan4.attr("href", "sistema/contenido/pie/datos2.html");
}


//funcion para ejecutar programas o scripts al inicio
function inicio() {
    tabs();
    stack();
    iniciarPresentacion();
    paneles();
    KW_doClock();
}

//ejecucion en carga de dojo
dojo.addOnLoad(inicio);

//animacion de las ventanas
function ventanaIn(ventana, ocultar, mostrar) {
  dojo.fx.wipeIn({ node: ventana.id, duration: 0 }).play();   //maximizar
  dojo.attr(ocultar.id, "style", {display: "none"});
  dojo.attr(mostrar.id, "style", {display: "block"});
}
function ventanaOut(ventana, ocultar, mostrar) {
  dojo.fx.wipeOut({ node: ventana.id, duration: 0 }).play();  //minimizar
  dojo.attr(ocultar.id, "style", {display: "none"});
  dojo.attr(mostrar.id, "style", {display: "block"});
}

//funcion de accesibilidad: alto contraste
//function modoA(ventana, ocultar, mostrar) {
//  dojo.animateProperty({ node: ventana, duration: 1000, properties: {
//      color: { start: "#000", end: "#FFF" },
//      backgroundColor: { start: "#FFF", end: "#000" },
//      fontSize: {end: 20, unit: "px"}
//    } }).play();
//  dojo.attr(ocultar, "style", {display: "none"});
//  dojo.attr(mostrar, "style", {display: "block"});
//}
//funcion de accesibilidad: normal
//function modoN(ventana, ocultar, mostrar) {
//  dojo.animateProperty({ node: ventana, duration: 1000, properties: {
//      color: { start: "#FFF", end: "#111" },
//      backgroundColor: { start: "#111", end: "#FFF" },
//      fontSize: {end: 12, unit: "px"}
//    } }).play();
//  dojo.attr(ocultar, "style", {display: "none"});
//  dojo.attr(mostrar, "style", {display: "block"});
//}

//bgchange.style.backgroundColor="ff8080";
//function ventanaIn(ventana, ocultar, mostrar) { //mostrar
//  ventana.style.display = "block";
//  ocultar.style.display = "none";
//  mostrar.style.display = "block";
//}
//function ventanaOut(ventana, ocultar, mostrar) {  //ocultar
//  ventana.style.display = "none";
//  ocultar.style.display = "none";
//  mostrar.style.display = "block";
//}

//opcion 2
//function ventanaIn(ventana, ocultar, mostrar) { //mostrar
//    document.getElementById(ventana.id).className = "ventanaContenido";
//    document.getElementById(ocultar.id).className = "control2";
//    document.getElementById(mostrar.id).className = "control1";
//}
//function ventanaOut(ventana, ocultar, mostrar) {  //ocultar
//    document.getElementById(ventana.id).className = "ventanaContenidoHide";
//    document.getElementById(ocultar.id).className = "control2";
//    document.getElementById(mostrar.id).className = "control1";
//}