﻿function UserHeader(sendEmailLink)
{

    $(document).ready(function()
    {
        initMyPlan();
        if (sendEmailLink) initSendEmail();
    });
    
    function initMyPlan()
    {

        var planExpanded = false;
        
        var $button = $("#myPlanExpandCollapseButton");
        var $myplan = $("#myPlan");
        
        $button.click(function()
        {
            if (planExpanded)
            {
                $button.removeClass("planButtonExpanded").addClass("planButtonCollapsed").text("View plan");
                $myplan.hide();
                planExpanded = false;
            }
            else
            {
                $button.addClass("planButtonExpanded").removeClass("planButtonCollapsed").text("Hide plan");
                $myplan.show();
                planExpanded = true;
            }
        });
        
    }
        
    function initSendEmail()
    {
    
        var $button = $("#sendEmail");
        
        $button.click(function()
        {
        
            $button.
                removeClass("sendEmailButtonInactive").
                addClass("sendEmailButtonLoading");

            var reuqestParams = {
                type: "GET",
                dataType: "json",
                url: sendEmailLink,
                success: emailReceived };
            
            $.ajax(reuqestParams);
        
        });
        
        function emailReceived(email)
        {
        
            var $link = $("<a/>").
                addClass("sendEmail").
                attr("href", "mailto:" + email).
                text(email);
                
            $button.
                empty().
                addClass("sendEmailButtonInactive").
                removeClass("sendEmailButtonLoading").
                append($link);

        }
    
    }
    
}