var inicios = new Array(0,244,302,432,556,631,800);
var rutas = new Array("/","/","/como_funciona","/quienes_somos","/contacto","/comprar_membresias","/");

$(function() {
    $("#menu").css("background", "none");
    for (i = 0; i < inicios.length - 1; i++) {
        $('<div id="' + i + 'menu" class="menu"></div>')
            .css({
                "width": inicios[i + 1] - inicios[i],
                "left": inicios[i],
                "background-position": "-" + inicios[i] + "px 0"
            })
            .appendTo("#menu");
    }

    $(".menu")
        .bind("resaltar", function(e, si) {
            var ypos = "55px";
            if(si != undefined && !si && !$(this).hasClass("seleccionado"))
                ypos = "0";
            $(this).css("background-position", "-" + $(this).css("left") + " " + ypos);
        })
        .bind("seleccionar", function(e) {
            $(".seleccionado").removeClass("seleccionado").trigger("resaltar", false);
            $(this).addClass("seleccionado").trigger("resaltar");
        })
        .hover(
            function() { $(this).trigger("resaltar"); },
            function() { $(this).trigger("resaltar", false); }
        )
        .click(function() { location.href = rutas[parseInt(this.id)] });
    $("#1menu").trigger("seleccionar");
    
    $(".boton").prepend('<div class="botonLado botonIni"></div><div class="botonLado botonFin"></div>');
    $(".boton").mouseover(function(){
        var position="0px -40px";
        if ($(this).hasClass("azul"))
            position="0px 0px";

        $(this).css("background-position",position);
        $(this).find(".botonLado").css("background-position",position);
    });

    $(".boton").mouseout(function(){
        var position="0px 0px";
        if ($(this).hasClass("azul"))
            position="0px -40px";

        $(this).css("background-position",position);
        $(this).find(".botonLado").css("background-position",position);
    });

    $("#pie a img").hover(
        function() { $(this).addClass("hover"); },
        function() { $(this).removeClass("hover"); }
    );

    ctrls();
});

function ctrls() {
    $("div.flatblock .ctrl a").each(function() {
        this.href += "?_popup";
        $(this).addClass("popupwindow").attr("rel", "heigth:500,width:800,scrollbars:1");
    }).hide();
    //$("div.flatblock .ctrl").hide();
    $("div.flatblock").hover(
        function() { $(this).find(".ctrl a").show(); },
        function() { $(this).find(".ctrl a").hide(); }
    );
    $(".popupwindow").popupwindow();
}

function Sexy_message(titulo, mensaje) {
    $("#BoxAlertBtnOk.close").click();
    Sexy.message(titulo, mensaje);
    ctrls();
}