jQuery.fn.setAccordingColorByValue = function(color, element, specialValue) {
  var value = $(element).val();
  if( value  == specialValue) {
    $(this).css('color', color);
  };
}

jQuery.fn.setAccordingColorByUrl = function(color, element, specialUrl) {
  var link = $(element).attr('href');
  if( link  == specialUrl) {
    $(this).css('color', color);
  };
}
  
jQuery.fn.setClassByUrl  = function(el_class, element, specialUrl, otherEl, otherClass) {
  var link = $(element).attr('href');

  if( link  == specialUrl) {
    $(this).addClass(el_class);
    $(otherEl).removeClass(otherClass);
  };
  
} 
  
//When the DOM tree is loaded
$(document).ready(function() {

    //Add pointer class to .photo .item
    $(".photo .item").addClass("pointer");

    //Hover over photo fade in hidden span
    $(".photo .item").hover(
        function() {
            $(this).find("span").fadeIn();
        },
        function() {
            $(this).find("span").fadeOut();
        }
    );
  
    
  $("#sitemap ul").addClass('sitemenu');
  $("#sitemap ul:first").attr('id', 'nav');
  $('#nav').children().addClass('level1');
    //First three mainNavigation items
  /*$('#sitemap ul li.level1').each(function(i){
    if(i <= 2){
      $(this).addClass('mainNavyThree');
    }
  });/**/
  
  $('#sitemap ul li.level1:not(.mainNavyThree) ').children('a').each(
    function() {
        /*$(this).parents('li').css('margin-left','10px');/**/
        $(this)
            .wrap("<span class='not-rounded' />")
            .wrap("<div class='nav-content' />")
            .parent()
            .before("<div class='nav-leftside' />")
            .after("<div class='nav-rightside' />");
    });  
  
  $('#sitemap ul:first li:not(.mainNavyThree) span').hover(
    function() {
        //$(this).removeClass().addClass('rounded');
    } ,
    function() {
        //$(this).removeClass().addClass('not-rounded');
    }
  );  
  $('#mainNavigation ul:first ul').each(
    function(){
      $(this).addClass('second');
    }
    );
  /*===================================
  drobdown menu*/
  $('#nav li').mouseover(function() {
    if($(this).children('ul').size() > 0) {
      $(this).children('ul').css('display','block')
    }
  }).mouseout(function(){
    if($(this).children('ul').size() > 0) {
      $(this).children('ul').css('display','none')
    }
  });
  /*============================================*/
    $('#pageNavigation li a').hover(
        function(){
          $(this).setAccordingColorByUrl('#00AEEF', '#page-logo a', "/products/active-crew.aspx");
          $(this).setAccordingColorByUrl('#80F246', '#page-logo a', "/products/active-operations.aspx");
          $(this).setAccordingColorByValue('#00AEEF','#navigationMenuColour', 'blue');
          $(this).setAccordingColorByValue('#80F246','#navigationMenuColour', 'green');
        },
        function(){
          $(this).setAccordingColorByUrl('#1E39CB', '#page-logo a', "/products/active-crew.aspx");
          $(this).setAccordingColorByUrl('#0F5B22', '#page-logo a', "/products/active-operations.aspx");
          $(this).setAccordingColorByValue('#1E39CB', '#navigationMenuColour', 'blue');
          $(this).setAccordingColorByValue('#0F5B22','#navigationMenuColour', 'green');
     });
     $('#parentCategory3thLevel a').hover(
        function(){
          $(this).setAccordingColorByValue('#00AEEF','#navigationMenuColour', 'blue');
          $(this).setAccordingColorByValue('#80F246','#navigationMenuColour', 'green');
        },
        function(){
          $(this).setAccordingColorByValue('#87817F', '#navigationMenuColour', 'blue');
          $(this).setAccordingColorByValue('#87817F','#navigationMenuColour', 'green');
     });
  
      $('#header-textpage').setAccordingColorByUrl('#1E39CB', '#page-logo a', "/products/active-crew.aspx");
      $('#header-textpage').setAccordingColorByUrl('#0F5B22', '#page-logo a', "/products/active-operations.aspx");
      
      $('#pageNavigation li a').setAccordingColorByUrl('#1E39CB', '#page-logo a', "/products/active-crew.aspx");
      $('#header-textpage').setAccordingColorByValue ('#1E39CB', '#navigationMenuColour', 'blue');
      $('#pageNavigation li a').setAccordingColorByValue ('#1E39CB', '#navigationMenuColour', 'blue');
      
      $('#active-lozenge #lozenge-blue').click(function(){
          var link = $(element).attr('href');
            if( link  == specialUrl) {
              $(this).css('color', color);
            };
          $(this).addClass()
        
      });
        
      $('#active-lozenge #lozenge-green').setClassByUrl('opsPageGroup','#page-logo a', "/products/active-operations.aspx", '#active-lozenge #lozenge-blue','crewPageGroup');
      $('#active-lozenge #lozenge-blue').setClassByUrl('crewPageGroup','#page-logo a', "/products/active-crew.aspx", '#active-lozenge #lozenge-green', 'opsPageGroup');
     
});