$(document).ready(function() {
    var elemento = document.location.href.toLowerCase().split('/')[document.location.href.toLowerCase().split('/').length - 1].split('?')[0];
    if (elemento == "el-proyecto.aspx") { $(".cabecera-fondo-2-interno").css("width", "145px"); $(".cabecera-fondo-2-interno").css("left", "346px"); }
    else if (elemento == "que-es-innovar.aspx") { $(".cabecera-fondo-2-interno").css("width", "145px"); $(".cabecera-fondo-2-interno").css("left", "496px"); }
    else if (elemento == "capacitacion.aspx") { $(".cabecera-fondo-2-interno").css("width", "145px"); $(".cabecera-fondo-2-interno").css("left", "646px"); }
    else if (elemento == "sistematizacion.aspx") { $(".cabecera-fondo-2-interno").css("width", "145px"); $(".cabecera-fondo-2-interno").css("left", "796px"); }
    else if (elemento == "inicio.aspx") { $(".cabecera-fondo-2-interno").css("width", "145px"); $(".cabecera-fondo-2-interno").css("left", "796px"); }
    else $(".cabecera-fondo-2-interno").stop().animate({ left: "0px", width: "0px" });

    $("#ul1").mouseover(function() {
        $(".cabecera-fondo-2-interno").css("width", "145px");
        $(".cabecera-fondo-2-interno").stop().animate({ left: "346px" });
        $(this).stop().animate({ marginTop: "0px", height: "55px" }, 100);
    });

    $("#ul1").mouseout(function() {
        if (elemento == "el-proyecto.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "346px" });
        else if (elemento == "que-es-innovar.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "496px" });
        else if (elemento == "capacitacion.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "646px" });
        else if (elemento == "sistematizacion.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        else if (elemento == "inicio.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        else $(".cabecera-fondo-2-interno").stop().animate({ left: "0px", width: "0px" });
        $(this).stop().animate({ marginTop: "10px", height: "45px" }, 100);
    });

    $("#ul2").mouseover(function() {
        $(".cabecera-fondo-2-interno").css("width", "145px");
        $(".cabecera-fondo-2-interno").stop().animate({ left: "496px" });
        $(this).stop().animate({ marginTop: "0px", height: "55px" }, 100);
    });

    $("#ul2").mouseout(function() {
        if (elemento == "el-proyecto.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "346px" });
        else if (elemento == "que-es-innovar.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "496px" });
        else if (elemento == "capacitacion.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "646px" });
        else if (elemento == "sistematizacion.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        else if (elemento == "inicio.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        else $(".cabecera-fondo-2-interno").stop().animate({ left: "0px", width: "0px" });
        $(this).stop().animate({ marginTop: "10px", height: "45px" }, 100);
    });

    $("#ul3").mouseover(function() {
        $(".cabecera-fondo-2-interno").css("width", "145px");
        $(".cabecera-fondo-2-interno").stop().animate({ left: "646px" });
        $(this).stop().animate({ marginTop: "0px", height: "55px" }, 100);
    });

    $("#ul3").mouseout(function() {
        if (elemento == "el-proyecto.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "346px" });
        else if (elemento == "que-es-innovar.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "496px" });
        else if (elemento == "capacitacion.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "646px" });
        else if (elemento == "sistematizacion.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        else if (elemento == "inicio.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        else $(".cabecera-fondo-2-interno").stop().animate({ left: "0px", width: "0px" });
        $(this).stop().animate({ marginTop: "10px", height: "45px" }, 100);
    });

    $(".ul4").mouseover(function() {
        $(".cabecera-fondo-2-interno").css("width", "145px");
        $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        $(this).stop().animate({ marginTop: "0px", height: "55px" }, 100);
    });

    $(".ul4").mouseout(function() {
        if (elemento == "el-proyecto.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "346px" });
        else if (elemento == "que-es-innovar.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "496px" });
        else if (elemento == "capacitacion.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "646px" });
        else if (elemento == "sistematizacion.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        else if (elemento == "inicio.aspx") $(".cabecera-fondo-2-interno").stop().animate({ left: "796px" });
        else $(".cabecera-fondo-2-interno").stop().animate({ left: "0px", width: "0px" });
        $(this).stop().animate({ marginTop: "10px", height: "45px" }, 100);
    });
});