$(function() {
    $("li.Group ul.Content").hide();

    //IE6
    if (($.browser.msie && $.browser.version.substr(0, 1) < 7)) {
        $("#ItemsList").hide();
        $("#Credits").hide();
        $("#OldBrowsers").show();
    } else {
        $("#PageHeader").corner("bl br");
        $("#ItemsList").corner();
        $("#Credits").corner("tl");
        $("#OldBrowsers").corner();

        $("li.Group span.GroupHeader").corner("3px");
        $("li.Category span.CategoryHeader").corner("3px");
        $("li.Item").corner("3px");
    }

    $("#ViewSiteEvenIfOldBrowserChiose").click(function() {
        $("#ItemsList").show();
        $("#Credits").show();
        $("#OldBrowsers").hide();
    });

    //Page design
    $("ul .Item:nth-child(1)").addClass("FirstItem");
    $("li.Item span.Content").slideUp(1);

    //Credits animation
    var CreditsHeight = $("#Credits").height() - 5;
    var CreditsWidth = $("#Credits").width() - 5;

    $("#Credits")
    .animate({ top: CreditsHeight + "px", left: CreditsWidth + "px", opacity: 0.4 }, 0)
    .hover(function() {
        $(this).stop().animate({ top: "10px", left: "10px", opacity: 1.0 }, "slow");
    }, function() {
        $(this).delay(1000).animate({ top: CreditsHeight + "px", left: CreditsWidth + "px", opacity: 0.4 }, "slow");
    });

    //Target links
    $("a[rel*=external]").attr("target", "_blank");

    //Groups
    $("li.Group span.GroupHeader").click(function() {
        var GroupContent = $(this).next("ul.Content");

        if ($(GroupContent).is(":visible")) {
            window.location.hash = "#home";
        } else {
            window.location.hash = "#" + $(this).parent().attr("id").substring(1);
        }

        $("ul.Content", $(this).parent().parent()).not(GroupContent).slideUp("fast");
        GroupContent.slideToggle("slow");
    })
    .fadeTo(0, 0.85)
    .hover(function() {
        $(this).fadeTo("fast", 1)
    }, function() {
        $(this).fadeTo("fast", 0.85)
    });

    if (window.location.hash.length > 0) {
        var openGroup = window.location.hash.substring(1).toLowerCase();
        if (openGroup == "about" || openGroup == "it-knowledge" || openGroup == "portfolio" || openGroup == "interact") {
            $("#_" + openGroup + " ul.Content").slideDown("fast");
        }
    }

    //Item hover
    $("ul.Items li.Item").hover(function() {
        $(this).css("background-color", "#575757");
    }, function() {
        $(this).css("background-color", "#1A1A1A");
    });

    //Email
    $(".pfEmail").html(getPeterFEmailListItemContent());
});

function getPeterFEmailListItemContent() {
    var template = "";
    var mName= "peter";
    var mSite= "peterf";

    template += "<a href=\"mailto:{mail}\" title=\"E-Mail\" class=\"email\">";
    template += "    <span class=\"Title\">E-Mail</span>";
    template += "    <span class=\"Name\">{mail}</span>";
    template += "    <span class=\"Description\">Messages</span>";
    template += "</a>";

    template = template.replace(/{mail}/gi, mName + "@" + mSite + ".se");

    return template;
}