jQuery(function(){
  var menu = 
    '<li class="item-menu ">\
      <a href="http://aytm.com/pages/how-it-works" class="item-a">SOLUTIONS</a>\
      <span class="sm_arrow"></span>\
      <div class="sm">\
        <ul>\
          <li><a href="http://aytm.com/pages/how-it-works">How It Works</a></li>\
          <li><a href="http://aytm.com/pages/for-brands">For Brands</a></li>\
          <li><a href="http://aytm.com/pages/for-agencies">For Agencies</a></li>\
          <li><a href="http://aytm.com/pages/for-you">For You</a></li>\
          <li><a href="http://aytm.com/pages/do-it-yourself">Do It Yourself</a></li>\
          <li><a href="http://aytm.com/pages/do-it-for-you">We\'ll Do it For You</a></li>\
          <li class="last"><a href="http://aytm.com/pages/full-service">Extended Services</a></li>\
        </ul>\
      </div>\
    </li>\
    <li class="item-menu ">\
      <a href="http://aytm.com/pages/better-faster-cheaper" class="item-a">WHY AYTM?</a>\
      <span class="sm_arrow"></span>\
      <div class="sm">\
        <ul>\
          <li><a href="http://aytm.com/pages/better-faster-cheaper">Better, Faster, Cheaper</a></li>\
          <li><a href="http://aytm.com/pages/how-it-works">Overview</a></li>\
          <li><a href="http://aytm.com/pages/best-survey-tools">Best Survey Tools</a></li>\
          <li><a href="http://aytm.com/pages/consumer-panel">20+ Million Panel</a></li>\
          <li><a href="http://aytm.com/pages/beyond-survey-technology">Beyond Survey Technology</a></li>\
          <li><a href="http://aytm.com/pages/videos">Demo Videos</a></li>\
          <li class="last"><a href="http://aytm.com/pages/faq">FAQ</a></li>\
        </ul>\
      </div>\
    </li>\
    <li class="item-menu ">\
      <a href="http://aytm.com/pages/testimonials" class="item-a">OUR CLIENTS</a>\
      <span class="sm_arrow"></span>\
      <div class="sm">\
        <ul>\
          <li><a href="http://aytm.com/pages/testimonials">Testimonials</a></li>\
          <li class="last"><a href="http://aytm.com/pages/press">Press</a></li>\
        </ul>\
      </div>\
    </li>\
    <li class="item-menu ">\
      <a href="http://aytm.com/pages/pricing" class="item-a">PRICING</a>\
      <span class="sm_arrow"></span>\
      <div class="sm">\
        <ul>\
          <li><a href="http://aytm.com/pages/pricing">Pricing</a></li>\
          <li class="last"><a href="http://aytm.com/pages/competitors">AYTM vs. Competitors</a></li>\
        </ul>\
      </div>\
    </li>\
    <li class="item-menu ">\
      <a href="http://aytm.com/pages/team" class="item-a">ABOUT</a>\
      <span class="sm_arrow"></span>\
      <div class="sm">\
        <ul>\
          <li><a href="http://aytm.com/pages/team">The team</a></li>\
          <li><a href="http://aytm.com/pages/board">The board</a></li>\
          <li class="last"><a href="http://aytm.com/pages/about-us">Our Story</a></li>\
        </ul>\
      </div>\
    </li>\
    <li class="item-menu">\
      <a href="http://aytm.com/blog" class="item-a">BLOG</a>\
      <span class="sm_arrow"></span>\
      <div class="sm">\
        <ul>\
          <li><a href="http://aytm.com/blog/aytm-company-news/">AYTM Company News</a></li>\
          <li><a href="http://aytm.com/blog/daily-survey-results/">Daily Survey Results</a></li>\
          <li class="last"><a href="http://aytm.com/blog/research-junction/">Research Junction</a></li>\
        </ul>\
      </div>\
    </li>\
    <li class="item-menu ">\
      <a href="http://aytm.com/pages/contacts" class="item-a">CONTACTS</a>\
    </li>';

  if (jQuery("#main-menu").length) {
    jQuery("#main-menu").append(menu);
  }

  if (jQuery("#user-nav").length) {
      jQuery("#user-nav").append("<li class='register'><a href='http://aytm.com/users/new'>REGISTER</a></li>");
      jQuery("#user-nav").append("<li class='login'><a href='http://aytm.com/session/new'>LOGIN</a></li>");
  }

  var logo = jQuery('#header .logo');
  var company_name = jQuery('#company-name');
  var menu = jQuery("#header-menu");
  var login_form = jQuery("form#login");

  logo.bind('mouseover', function() {
    if (company_name.is('.empty')) return;
    if (login_form.is(':visible')) return;

    company_name.css({
      left: logo.width() + 12
    });

    menu.fadeOut(10);
    company_name.fadeIn(10);
  });
  logo.bind('mouseout', function() {
    if (company_name.is('.empty')) return;
    if (login_form.is(':visible')) return;

    company_name.fadeOut(10);
    menu.fadeIn(10);
  });
});