/*
 * ===============================================
 * jQuery commands for #main-nav
 * ===============================================
 */

$(document).ready(function(){

  $("#link-1").toggle(
    function(){
      $("#sub-1").css('display', 'block');
      $("#sub-sub-1").css('display', 'block');
      $("#link-1").addClass("less")
    },
    function(){
      $("#sub-sub-1").css('display', 'none');
      $("#link-1").removeClass("less")
    }
  );
  
  $("#link-2").toggle(
    function(){
      $("#sub-2").css('display', 'block');
      $("#sub-sub-2").css('display', 'block');
      $("#link-2").addClass("less")
    },
    function(){
      $("#sub-sub-2").css('display', 'none');
      $("#link-2").removeClass("less")
    }
  );

  $("#link-3").toggle(
    function(){
      $("#sub-3").css('display', 'block');
      $("#sub-sub-3").css('display', 'block');
      $("#link-3").addClass("less")
    },
    function(){
      $("#sub-sub-3").css('display', 'none');
      $("#link-3").removeClass("less")
    }
  );
  
  $("#link-4").toggle(
    function(){
      $("#sub-4").css('display', 'block');
      $("#sub-sub-4").css('display', 'block');
      $("#link-4").addClass("less")
    },
    function(){
      $("#sub-sub-4").css('display', 'none');
      $("#link-4").removeClass("less")
    }
  );
  
  $("#link-5").toggle(
    function(){
      $("#sub-5").css('display', 'block');
      $("#sub-sub-5").css('display', 'block');
      $("#link-5").addClass("less")
    },
    function(){
      $("#sub-sub-5").css('display', 'none');
      $("#link-5").removeClass("less")
    }
  );

});