$(document).ready(function(){

$("#header .nav").children("li").each(function() {
    var current = "nav current-" + ($(this).attr("class"));
    var parentClass = $(".nav").attr("class");


    if (parentClass != current) {
        $(this).children("a").css({backgroundImage:"none"});
    }
});  


  attachNavEvents(".nav", "home");
  attachNavEvents(".nav", "company");
  attachNavEvents(".nav", "property");
  attachNavEvents(".nav", "tenant");
  attachNavEvents(".nav", "news");
  attachNavEvents(".nav", "contact");



});

function attachNavEvents(parent, myClass) {
  $(parent + " ." + myClass).mouseover(function() {
    $(this).before('<div class="nav-'+ myClass +'"></div>');
    $("div.nav-"+ myClass).css({display:"none"}).fadeIn(500);
  }).mouseout(function() {
    $("div.nav-"+ myClass).fadeOut(500, function() {
      $(this).remove();
    });
  }).mousedown(function() {
    $("div.nav-"+ myClass).attr("class", "nav-"+ myClass +"-click");
  }).mouseup(function() {
    $("div.nav-"+ myClass +"-click").attr("class", "nav-"+ myClass);
  });
}