$(document).ready(function() {

$('#navigation li').hover(
function() {$(this).addClass('sfhover');

},
function() {$(this).removeClass('sfhover')}
);

(function ($) {
$.fn.cross = function (options) {
return this.each(function (i) { 
// cache the copy of jQuery(this) - the start image
var $$ = $(this);
                
// get the target from the backgroundImage + regexp
var target = $$.css('backgroundImage').replace(/^url|[\(\)'"]/g, '');

// nice long chain: wrap img element in span
$$.wrap('<span style="position: relative;"></span>')
// change selector to parent - i.e. newly created span
.parent()
// prepend a new image inside the span
.prepend('<img>')
// change the selector to the newly created image
.find(':first-child')
// set the image to the target
.attr('src', target);

// the CSS styling of the start image needs to be handled
if ($.browser.msie || $.browser.mozilla) {
$$.css({
'position' : 'absolute', 
'left' : 0,
'background' : '',
'top' : this.offsetTop
});
} else if ($.browser.opera && $.browser.version < 9.5) {
// Browser sniffing is bad - however opera < 9.5 has a render bug 
$$.css({
'position' : 'absolute', 
'left' : 0,
'background' : '',
'top' : "0"
});
} else { // Safari
$$.css({
'position' : 'absolute', 
'left' : 0,
'background' : ''
});
}

// similar effect as single image technique, except using .animate 
$$.hover(function () {
$$.stop().animate({
opacity: 0
}, 250);
}, function () {
$$.stop().animate({
opacity: 1
}, 250);
});
});
};
        
})(jQuery);
    
// note that this uses the .bind('load') on the window object, rather than $(document).ready() 
$(window).bind('load', function () {
$('div.fade img').cross();
});

$(document).ready(function(){ 
  
 $(document).pngFix(); 

  $('ul.imageOverlays').cycle({ 
	  fx:     'fade',
	  timeout:  3000,
	  cleartype: !$.support.opacity
  });
	
  $('.award01').animate({ 
	  opacity: 'show'
  }, 2000);
  
  $('.award02').animate({ 
	  opacity: 'show'
  }, 3000);
  
  $('.award03').animate({ 
	  opacity: 'show'
  }, 4000);
  
  $('.award04').animate({ 
	  opacity: 'show'
  }, 5000);
  
  $('.award05').animate({ 
	  opacity: 'show'
  }, 6000);
	
});	
});