$(document).ready(function(){

  // Header (add product name to body class, add product header chrome)
  // inherits from <product>_header.js
  $('body').addClass(product_name).prepend(product_header)


  // SE nav 
  home_nav_elem = '<li class="se-nav-home first"><a href="/support/">Overview</a></li>'
  docs_nav_elem = '<li class="se-nav-docs"><a href="/questions/tagged/documentation">Documentation</a></li>'
  notes_nav_elem = '<li class="se-nav-notes"><a href="/release-notes">Release Notes</a></li>'
  ques_nav_elem = '<li class="se-nav-questions"><a href="/questions/tagged?tagnames=feature-request&sort=votes">Top Feature Requests</a></li>'
  tags_nav_elem = '<li class="se-nav-tags last"><a href="/tags">Tags</a></li>'

  nav_elems = new Array(home_nav_elem, docs_nav_elem, notes_nav_elem, ques_nav_elem, tags_nav_elem)

  $('#hmenus .nav:first').addClass('se-nav')
  $('#hmenus .nav:last').addClass('ask-button')
  $('#hmenus .se-nav ul').remove();
  $('#hmenus .se-nav').append('<ul class="se-nav-list"></ul>')

  for (ne=0; ne<nav_elems.length; ne++) {
    $('#hmenus .se-nav-list').append(nav_elems[ne]);
  }

    // Selecting nav elements for manipulating later
    nav_home = $('#hmenus .nav li.se-nav-home')
    nav_docs = $('#hmenus .nav li.se-nav-docs')
    nav_notes = $('#hmenus .nav li.se-nav-notes')
    nav_ques = $('#hmenus .nav li.se-nav-questions')
    nav_tags = $('#hmenus .nav li.se-nav-tags')
    nav_ask = $('#hmenus .nav.ask-button')

    // Change text on Ask button

    ask_nav_elem = '<ul><li class="first"><a href="http://www.fogcreek.com/sendmail.html">Help Me!</a></li><li class="last"><a href="/questions/ask">Submit Feature Requests</a></li></ul>'
    nav_ask.html(ask_nav_elem)


  // Gets tags from URL search string and add as class to body
  // Split search string, remove ? from params
  search_str = location.search
  split_search = search_str.substr(1).split('&');
  for (x=0; x<split_search.length; x++){
    split_params = split_search[x].split('=')

    for (b=0; b<split_params.length; b++) {
      if(split_params[b] == 'tagnames') {
        $('body').addClass('tags-all');
        split_tags = split_params[1].split('+')
        for (c=0; c<split_tags.length; c++) {
          c_tag = split_tags[c]
          $('body').addClass('tag-' + c_tag);
        }
      }
    }

  }


  // Add nav location aid, and add tag name to tagged questions page title
  path_str = location.pathname
  split_path = path_str.split('/');
  if(split_path[2] == 'tagged'){
    $('body').addClass('tags-all');

    if(!split_path[3] == undefined){
      tag_page_split_tags = split_path[3].split('+');
      for (t=0; t<tag_page_split_tags.length; t++){
        dt_tag = tag_page_split_tags[t]
        $('body').addClass('tag-' + dt_tag);
      }
    }

  }

  // Release Notes
  if(split_path[1] == 'release-notes'){
    nav_notes.addClass('youarehere');
  };


  // Single column pages
  if (!$('#sidebar').length ){
    $('#content').addClass('full-content');
  }

  // Questions page
  if(split_path[1] == 'questions'){
    $('#tabs a:contains("stats")').hide();
    $('#tabs a:contains("hot")').hide();
    $('#tabs a:contains("featured")').hide();
  }

  if(split_path[1] == 'questions' && split_path[2] == undefined ){
    unanswered_tab = '<a href="/unanswered/">unanswered</a>'
    $('#subheader #tabs').append(unanswered_tab)
  }


  // Questions page
  if(split_path[2] == 'ask'){
    nav_ques.removeClass('youarehere');
    nav_ask.addClass('youarehere');

    $('body').addClass('ask-question-page')

    var submit_header = $('#subheader:first');
    var header_text = "Submit a Feature Request";
    var fyi_text = "<p class='ask-alert-box'><strong>Wait!</strong> If you have a question about your specific installation, especially if you are <strong>expecting a response</strong> from our support team, please <a href='http://www.fogcreek.com/contact.html'>give us a call</a> or <a href='http://www.fogcreek.com/sendmail.html'>send us an email</a>. Thanks!</p>";
    submit_header.find('h2').text(header_text);
    submit_header.after(fyi_text);

    var submit = $('.form-submit');
    var button_text = "Submit Your Feature Request";
    var submit_extra_text = "<p class='quiet'>(Your submission will be publically visible)</p>";
    submit.find('#submit-button').val(button_text);
    submit.after(submit_extra_text);

    $('#sidebar').css({'width':'225px'})

  }


  // Docs Page
  if(split_path[3] == 'documentation'){
    $('body').addClass('tag-documentation');
  }

  if($('body').hasClass('tag-documentation')){

    // Docs table of contents, loads from static page '/doc_toc' made in admin
    // 1. Make toc html element and add elem to subheader
    // 2. Load page content from static page via ajax
    // 3. Give it a css class so we can style it
    toc_elem = '<div id="toc"></div>'
    $('#subheader').before(toc_elem);
    $('#toc').load('/doc_toc #content');

    // nav aid
    nav_ques.removeClass('youarehere')
    nav_docs.addClass('youarehere')

    // hide header 
    $('#subheader h2').text('All Questions')

    // question summary
    $('.question-summary .statscontainer').hide();
    $('.question-summary .started').hide();
    $('.question-summary .tags').css({'clear':'both', 'float': 'none', 'width': '100%'});
    $('.question-summary .excerpt').css({'paddingBottom': '0'});
    $('.question-summary .summary').css({'width':'100%'});

  }


  // Overview page
  if(split_path[1] == 'support'){
    $('body').addClass('support');
    nav_home.addClass('youarehere');
    $('.footer_contact_text').remove();
  }


  // Home (SE home) page
  if(split_path[1] == '') {
    $('body').addClass('home');
    $('.question-summary div:first-child').css({'float': 'right'})
    $('.question-summary .votes, .question-summary .status, .question-summary .views .mini-counts').css({'float': 'left'})
    $('.question-summary .votes .mini-counts, .question-summary .status .mini-counts').css({'float': 'none'})
    $('#tabs a:contains("featured")').hide();
  }


  // Tags page
  if(split_path[1] == 'tags') {
    $('body').addClass('tags-page');
    nav_tags.addClass('youarehere')
  }


  // User / badge spacing
  $('a.user-link').append(' ');
  $('.user-details a').append(' ');
  $('.started a:first').append(' ');


  // Answer
  $('#answers h2:last').hide();


  // Footer

    // Global footer

      // Footer HTML
      footer_html = '<div class="footer-wrapper"> <!-- BEGIN footer nav--> <div class="footer-nav"> <!-- BEGIN FC footer col --> <div class="footer-col"> <h4>Fog Creek</h4> <ul> <li> <a href="http://www.fogcreek.com/">Home</a> </li> <li> <a href="http://www.fogcreek.com/about.html">About</a> </li> <li> <a href="http://www.fogcreek.com/blog/">Blog</a> </li> <li> <a href="http://www.fogcreek.com/careers.html">Careers</a> </li> <li> <a href="http://www.fogcreek.com/contact.html">Contact</a> </li> </ul> </div> <!-- BEGIN FogBugz footer col --> <div class="footer-col"> <h4>FogBugz</h4> <ul> <li> <a href="http://www.fogcreek.com/fogbugz/">Home</a> </li> <li> <a href="http://www.fogcreek.com/fogbugz/features/issue-and-bug-tracking.html">Features</a> </li> <li> <a href="http://fogbugz.stackexchange.com/support/">Support</a> </li> <li> <a href="http://www.fogcreek.com/fogbugz/pricing.html">Pricing</a> </li> </ul> </div> <!-- BEGIN Kiln footer col --> <div class="footer-col"> <h4>Kiln</h4> <ul> <li> <a href="http://www.fogcreek.com/kiln/">Home</a> </li> <li> <a href="http://www.fogcreek.com/kiln/features/source-code-control.html">Features</a> </li> <li> <a href="http://kiln.stackexchange.com/support/">Support</a> </li> <li> <a href="http://www.fogcreek.com/kiln/pricing.html">Pricing</a> </li> </ul> </div> <!-- BEGIN Support footer col --> <div class="footer-col"> <h4>Support</h4> <ul> <li> <a href="http://www.fogcreek.com/Contact.html">Contact</a> </li> <li> <a href="http://fogbugz.stackexchange.com/support/">FogBugz Support</a> </li> <li> <a href="http://kiln.stackexchange.com/support/">Kiln Support</a> </li> <li> <a href="http://status.fogcreek.com">On Demand Status</a> </li> </ul> </div> <!-- BEGIN More footer col --> <div class="footer-col double-wide"> <h4>More</h4> <ul> <li> <a href="http://www.copilot.com">Copilot</a> </li> <li> <a href="http://worldtour.fogcreek.com/">FogBugz and Kiln World Tour</a> </li> <li> <a href="http://www.hginit.com/">Hg Init</a> </li> <li> <a href="http://careers.joelonsoftware.com/Jobs/">Joel on Software Job Board</a> </li> <li> <a href="http://businessofsoftware.org/">Business of Software</a> </li> </ul> </div> <div class="clear"></div> </div> <!-- END footer nav--> <!-- BEGIN contact--> <div class="footer-contact"> <div class="third left"> <h4> General Contact </h4> <ul> <li class="phone">Phone North America: <br> <span class="icon"></span> 1-866-FOG-CREEK (866-364-2733)</li> <li class="phone">Phone Outside North America: <br> <span class="icon"></span> +1 (212) 279-2335</li> </ul> </div> <div class="third left"> <h4> Sales and Tech Support </h4> <ul> <li class="phone">Phone North America: <br> <span class="icon"></span> 1-888-FOGBUGZ (888-364-2849)</li> <li class="phone">Phone Outside North America:<br> <span class="icon"></span> +1 (212) 279-2076 </li> <li class="email">Email: <br> <a href="mailto:customer-service@fogcreek.com"><span class="icon"></span> customer-service@fogcreek.com</a> </li> </ul> </div> <div class="third left last"> <h4> Stay in Touch </h4> <ul> <li class="newsletter"> <a href="http://www.fogcreek.com/fogbugz/newsletter.aspx"><span class="icon"></span> Newsletter </a> </li> <li class="twitter"> <a href="http://www.twitter.com/fogbugz/"><span class="icon"></span> Twitter </a> </li> <li class="facebook"> <a href="http://www.facebook.com/group.php?gid=5762412222"><span class="icon"></span> Facebook </a> </li> </ul> </div> </div> <!-- END contact--> <div id="copyright"> <p><a href="http://nytm.org/made/">Made in NYC</a> &copy; Copyright 2000-2010 Fog Creek Software, Inc. All rights reserved.  55 Broadway, 25th Floor, New York City, NY 10006.  </p> </div> </div>'

      // Clear footer and add new HTML
      $('#footer').html('').append(footer_html)


    // Contact info blurb

      // Footer Contact info
      footer_contact_text = '<div class="footer_contact_text">'+
        '<p><strong>Got questions about your account or just want to talk to somebody directly?</strong></p>'+
        '<p class="footer_contact_box"><a href="http://www.fogcreek.com/contact.html">Give us a call.</a> Available business hours (9AM to 5PM EST) Monday through Friday.</p>' +
        '<p class="footer_contact_box"><a href="http://www.fogcreek.com/sendmail.html">Send us an email.</a> We reply to all email within one business day.</p>'+
        '</div>'

      // Append element
      $('#content').after(footer_contact_text)

});