// JavaScript Document

  $(document).ready(function(){
    // Remove CSS style of hover
    $('#linkbar a:hover').css('background','none');
    // Bind a mouseenter event to #header > h1 > a element
    $('#linkbar a').bind('mouseenter',function(){
      // Insert a span > a element in DOM that we will fade in
      // with class name .logoHover
      $(this).before('<span  class="logoHover"><a  href="#"></a></span>');
      // Hide new  DOM element immediately, then fade it in
      $('.logoHover').hide().fadeIn().bind('mouseleave', function(){
        // When mouse leaves logoHover, fade out, on  complete, remove
        // from DOM.
           $(this).fadeOut('normal', function(){
            $(this).remove()
          }); 
        });
      });
  });

  $(document).ready(function(){
    // Remove CSS style of hover
    $('#linkbar_ie a:hover').css('background','none');
    // Bind a mouseenter event to #header > h1 > a element
    $('#linkbar_ie a').bind('mouseenter',function(){
      // Insert a span > a element in DOM that we will fade in
      // with class name .logoHover
      $(this).before('<span  class="logoHover"><a  href="#"></a></span>');
      // Hide new  DOM element immediately, then fade it in
      $('.logoHover').hide().fadeIn().bind('mouseleave', function(){
        // When mouse leaves logoHover, fade out, on  complete, remove
        // from DOM.
           $(this).fadeOut('normal', function(){
            $(this).remove()
          }); 
        });
      });
  });


  $(document).ready(function(){
    // Remove CSS style of hover
    $('#portlinks a:hover').css('background','none');
    // Bind a mouseenter event to #header > h1 > a element
    $('#portlinks a').bind('mouseenter',function(){
      // Insert a span > a element in DOM that we will fade in
      // with class name .logoHover
      $(this).before('<span  class="logoHover"><a  href="#"></a></span>');
      // Hide new  DOM element immediately, then fade it in
      $('.logoHover').hide().fadeIn().bind('mouseleave', function(){
        // When mouse leaves logoHover, fade out, on  complete, remove
        // from DOM.
		$(this).fadeOut('normal', function(){
            $(this).remove()
          }); 
        });
      });
  });