// JavaScript Document for Fade in Out effect

$(document).ready(function () {

if ($.browser.msie && $.browser.version < 7) return; // Don't execute code if it's IE6 or below cause it doesn't support it.

  $(".fade").fadeTo(1, 1);
  $(".fade").hover(
    function () {
      $(this).fadeTo("normal", 0.53);
    },
    function () {
      $(this).fadeTo("fast", 1);
    }
  );
  
  $(".fadearrow").fadeTo(1, 1);
  $(".fadearrow").hover(
    function () {
      $(this).fadeTo("fast", 0.53);
    },
    function () {
      $(this).fadeTo("fast", 1);
    }
  );

  $(".fadesidebar").fadeTo(1, 0.63);
  $(".fadesidebar").hover(
    function () {
      $(this).fadeTo("low", 1);
    },
    function () {
      $(this).fadeTo("low", 0.63);
    }
  );

  $(".fadesearch").fadeTo(1, 0.33);
  $(".fadesearch").hover(
    function () {
      $(this).fadeTo("low", 1);
    },
    function () {
      $(this).fadeTo("low", 0.33);
    }
  );

  $(".fademenu").fadeTo(1, 0.63);
  $(".fademenu").hover(
    function () {
      $(this).fadeTo("low", 1);
    },
    function () {
      $(this).fadeTo("low", 0.63);
    }
  );

  $(".fadeblock").fadeTo(1, 1);
  $(".fadeblock").hover(
    function () {
      $(this).fadeTo("low", 0.68);
    },
    function () {
      $(this).fadeTo("low", 1);
    }
  );

});
