﻿$(function() {
    //onderhoud 
    $("ul.AspNet-Menu li a[href='/website/onderhoud.aspx']").css('color', '#672788').hover(
      function() {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#672788');
          $(this).parent().children('ul').css('border-color', '#672788');
      },
      function() {
          $(this).css('color', '#672788');
          $(this).css('background-color', '#fff');
      }
    );

    //onderhoud selected
    $("ul.AspNet-Menu li.AspNet-Menu-Selected a[href='/website/onderhoud.aspx']").css('color', '#fff').css('background-color', '#672788').hover(
      function() {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#672788');
          // $(this).parent().children('ul').css('border-color', '#672788');
      },
      function() {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#672788');
      }
    );

    //onderhoud child selected
    $("ul.AspNet-Menu li.AspNet-Menu-ChildSelected a[href='/website/onderhoud.aspx']").css('color', '#fff').css('background-color', '#672788').hover(
      function() {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#672788');
          // $(this).parent().children('ul').css('border-color', '#672788');
      },
      function() {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#672788');
      }
    );


    //onderhoud - sub
    $("ul.AspNet-Menu li a[href='/website/onderhoud.aspx']").parent().children('ul').children('li').children('a').hover(
      function() {
          //$(this).css('color', '#fff');
          $(this).css('background-color', '#672788');
      },
      function() {
          //$(this).css('color', '#672788');
          $(this).css('background-color', '#000');
      }
    );


    //onderhoud - sub selected
    $("ul.AspNet-Menu li a[href='/website/onderhoud.aspx']").parent().children('ul').children('li.AspNet-Menu-Selected').children('a').css('color', '#fff').css('background-color', '#672788').hover(
      function() {
          //$(this).css('color', '#fff');
          $(this).css('background-color', '#672788');
          $(this).css('color', '#fff');
      },
      function() {
          //$(this).css('color', '#672788');
          $(this).css('background-color', '#672788');
          $(this).css('color', '#fff');
      }
    );

      //stedenbouw
      $("ul.AspNet-Menu li a[href='/website/stedenbouw.aspx']").css('color', '#8BB235').hover(
      function () {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#8BB235');
          $(this).parent().children('ul').css('border-color', '#8BB235');
      },
      function () {
          $(this).css('color', '#8BB235');
          $(this).css('background-color', '#fff');
      }
    );

      //stedenbouw selected
      $("ul.AspNet-Menu li.AspNet-Menu-Selected a[href='/website/stedenbouw.aspx']").css('color', '#fff').css('background-color', '#8BB235').hover(
      function () {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#8BB235');
      },
      function () {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#8BB235'); ;
      }
    );


      //stedenbouw child selected
      $("ul.AspNet-Menu li.AspNet-Menu-ChildSelected a[href='/website/stedenbouw.aspx']").css('color', '#fff').css('background-color', '#8BB235').hover(
      function () {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#8BB235');
          // $(this).parent().children('ul').css('border-color', '#672788');
      },
      function () {
          $(this).css('color', '#fff');
          $(this).css('background-color', '#8BB235');
      }
    );


      //stedenbouw - sub
      $("ul.AspNet-Menu li a[href='/website/stedenbouw.aspx']").parent().children('ul').children('li').children('a').hover(
      function () {
          //$(this).css('color', '#fff');
          $(this).css('background-color', '#8BB235');
      },
      function () {
          //$(this).css('color', '#672788');
          $(this).css('background-color', '#000');
      }
    );


      //stedenbouw - sub selected
      $("ul.AspNet-Menu li a[href='/website/stedenbouw.aspx']").parent().children('ul').children('li.AspNet-Menu-Selected').children('a').css('color', '#fff').css('background-color', '#8BB235').hover(
      function () {
          //$(this).css('color', '#fff');
          $(this).css('background-color', '#8BB235');
          $(this).css('color', '#fff');
      },
      function () {
          //$(this).css('color', '#672788');
          $(this).css('background-color', '#8BB235');
          $(this).css('color', '#fff');
      }
    );



});
