$(document).ready(function()
{

    var showAbout = null,
        showBenefits = null,
        showMarketing = null,
        showNews = null;
        showWhatIs = null;
        showWhatIsSM = null;
        showWhatIsSEO = null;
        showClient = null;
        showWriters = null;
        showInfographic = null;
        
        // About Content plus drop down menu control
        
    $(".NavAboutClick").click(function()
    {
        if (showBenefits == 1)
        {
                $("#NavBenefits").hide();
                showBenefits = null;
                $("#NavAbout").show();
                showAbout = 1;
        }
        else if (showMarketing == 1)
        {
                $("#NavMarketing").hide();
                showMarketing = null;
                $("#NavNews").hide();
                $("#NavNewsCover").hide();
                showNews = null;
                $("#NavWhatIs").hide();
                $("#NavWhatIsCover").hide();
                showWhatIs = null;
                $("#NavWhatIsSM").hide();
                $("#NavWhatIsSMCover").hide();
                showWhatIsSM = null;
                $("#NavWhatIsSEO").hide();
                $("#NavWhatIsSEOCover").hide();
                showWhatIsSEO = null;
                $("#NavWhatIsLinkedIn").hide();
                $("#NavWhatIsLinkedInCover").hide();
                showWhatIsLinkedIn = null;
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavInfographic").hide();
                $("#NavInfographicCover").hide();
                showInfographic = null;
                $("#NavAbout").show();
                showAbout = 1;
        }
        else if (showAbout == 1)
        {
                $("#NavAbout").hide();
                showAbout = null;
        }
        else 
        {
                $("#NavAbout").show();
                showAbout = 1;
        }
    });
    
    $('.NavAboutClick, #NavAbout').click(function(e) 
    {
        e.stopPropagation(); 
    }); 
    
    $(document).click(function() 
    {
        $('#NavAbout').hide(); 
        showAbout = null;
    });

        // Benefits drop down menu control

    $(".NavBenefitsClick").click(function()
    {
        if (showAbout == 1)
        {
                $("#NavAbout").hide();
                showAbout = null;
                $("#NavBenefits").show();
                showBenefits = 1;
        }
        else if (showMarketing == 1)
        {
                $("#NavMarketing").hide();
                showMarketing = null;
                $("#NavNews").hide();
                $("#NavNewsCover").hide();
                showNews = null;
                $("#NavWhatIs").hide();
                $("#NavWhatIsCover").hide();
                showWhatIs = null;
                $("#NavWhatIsSM").hide();
                $("#NavWhatIsSMCover").hide();
                showWhatIsSM = null;                
                $("#NavWhatIsSEO").hide();
                $("#NavWhatIsSEOCover").hide();
                showWhatIsSEO = null;
                $("#NavWhatIsLinkedIn").hide();
                $("#NavWhatIsLinkedInCover").hide();
                showWhatIsLinkedIn = null;
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavInfographic").hide();
                $("#NavInfographicCover").hide();
                showInfographic = null;
                $("#NavBenefits").show();
                showBenefits = 1;
        }
        else if (showBenefits == 1)
        {
                $("#NavBenefits").hide();
                showBenefits = null;
        }
        else 
        {
                $("#NavBenefits").show();
                showBenefits = 1;
        }
    });
    
    $('.NavBenefitsClick, #NavBenefits').click(function(e) 
    {
        e.stopPropagation(); 
    }); 
    
    $(document).click(function() 
    {
        $('#NavBenefits').hide(); 
        showBenefits = null;
    });
    
        // Marketing drop down menu control
    
    $(".NavMarketingClick").click(function()
    {
        if (showAbout == 1)
        {
                $("#NavAbout").hide();
                showAbout = null;
                $("#NavMarketing").show();
                showMarketing = 1;
        }
        else if (showBenefits == 1)
        {
                $("#NavBenefits").hide();
                showBenefits = null;
                $("#NavMarketing").show();
                showMarketing = 1;
        }
        else if (showMarketing == 1)
        {
                $("#NavMarketing").hide();
                showMarketing = null;
                $("#NavNews").hide();
                $("#NavNewsCover").hide();
                showNews = null;
                $("#NavWhatIs").hide();
                $("#NavWhatIsCover").hide();
                showWhatIs = null;
                $("#NavWhatIsSM").hide();
                $("#NavWhatIsSMCover").hide();
                showWhatIsSM = null;                
                $("#NavWhatIsSEO").hide();
                $("#NavWhatIsSEOCover").hide();
                showWhatIsSEO = null;
                $("#NavClient").hide();
                $("#NavClientCover").hide();
                showClient = null;
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavInfographic").hide();
                $("#NavInfographicCover").hide();
                showInfographic = null;
        }
        else 
        {
                $("#NavMarketing").show();
                showMarketing = 1;
        }
    });
    
    $('.NavMarketingClick, #NavMarketing, #NavNews, #NavNewsCover, #NavWhatIs, #NavWhatIsCover,\n\
        #NavWhatIsSM, #NavWhatIsSMCover, #NavWhatIsSEO, #NavWhatIsSEOCover, #NavClient, #NavClientCover\n\
        #NavWriters, #NavWritersCover, #NavInfographic, #NavInfographicCover').click(function(e) 
    {
        e.stopPropagation(); 
    }); 
    
    $("body").click(function() 
    {
        $('#NavMarketing').hide(); 
        showMarketing = null;
        $("#NavNews").hide();
        $("#NavNewsCover").hide();
        showNews = null;
        $("#NavWhatIs").hide();
        $("#NavWhatIsCover").hide();
        showWhatIs = null;
        $("#NavWhatIsSM").hide();
        $("#NavWhatIsSMCover").hide();
        showWhatIsSM = null;                
        $("#NavWhatIsSEO").hide();
        $("#NavWhatIsSEOCover").hide();
        showWhatIsSEO = null;
        $("#NavClient").hide();
        $("#NavClientCover").hide();
        showWhatIsSEO = null;
        $("#NavWriters").hide();
        $("#NavWritersCover").hide();
        showWriters = null;
        $("#NavInfographic").hide();
        $("#NavInfographicCover").hide();
        showInfogrpahic = null;
    });
    
    // News drop down menu control
    
    $(".NavNewsClick").click(function()
    {
        if (showWhatIs == 1)
        {
                $("#NavWhatIs").hide();
                $("#NavWhatIsCover").hide();
                showWhatIs = null;
                $("#NavNews").show();
                $("#NavNewsCover").show();
                showNews = 1;
        }
        else if (showClient == 1)
        {
                $("#NavClient").hide();
                $("#NavClientCover").hide();
                showClient = null;
                $("#NavNews").show();
                $("#NavNewsCover").show();
                showNews = 1;
        }
        else if (showWriters == 1)
        {
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavNews").show();
                $("#NavNewsCover").show();
                showNews = 1;
        }
        else if (showInfographic == 1)
        {
                $("#NavInfographic").hide();
                $("#NavInfographicCover").hide();
                showInfographic = null;
                $("#NavNews").show();
                $("#NavNewsCover").show();
                showNews = 1;
        }
        else if (showNews == 1)
        {
                $("#NavNews").hide();
                $("#NavNewsCover").hide();
                showNews = null;
        }
        else 
        {
                $("#NavNews").show();
                $("#NavNewsCover").show();
                showNews = 1;
        }
    });
    
    // Infographic drop down menu control
    
    $(".NavInfographicClick").click(function()
    {
        if (showWhatIs == 1)
        {
                $("#NavWhatIs").hide();
                $("#NavWhatIsCover").hide();
                showWhatIs = null;
                $("#NavInfographic").show();
                $("#NavInfographicCover").show();
                showInfographic = 1;
        }
        else if (showClient == 1)
        {
                $("#NavClient").hide();
                $("#NavClientCover").hide();
                showClient = null;
                $("#NavInfographic").show();
                $("#NavInfographicCover").show();
                showInfographic = 1;
        }
        else if (showWriters == 1)
        {
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavInfographic").show();
                $("#NavInfographicCover").show();
                showInfographic = 1;
        }
        else if (showNews == 1)
        {
                $("#NavNews").hide();
                $("#NavNewsCover").hide();
                showNews = null;
                $("#NavInfographic").show();
                $("#NavInfographicCover").show();
                showInfographic = 1;
        }
        else if (showInfographic == 1)
        {
                $("#NavInfographic").hide();
                $("#NavInfographicCover").hide();
                showInfographic = null;
        }
        else 
        {
                $("#NavInfographic").show();
                $("#NavInfographicCover").show();
                showInfographic = 1;
        }
    });
    
    // CLIENT INTERVIEWS MENU
    
    $(".NavClientClick").click(function()
    {
        if (showNews == 1)
        {
                $("#NavNews").hide();
                $("#NavNewsCover").hide();
                showNews = null;
                $("#NavClient").show();
                $("#NavClientCover").show();
                showClient = 1;
        }
        else if (showWriters == 1)
        {
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavClient").show();
                $("#NavClientCover").show();
                showClient = 1;
        }
        else if (showWhatIs == 1)
        {
                $("#NavWhatIs").hide();
                $("#NavWhatIsCover").hide();
                showWhatIs = null;
                $("#NavClient").show();
                $("#NavClientCover").show();
                showClient = 1;
        }
        else if (showInfographic == 1)
        {
                $("#NavInfographic").hide();
                $("#NavInfographicCover").hide();
                showInfographic = null;
                $("#NavClient").show();
                $("#NavClientCover").show();
                showClient = 1;
        }
        else if (showClient == 1)
        {
                $("#NavClient").hide();
                $("#NavClientCover").hide();
                showClient = null;
        }
        else 
        {
                $("#NavClient").show();
                $("#NavClientCover").show();
                showClient = 1;
        }
    });
    
    // Writers drop down menu control
    
    $(".NavWritersClick").click(function()
    {
        if (showNews == 1)
        {
                $("#NavNews").hide();
                $("#NavNewsCover").hide();
                showNews = null;
                $("#NavWriters").show();
                $("#NavWritersCover").show();
                showWriters = 1;
        }
        else if (showClient == 1)
        {
                $("#NavClient").hide();
                $("#NavClientCover").hide();
                showClient = null;
                $("#NavWriters").show();
                $("#NavWritersCover").show();
                showWriters = 1;
        }
        else if (showWhatIs == 1)
        {
                $("#NavWhatIs").hide();
                $("#NavWhatIsCover").hide();
                showWhatIs = null;
                $("#NavWriters").show();
                $("#NavWritersCover").show();
                showWriters = 1;
        }
        else if (showInfographic == 1)
        {
                $("#NavInfographic").hide();
                $("#NavInfographicCover").hide();
                showInfographic = null;
                $("#NavWriters").show();
                $("#NavWritersCover").show();
                showWriters = 1;
        }
        else if (showWriters == 1)
        {
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
        }
        else 
        {
                $("#NavWriters").show();
                $("#NavWritersCover").show();
                showWriters = 1;
        }
    });
    

    
        // What Is drop down menu control
    
    $(".NavWhatIsClick").click(function()
    {
        if (showNews == 1)
        {
                $("#NavNews").hide();
                $("#NavNewsCover").hide();
                showNews = null;
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavWhatIs").show();
                $("#NavWhatIsCover").show();
                showWhatIs = 1;
        }
        else if (showClient == 1)
        {
                $("#NavClient").hide();
                $("#NaClientCover").hide();
                showClient = null;
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavWhatIs").show();
                $("#NavWhatIsCover").show();
                showWhatIs = 1;
        }
        else if (showInfographic == 1)
        {
                $("#NavInfographic").hide();
                $("#NavInfographicCover").hide();
                showInfographic = null;
                $("#NavWriters").hide();
                $("#NavWritersCover").hide();
                showWriters = null;
                $("#NavWhatIs").show();
                $("#NavWhatIsCover").show();
                showWhatIs = 1;
        }
        else if (showWhatIs == 1)
        {
                $("#NavWhatIs").hide();
                $("#NavWhatIsCover").hide();
                showWhatIs = null;
                $("#NavWhatIsSM").hide();
                $("#NavWhatIsSMCover").hide();
                showWhatIsSM = null;
                $("#NavWhatIsSEO").hide();
                $("#NavWhatIsSEOCover").hide();
                showWhatIsSEO = null;
        }
        else 
        {
                $("#NavWhatIs").show();
                $("#NavWhatIsCover").show();
                showWhatIs = 1;
        }
    });
    
    // WHAT IS SM MENU
    
    $(".NavWhatIsSMClick").click(function()
    {   
        if (showWhatIsSM == 1)
        {
                $("#NavWhatIsSM").hide();
                $("#NavWhatIsSMCover").hide();
                showWhatIsSM = null;
        }
        else 
        {
                $("#NavWhatIsSEO").hide();
                $("#NavWhatIsSEOCover").hide();
                showWhatIsSEO = null;            
                $("#NavWhatIsSM").show();
                $("#NavWhatIsSMCover").show();
                showWhatIsSM = 1;
        }
    });
    
    // WHAT IS SEO MENU
    
    $(".NavWhatIsSEOClick").click(function()
    {   
        if (showWhatIsSEO == 1)
        {
                $("#NavWhatIsSEO").hide();
                $("#NavWhatIsSEOCover").hide();
                showWhatIsSEO = null;
        }
        else 
        {
                $("#NavWhatIsSM").hide();
                $("#NavWhatIsSMCover").hide();
                showWhatIsSM = null;
                $("#NavWhatIsSEO").show();
                $("#NavWhatIsSEOCover").show();
                showWhatIsSEO = 1;
        }
    });
    
});