function disable_all() {
    $("#proyectos").removeClass("liover");
    $("#premios").removeClass("liover");
    $("#biografia").removeClass("liover");
    $("#contacto").removeClass("liover");

    $("#sub_menu_proyectos").fadeOut("slow");
    $("#sub_menu_premios").fadeOut("slow");

    disable_proyectos_all();
    disable_premios_all();
}

function disable_submenus() {
    disable_premios_all();
    disable_proyectos_all();
}

function disable_premios_all() {
    $("#premioenero").removeClass("liover");
    $("#premiomayo").removeClass("liover");
}

function disable_proyectos_all() {
    $("#tambor-school").removeClass("liover");
    $("#iglesia-florencia").removeClass("liover");
    $("#casavq").removeClass("liover");
    $("#casavv").removeClass("liover");
    $("#casares").removeClass("liover");
    $("#zamora").removeClass("liover");
    $("#alfonso").removeClass("liover");
    $("#jeizel").removeClass("liover");
    $("#burrito").removeClass("liover");
    $("#casahc").removeClass("liover");
    $("#casa4306").removeClass("liover");
    $("#casahch").removeClass("liover");
    $("#casa-san-diego").removeClass("liover");
    $("#casa-tch").removeClass("liover");
    $("#casa-hv").removeClass("liover");
    $("#casa-sanchez").removeClass("liover");
    $("#casa-lg").removeClass("liover");
    $("#ap-guaracha").removeClass("liover");
    $("#casa-neno").removeClass("liover");
}

function switch_on(obj, path) {
    $(".icono").each(function () {
        $(this).removeClass("selected");
    });
    obj.addClass("selected");
    $("#contenido").fadeOut("slow", function () {
        $("#contenido").html(path);
        $("#contenido").fadeIn("slow");
    });
}

