function onOver() {
    $(".employeeLinks", this).addClass("employeeLinksHover");
    $(".employeeLinks", this).removeClass("employeeLinks");
    $(this).addClass("employeeHover");
    $(this).removeClass("employee");
};

function onOut() {
    $(".employeeLinksHover", this).addClass("employeeLinks");
    $(".employeeLinksHover", this).removeClass("employeeLinksHover");
    $(this).addClass("employee");
    $(this).removeClass("employeeHover");
};


function onOver_ViewPicture(element) {
    $(document).ready(function() {
        $(".employeeName_ViewPicture", element.parentNode).animate({ top: '-=38px' }, 350);
    });
};


function onOut_ViewPicture(element) {
    $(document).ready(function() {
        $(".employeeName_ViewPicture", element.parentNode).animate({ top: '+=38px' }, 350);
    });
};


$(document).ready(function() {


    /*ToolBox*/

    $(".employeeLinks").hover(function() {

        var MasterElement = $(this);
        $("div.employeeCog img", this).attr("src", "../../img/employeeCog.gif");
        $(".employeeCogBox", this).css("display", "none");
        
        $("div.employeeLinks div.employeeCog").click(function() {
            $("img", this).attr("src", "../../img/employeeCogHover.gif");

            $(".employeeCogBox", MasterElement).css("display", "block");

        });


    },
    function() {
            $("div.employeeCog img", this).attr("src", "../../img/employeeCog.gif");
            $(".employeeCogBox", this).css("display", "none");
    });







    /* Billedevisning */
    $(".employeesViewBarPicture").click(function() {

        $("img", this).attr("src", "/img/employeeViewPictureHover.gif");
        $(".employeesViewBarList img").attr("src", "/img/employeeViewList.gif");

        $(".employeesHolder").slideUp(function() {

            $(".employee").addClass("employee_ViewPicture");
            $(".employee").removeClass("employee");

            $(".employeePicture").addClass("employeePicture_ViewPicture");
            $(".employeePicture").removeClass("employeePicture");

            $(".employeeName").addClass("employeeName_ViewPicture");
            $(".employeeName").removeClass("employeeName");

            $(".employeeLinks").addClass("employeeLinks_ViewPicture");
            $(".employeeLinks").removeClass("employeeLinks");

            $(".employeePosition").addClass("employeePosition_ViewPicture");
            $(".employeePosition").removeClass("employeePosition");

            $(".employeeEmpty").addClass("employeeEmpty_ViewPicture");
            $(".employeeEmpty").removeClass("employeeEmpty");


            $("img.employeeEmpty_ViewPicture").unbind("mouseover", onOver).unbind("mouseout", onOut);
            $("div.employee_ViewPicture").unbind("mouseover", onOver).unbind("mouseout", onOut);
            $("img.employeeEmpty_ViewPicture").unbind("mouseover", onOver_ViewPicture).unbind("mouseout", onOut_ViewPicture);
            $("div.employee_ViewPicture").unbind("mouseover", onOver_ViewPicture).unbind("mouseout", onOut_ViewPicture);

        });
        $(".employeesHolder").slideDown(function() {

            $("img.employeeEmpty_ViewPicture").bind("mouseover", function() { onOver_ViewPicture(this) }).bind("mouseout", function() { onOut_ViewPicture(this) });
            doOverlay();
        });

    });

    /* Listvisning */
    $(".employeesViewBarList").click(function() {
        $("img", this).attr("src", "/img/employeeViewListHover.gif");
        $(".employeesViewBarPicture img").attr("src", "/img/employeeViewPicture.gif");

        $(".employeesHolder").slideUp(function() {

            $(".employee_ViewPicture").addClass("employee");
            $(".employee_ViewPicture").removeClass("employee_ViewPicture");

            $(".employeePicture_ViewPicture").addClass("employeePicture");
            $(".employeePicture_ViewPicture").removeClass("employeePicture_ViewPicture");

            $(".employeeName_ViewPicture").addClass("employeeName");
            $(".employeeName_ViewPicture").removeClass("employeeName_ViewPicture");

            $(".employeeLinks_ViewPicture").addClass("employeeLinks");
            $(".employeeLinks_ViewPicture").removeClass("employeeLinks_ViewPicture");

            $(".employeePosition_ViewPicture").addClass("employeePosition");
            $(".employeePosition_ViewPicture").removeClass("employeePosition_ViewPicture");

            $(".employeeEmpty_ViewPicture").addClass("employeeEmpty");
            $(".employeeEmpty_ViewPicture").removeClass("employeeEmpty_ViewPicture");

            $("div.employee").unbind("mouseover", onOver_ViewPicture).unbind("mouseout", onOut_ViewPicture);
            $("img.employeeEmpty_ViewPicture").unbind("mouseover", onOver_ViewPicture).unbind("mouseout", onOut_ViewPicture);

        });
        $(".employeesHolder").slideDown(function() {
            $("div.employee").bind("mouseover", onOver).bind("mouseout", onOut);
            doOverlay();
        });
    });

    $(".employeesViewBarList").click();

});