function showSlides() {
    if ($("#view_opt4").css("display") != 'none') {
        $(".divInfoMain").hide();
        $("#divWorkArea").width('90%');
    }
    else {
        $("#divWorkArea").width('400px');
        $(".divInfoMain").show();
    }
}

function onloadEvHandler() {

    var menustyle = "color_a";
    var menustyleSel = "color_api";

    $("#mn_top").corner("top 5px");
    $("#mn_bottom").corner("bottom 5px");
    $("#divDirectory").corner("5px");
    $("#divInt").corner("5px").parent().css('padding', '1px').corner("5px");

    $("#btn_big").mouseover(function() {
        $("#btn_left").removeClass('int_bt_l').addClass('int_bt_l_over');
        $("#btn_center").removeClass('int_bt_c').addClass('int_bt_c_over');
        $("#btn_right").removeClass('int_bt_r').addClass('int_bt_r_over');
    });
    $("#btn_big").mouseout(function() {
        $("#btn_left").removeClass('int_bt_l_over').removeClass('int_bt_l_press').addClass('int_bt_l');
        $("#btn_center").removeClass('int_bt_c_over').removeClass('int_bt_c_press').addClass('int_bt_c');
        $("#btn_right").removeClass('int_bt_r_over').removeClass('int_bt_r_press').addClass('int_bt_r');
    });
    $("#btn_big").mousedown(function() {
        $("#btn_left").removeClass('int_bt_l').removeClass('int_bt_l_over').addClass('int_bt_l_press');
        $("#btn_center").removeClass('int_bt_c').removeClass('int_bt_c_over').addClass('int_bt_c_press');
        $("#btn_right").removeClass('int_bt_l').removeClass('int_bt_r_over').addClass('int_bt_r_press');
    });
    $("#btn_big").mouseup(function() {
        changeMenu($("#li_opt4"), menustyle, menustyleSel);
        showSlides();
    });
    $("div[id*=li_opt]").each(function() {
        $(this).click(function() {
            changeMenu($(this), menustyle, menustyleSel);
            showSlides();
        });
        $(this).corner();
    });

    $("#navPrev").click(function() { navigate('P', "color_a", "color_api"); showSlides(); });
    $("#navNext").click(function() { navigate('N', "color_a", "color_api"); showSlides(); });

    // Back-forward support
    function parse_fragment()
    {
        var frag=$jq.fragment().id || null;
        if (frag==null){
            history.back();
            return;
        }
        changeMenubyId(frag, menustyle, menustyleSel);
        if (frag != "4")
            $("#view_opt4").hide();
        else
            $("#view_opt4").show();
        showSlides();
    };

    $jq.fragmentChange(true);
    $jq(document).bind("fragmentChange.id", parse_fragment);

    if ($jq.fragment().id)
        $jq(document).trigger("fragmentChange.id");
    else
        $jq.setFragment({ "id": "1" });
}