$( document ).ready( function() {
	// Remove 'loading' when page has been loaded (incl. preloaded images)
	$( window ).load( function() { 
		$( '#activescreenshot' ).fadeOut();
	} );
	
	// Set hover effect
	$( '.screenshotcontainer' ).hover( 
		function() {
		 $( this ).addClass( 'hover' );
		},
		function() {
		 $( this ).removeClass( 'hover' );

		}
	);
	
	// Set click function
	$( '.screenshotcontainer' ).click( 
		function() {
			var snr = parseInt( $( this ).attr( 'id' ).substring( 1 ) );
			
			$( '#activescreenshot' ).fadeOut( function() {
				$( '#activescreenshot').css( 'backgroundImage', 'url( "screenshot' + snr + '.png")' );
			} ).fadeIn( function() {
					$( '#activescreenshotbg').css( 'backgroundImage', 'url( "screenshot' + snr + '.png")' );
			} );		
		}
	);	
} );