$(function() {

	if (hasTransitions()) {
		
		$('img').each(function(i){
			var img = $(this);
			img.load(function(){
				setTimeout( function(){ img.css({opacity:'1.0'});}, i*50);
			});	
		});
	} else {
		$('img').css({opacity:'1.0'});
	}
		
    var isShowingGrid = false;
    $('<div id="grid"></div>').appendTo('#wrap');
		$('#grid').hide();
		$('body').keyup(function(e) {
			if (e.keyCode == '71') {
				isShowingGrid = !isShowingGrid;
				if (isShowingGrid) { 
					var w = $(window).width();
					var h = $(document).height();
					$('#grid').show();
				} else {
					$('#grid').hide();
				}
			}
		});

});

var hasTransitions = function() {
	var b = document.body || document.documentElement;
	var s = b.style;
	return s.WebkitTransition !== undefined;
}