var FEATURED_PROJECT_OPEN_POSITION  = "0px";
var FEATURED_PROJECT_CLOSE_POSITION = "-366px";

$(document).ready(function() 
{
    initialize_featured_project();
});

function change_featured_project_button(open_or_close)
{
    if (open_or_close == FEATURED_PROJECT_OPEN_POSITION)
    {
        $("#open").removeClass("display_block");
        $("#open").addClass("display_none");

        $("#close").removeClass("display_none");
        $("#close").addClass("display_block");
    }
    else if (open_or_close == FEATURED_PROJECT_CLOSE_POSITION)
    {
        $("#open").removeClass("display_none");
        $("#open").addClass("display_block");

        $("#close").removeClass("display_block");
        $("#close").addClass("display_none");
    }
}

function close_featured_project_box()
{
    $("#featured_project").animate({"left" : FEATURED_PROJECT_CLOSE_POSITION}, 1000);
}

function initialize_featured_project()
{
    $("#open").click(function()
    {
        if ($("#open").hasClass("display_block") == true)
        {
            open_featured_project_box();
            change_featured_project_button(FEATURED_PROJECT_OPEN_POSITION);
            //fadeOut("div#project_name");
        }
    });

    $("#project_name").click(function()
    {
        if ($("#open").hasClass("display_block") == true)
        {
            open_featured_project_box();
            change_featured_project_button(FEATURED_PROJECT_OPEN_POSITION);
            //fadeOut("div#project_name");
        }
    });

    $("#close").click(function()
    {
        if ($("#close").hasClass("display_block") == true)
        {
            close_featured_project_box();
            change_featured_project_button(FEATURED_PROJECT_CLOSE_POSITION);
            //fadeIn("div#project_name");
        }
    });
};

function open_featured_project_box()
{
    $("#featured_project").animate({"left" : FEATURED_PROJECT_OPEN_POSITION}, 1000);
}

function fadeIn(id)
{
    if ($.browser.msie)
    {
        $(id).show();
    }
    else
    {
        $(id).fadeIn();
    }
}

function fadeOut(id)
{
    if ($.browser.msie)
    {
        $(id).hide();
    }
    else
    {
        $(id).fadeOut();
    }
}
