$(document).ready(function() 
{
    // Load the page with the "about me info" closed
    $("#infoText").css("display","none");
    // And the additional info for the projects as well
    $("div.caseContent").css("display","none");
    // Toggle "about me"
    $("#infoToggle").click(function () 
    {
        $("#infoText").slideToggle("slow", function()
        {
            if($("#infoText").css("display") == "none")
            {
                $("#pointUpLeft").after('<img id="pointDownLeft" src="/images/point_down_left.png" alt="" />').remove();
                $("#pointUpRight").after('<img id="pointDownRight" src="/images/point_down_right.png" alt="" />').remove();
            }
            else
            {
                $("#pointDownLeft").after('<img id="pointUpLeft" src="/images/point_up_left.png" alt="" />').remove();
                $("#pointDownRight").after('<img id="pointUpRight" src="/images/point_up_right.png" alt="" />').remove();
            }
        });
    });
    
    // Toggle project info
    $("img.headerImage").click(function ()
    {
        $(this).next().toggle('slow');
        return false;
    });
    
    // Insert neater HR-tag
    $("#content hr").after('<img class="hrTag" src="/images/hr_ninja.png" alt="" />').remove();
});