$(document).ready(function () {
    //////////////////////////////////////////
    // este es el slideshow en la pagina principal
    $("#contenido").cycle({
        fx: 'fade',
        speed: 3000
    });

    //////////////////////////////////////////
    disable_all();

    //////////////////////////////////////////
    $("#proyectos").click(function (event) {
        disable_all();
        $("#proyectos").addClass("liover");
        $("#sub_menu_proyectos").fadeIn("slow");
    });

    $("#premios").click(function (event) {
        disable_all();
        $("#premios").addClass("liover");
        $("#sub_menu_premios").fadeIn("slow");
    });

    $("#biografia").click(function (event) {
        disable_all();
        $("#biografia").addClass("liover");
        $(".icono").each(function(){ $(this).hide() });
        $("#contenido").html("\n" +
"<div id='texto-biografia'><pre>\n" +
"El arquitecto Javier Hidalgo naci&oacute; en el a&ntilde;o 1976 en\n" +
"San Jos&eacute;, Costa Rica. Actualmente es miembro activo del\n" +
"Colegio Federado de Ingenieros y Arquitectos.\n" +
"\n" +
"Graduado de la Universidad Aut&oacute;noma de Centroamerica ha\n" +
"trabajado en importantes empresas de proyectos contempor&aacute;neos\n" +
"como arquitectura hospitalaria y residencial ( lofts ).\n" +
"\n" +
"Individualmente ha desarrollado todo tipo de proyectos durante el\n" +
"transcurso de su carrera, donde su norte siempre ha sido \n" +
"el compromiso 100% con el cliente, acompa&ntilde;&aacute;ndolo en todas las \n" +
"etapas de cada proyecto.\n" +
"\n" +
"Su dedicaci&oacute;n lo ha llevado a ganar premios a nivel nacional aun\n" +
"siendo estudiante, esto demuestra el empe&ntilde;o por su trabajo.\n" +
"\n" +
"</pre></div>\n" +
        "");
    });

    $("#contacto").click(function (event) {
        disable_all();
        $("#contacto").addClass("liover");
        $(".icono").each(function(){ $(this).hide() });
        $("#contenido").html("\n" +
"<form method=post action=contacto.php>" +
"   <label for='email' id='lemail'>email:</label>" +
"   <input type='text' name='email' id='email' /><br />" +
"   <textarea name='consulta' rows=8 cols=60></textarea><br />" +
"   <input type=submit name=submit />" +
"</form>" +
"<div id='infocontacto'>" +
"t : cel : (506) 88 55 83 82<br />" +
"<a href='mailto:info@jharquitecto.com'>info@jharquitecto.com</a>" +
"</div>" +
        "");
    });

    ////////////////////////////////////////////////////
    $("#casavq").click(function (event) {
        disable_submenus();
        $("#casavq").addClass("liover");
    });

    $("#iglesia-florencia").click(function (event) {
        disable_submenus();
        $("#iglesia-florencia").addClass("liover");
    });

    $("#tambor-school").click(function (event) {
        disable_submenus();
        $("#tambor-school").addClass("liover");
    });


    $("#casavv").click(function (event) {
        disable_submenus();
        $("#casavv").addClass("liover");
    });

    $("#casares").click(function (event) {
        disable_submenus();
        $("#casares").addClass("liover");
    });

    $("#zamora").click(function (event) {
        disable_submenus();
        $("#zamora").addClass("liover");
    });

    $("#alfonso").click(function (event) {
        disable_submenus();
        $("#alfonso").addClass("liover");
    });

    $("#jeizel").click(function (event) {
        disable_submenus();
        $("#jeizel").addClass("liover");
    });

    $("#burrito").click(function (event) {
        disable_submenus();
        $("#burrito").addClass("liover");
    });

    $("#casahc").click(function (event) {
        disable_submenus();
        $("#casahc").addClass("liover");
    });

    $("#casa4306").click(function (event) {
        disable_submenus();
        $("#casa4306").addClass("liover");
    });

    $("#casahch").click(function (event) {
        disable_submenus();
        $("#casahch").addClass("liover");
    });

    $("#casa-san-diego").click(function (event) {
        disable_submenus();
        $("#casa-san-diego").addClass("liover");
    });

    $("#casa-tch").click(function (event) {
        disable_submenus();
        $("#casa-tch").addClass("liover");
    });

    $("#casa-hv").click(function (event) {
        disable_submenus();
        $("#casa-hv").addClass("liover");
    });

    $("#casa-sanchez").click(function (event) {
        disable_submenus();
        $("#casa-sanchez").addClass("liover");
    });

    $("#casa-lg").click(function (event) {
        disable_submenus();
        $("#casa-lg").addClass("liover");
    });

    $("#ap-guaracha").click(function (event) {
        disable_submenus();
        $("#ap-guaracha").addClass("liover");
    });

    $("#casa-neno").click(function (event) {
        disable_submenus();
        $("#casa-neno").addClass("liover");
    });




    //////////////////////////////////////////////////////////

    $("#premioenero").click(function (event) {
        disable_submenus();
        $("#premioenero").addClass("liover");
        $(".icono").each(function(){ $(this).hide(); });
        $("#contenido").fadeOut("slow",function(){
            $("#contenido").html("<img src='imagenes/premioenero.jpg' />");
            $("#contenido").fadeIn("slow");
        });
    });

    $("#premiomayo").click(function (event) {
        disable_submenus();
        $("#premiomayo").addClass("liover");
        $(".icono").each(function(){ $(this).hide(); });
        $("#contenido").fadeOut("slow");
        $("#contenido").fadeOut("slow",function(){
            $("#contenido").html("<img src='imagenes/premiomayo.jpg' />");
            $("#contenido").fadeIn("slow");
        });
    });

    //////////////////////////////////////////////////////////
    

    /// casavv
    $("#casavv").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_casavv").show();
        switch_on($("#icono_casavv"), "<img class='imagen' src='imagenes/casa_vv.jpg' />");
    });
    $("#icono_casavv").click(function (event) {
        switch_on($("#icono_casavv"), "<img class='imagen' src='imagenes/casa_vv.jpg' />");
    });

    /// casares			 
    $("#casares").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_casares").show();
        switch_on($("#icono_casares"), "<img class='imagen' src='imagenes/apart_casares.jpg' />");
    });

    /// zamora			 
    $("#zamora").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_zamora").show();
        switch_on($("#icono_zamora"), "<img class='imagen' src='imagenes/casa_zamora.jpg' />");
    });

    /// alfonso
    $("#alfonso").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_fonso1").show();
        $("#icono_fonso3").show();
        switch_on($("#icono_fonso1"), "<img class='imagen' src='imagenes/fonso-1.jpg' />");
    });
    $("#icono_fonso1").click(function (event) {
        switch_on($("#icono_fonso1"), "<img class='imagen' src='imagenes/fonso-1.jpg' />");
    });

    $("#icono_fonso3").click(function (event) {
        switch_on($("#icono_fonso3"), "<img class='imagen' src='imagenes/fonso-3.jpg' />");
    });

    /// jeizel			 
    $("#jeizel").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_jeitzel").show();
        switch_on($("#icono_jeitzel"), "<img class='imagen' src='imagenes/local_jeitzel.jpg' />");
    });

    /// burrito
    $("#burrito").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_burrito1").show();
        $("#icono_burrito3").show();
        switch_on($("#icono_burrito1"), "<img class='imagen' src='imagenes/burrito-1.jpg' />");
    });
    $("#icono_burrito1").click(function (event) {
        switch_on($("#icono_burrito1"), "<img class='imagen' src='imagenes/burrito-1.jpg' />");
    });

    $("#icono_burrito3").click(function (event) {
        switch_on($("#icono_burrito3"), "<img class='imagen' src='imagenes/burrito-3.jpg' />");
    });

    /// casahc
    $("#casahc").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#casa_hc1").show();
        $("#casa_hc2").show();
        $("#casa_hc3").show();
        switch_on($("#casa_hc1"), "<img class='imagen' src='imagenes/casa_hc-1.jpg' />");
    });
    $("#casa_hc1").click(function (event) {
        switch_on($("#casa_hc1"), "<img class='imagen' src='imagenes/casa_hc-1.jpg' />");
    });

    $("#casa_hc2").click(function (event) {
        switch_on($("#casa_hc2"), "<img class='imagen' src='imagenes/casa_hc-2.jpg' />");
    });

    $("#casa_hc3").click(function (event) {
        switch_on($("#casa_hc3"), "<img class='imagen' src='imagenes/casa_hc-3.jpg' />");
    });

    /// casa4306
    $("#casa4306").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_casa-4306-1").show();
        $("#icono_casa-4306-2").show();
        $("#icono_casa-4306-3").show();
        $("#icono_casa-4306-4").show();
        switch_on($("#icono_casa-4306-1"), "<img class='imagen' src='imagenes/casa-4306-1.jpg' />");
    });
    $("#icono_casa-4306-1").click(function (event) {
        switch_on($("#icono_casa-4306-1"), "<img class='imagen' src='imagenes/casa-4306-1.jpg' />");
    });

    $("#icono_casa-4306-2").click(function (event) {
        switch_on($("#icono_casa-4306-2"), "<img class='imagen' src='imagenes/casa-4306-2.jpg' />");
    });

    $("#icono_casa-4306-3").click(function (event) {
        switch_on($("#icono_casa-4306-3"), "<img class='imagen' src='imagenes/casa-4306-3.jpg' />");
    });

    $("#icono_casa-4306-4").click(function (event) {
        switch_on($("#icono_casa-4306-4"), "<img class='imagen' src='imagenes/casa-4306-4.jpg' />");
    });

    /// vq
    $("#casavq").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_vq2").show();
        $("#icono_vq3").show();
        $("#icono_vq4").show();
        $("#icono_vq5").show();
        switch_on($("#icono_vq2"), "<img class='imagen' src='imagenes/vq-2.jpg' />");
    });
    $("#icono_vq2").click(function (event) {
        switch_on($("#icono_vq2"), "<img class='imagen' src='imagenes/vq-2.jpg' />");
    });

    $("#icono_vq3").click(function (event) {
        switch_on($("#icono_vq3"), "<img class='imagen' src='imagenes/vq-3.jpg' />");
    });

    $("#icono_vq4").click(function (event) {
        switch_on($("#icono_vq4"), "<img class='imagen' src='imagenes/vq-4.jpg' />");
    });

    $("#icono_vq5").click(function (event) {
        switch_on($("#icono_vq5"), "<img class='imagen' src='imagenes/vq-5.jpg' />");
    });



    /// iglesia florencia
    $("#iglesia-florencia").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_iglesia_florencia1").show();
        $("#icono_iglesia_florencia2").show();
        $("#icono_iglesia_florencia3").show();
        $("#icono_iglesia_florencia4").show();
        $("#icono_iglesia_florencia5").show();
        $("#icono_iglesia_florencia6").show();
        $("#icono_iglesia_florencia7").show();
        switch_on($("#icono_iglesia_florencia1"), "<img class='imagen' src='imagenes/iglesia-florencia-1.jpg' />");
    });
    $("#icono_iglesia_florencia1").click(function (event) {
        switch_on($("#icono_iglesia_florencia1"), "<img class='imagen' src='imagenes/iglesia-florencia-1.jpg' />");
    });

    $("#icono_iglesia_florencia2").click(function (event) {
        switch_on($("#icono_iglesia_florencia2"), "<img class='imagen' src='imagenes/iglesia-florencia-2.jpg' />");
    });

    $("#icono_iglesia_florencia3").click(function (event) {
        switch_on($("#icono_iglesia_florencia3"), "<img class='imagen' src='imagenes/iglesia-florencia-3.jpg' />");
    });

    $("#icono_iglesia_florencia4").click(function (event) {
        switch_on($("#icono_iglesia_florencia4"), "<img class='imagen' src='imagenes/iglesia-florencia-4.jpg' />");
    });

    $("#icono_iglesia_florencia5").click(function (event) {
        switch_on($("#icono_iglesia_florencia5"), "<img class='imagen' src='imagenes/iglesia-florencia-5.jpg' />");
    });

    $("#icono_iglesia_florencia6").click(function (event) {
        switch_on($("#icono_iglesia_florencia6"), "<img class='imagen' src='imagenes/iglesia-florencia-6.jpg' />");
    });

    $("#icono_iglesia_florencia7").click(function (event) {
        switch_on($("#icono_iglesia_florencia7"), "<img class='imagen' src='imagenes/iglesia-florencia-7.jpg' />");
    });




    /// iglesia florencia
    $("#tambor-school").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_tamborbay1").show();
        $("#icono_tamborbay2").show();
        $("#icono_tamborbay3").show();
        $("#icono_tamborbay4").show();
        switch_on($("#icono_tamborbay1"), "<img class='imagen' src='imagenes/tambor-bay-1.jpg' />");
    });
    $("#icono_tamborbay1").click(function (event) {
        switch_on($("#icono_tamborbay1"), "<img class='imagen' src='imagenes/tambor-bay-1.jpg' />");
    });
    
    $("#icono_tamborbay2").click(function (event) {
        switch_on($("#icono_tamborbay2"), "<img class='imagen' src='imagenes/tambor-bay-2.jpg' />");
    });
 
    $("#icono_tamborbay3").click(function (event) {
        switch_on($("#icono_tamborbay3"), "<img class='imagen' src='imagenes/tambor-bay-3.jpg' />");
    });
 
    $("#icono_tamborbay4").click(function (event) {
        switch_on($("#icono_tamborbay4"), "<img class='imagen' src='imagenes/tambor-bay-4.jpg' />");
    });




    /// casa san diego
    $("#casa-san-diego").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_casa-san-diego-1").show();
        $("#icono_casa-san-diego-2").show();
        switch_on($("#icono_casa-san-diego-1"), "<img class='imagen' src='imagenes/casa-san-diego-1.jpg' />");
    });
    $("#icono_casa-san-diego-1").click(function (event) {
        switch_on($("#icono_casa-san-diego-1"), "<img class='imagen' src='imagenes/casa-san-diego-1.jpg' />");
    });
    
    $("#icono_casa-san-diego-2").click(function (event) {
        switch_on($("#icono_casa-san-diego-2"), "<img class='imagen' src='imagenes/casa-san-diego-2.jpg' />");
    });
 


    /// casa tch
    $("#casa-tch").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_tch1").show();
        switch_on($("#icono_tch1"), "<img class='imagen' src='imagenes/tch1.jpg' />");
        });
        $("#icono_tch1").click(function (event) {
         switch_on($("#icono_tch1"), "<img class='imagen' src='imagenes/tch1.jpg' />");
    });


    /// casa hv
    $("#casa-hv").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_casahv").show();
         switch_on($("#icono_casahv"), "<img class='imagen' src='imagenes/casahv.jpg' />");
        });
        $("#icono_casahv").click(function (event) {
         switch_on($("#icono_casahv"), "<img class='imagen' src='imagenes/casahv.jpg' />");
    });

    /// casa sanchez
    $("#casa-sanchez").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_casasanchez").show();
        $("#icono_casasanchez2").show();
        $("#icono_casasanchez3").show();
        switch_on($("#icono_casasanchez"), "<img class='imagen' src='imagenes/casasanchez-1.jpg' />");
        });
        $("#icono_casasanchez").click(function (event) {
         switch_on($("#icono_casasanchez"), "<img class='imagen' src='imagenes/casasanchez-1.jpg' />");
    });
        $("#icono_casasanchez2").click(function (event) {
         switch_on($("#icono_casasanchez2"), "<img class='imagen' src='imagenes/casasanchez-2.jpg' />");
         });
        $("#icono_casasanchez3").click(function (event) {
         switch_on($("#icono_casasanchez3"), "<img class='imagen' src='imagenes/casasanchez-3.jpg' />");
         });



    /// casa lg
    $("#casa-lg").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_casalg").show();
        switch_on($("#icono_casalg"), "<img class='imagen' src='imagenes/casalg.jpg' />");
        });
        $("#icono_casalg").click(function (event) {
         switch_on($("#icono_casalg"), "<img class='imagen' src='imagenes/casalg.jpg' />");
         });


    /// ap guaracha
    $("#ap-guaracha").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_apguaracha").show();
        switch_on($("#icono_apguaracha"), "<img class='imagen' src='imagenes/guaracha.jpg' />");
        });
        $("#icono_apguaracha").click(function (event) {
         switch_on($("#icono_apguaracha"), "<img class='imagen' src='imagenes/guaracha.jpg' />");
         });

    /// casa neno
    $("#casa-neno").click(function (event) {
        $("#contenido").cycle("stop");
        $(".icono").each(function () {
            $(this).hide();
        });
        $("#icono_casaneno").show();
        $("#icono_casaneno2").show();
        switch_on($("#icono_casaneno"), "<img class='imagen' src='imagenes/casaneno-1.jpg' />");
        });
     $("#icono_casaneno").click(function (event) {
         switch_on($("#icono_casaneno"), "<img class='imagen' src='imagenes/casaneno-1.jpg' />");
         });
     $("#icono_casaneno2").click(function (event) {
         switch_on($("#icono_casaneno2"), "<img class='imagen' src='imagenes/casaneno-2.jpg' />");
         });


    //////////////////////////////////////////////////////////

});