document.write('<style type="text/css">img { -moz-opacity:.0; filter:alpha(opacity=0); opacity:.0; } body { overflow: hidden }</style>');

function selectorImagesLoaded($selector){ 
    $('img').animate({ 
	opacity: 1
	}, 200 );
} 

setTimeout("selectorImagesLoaded()",2000);


$(document).ready(function () {
	

	$("#recognitionCarousel li").hover(
      function () {
         $(".infoOverlay",this).fadeIn("fast");
      }, 
      function () {
         $(".infoOverlay",this).fadeOut("fast");
      }
	);

	/////////////////////////// CAROUSEL	

	

	$("#recognitionCarousel .carousel").jCarouselLite({
		btnNext: "#recognitionCarousel .next",
		btnPrev: "#recognitionCarousel .prev",
		visible: 1,
		easing: 'easeInOutCubic',
		circular: true,
		speed: 900,
		//auto: 8000,
		afterEnd: function(a) {
			$("#recognitionCarousel li").hover(
			  function () {
				 $(".infoOverlay",this).fadeIn("fast");
			  }, 
			  function () {
				 $(".infoOverlay",this).fadeOut("fast");
			  }
			);
		}

	});
	
	
	//attach directly to each image within each .imageSection 
    $('img').onImagesLoad({ 
        itemCallback: itemImagesLoaded,
        selectorCallback: selectorImagesLoaded
    }); 
    //itemImagesLoaded (the itemCallback) is invoked once for each individual image that loads 
    //i.e. the itemCallback will be invoked "$('.imageSection img').length" times 
    function itemImagesLoaded(domObject){ 
        $(domObject).animate({ 
			"opacity": "1"
		}, 400 );
    } 
	
});