/// <reference path="jquery.intellisense.js"/>  

var about = false;
var services = false;
var markets = false;
var contact = false;
var subcontractors = false;

$(document).ready(function(){

  $('#nav .navitem').each(function(){
    var id = $(this).attr('id').substring(4);
    
    $(this).hover(function(){
      $(this).addClass('on');
      switchBool(id, true);
      $('.nav-more:not(#' + id + '-more').hide();
      $('#' + id + '-more').show();
    }, function(){
      switchBool(id, false);
      close(id);
    });
  });
  
  $('#nav .nav-more').each(function(){
    var id = $(this).attr('id');
    id = id.substring(0, id.indexOf('-'));
    
    $(this).hover(function(){
      switchBool(id, true);
    }, function(){
      switchBool(id, false);
      close(id);
    });
  });
});
  
function switchBool(item, value)
{
  if (item == 'about') about = value;
  else if (item == 'services') services = value;
  else if (item == 'markets') markets = value;
  else if (item == 'contact') contact = value;
  else if (item == 'subcontractors') subcontractors = value;
}

function close(item)
{
  setTimeout(function(){
    if (item=='about' && !about)
    {
      $('#nav-about').removeClass('on');
      $('#about-more').hide();
    }
    else if (item=='services' && !services)
    {
      $('#nav-services').removeClass('on');
      $('#services-more').hide();
    }
    else if (item=='markets' && !markets)
    {
      $('#nav-markets').removeClass('on');
      $('#markets-more').hide();
    }
    else if (item=='contact' && !contact)
    {
      $('#nav-contact').removeClass('on');
      $('#contact-more').hide();
    }
    else if (item=='subcontractors' && !subcontractors)
    {
      $('#nav-subcontractors').removeClass('on');
      $('#subcontractors-more').hide();
    }
  }, 100);
}