$(document).ready(function() {
		// Add a class to body tag when browser window is less than 1024px size//){
		$(window).resize(function(){
			if ($(window).width() < 1024) 
				{$('body').addClass('too-narrow');
			} else {
				$('body').removeClass('too-narrow');
			}
		})
});

jQuery( document ).ready( function() {
					jQuery( '#username, #password' ).focus( function() {
							if( jQuery( this ).val() == 'Username' )
								jQuery( this ).val( '' );
								
							// If password, convert to password field
							if( jQuery( this ).attr( 'id' ) == 'password' ) {
								jQuery( '#password' ).hide();
								jQuery( '#realpassword' ).show();
								jQuery( '#realpassword' ).focus();
							}
							
					});
					
					jQuery( '#username, #realpassword' ).blur( function() {
						
							var replace;
							replace = jQuery( this ).attr( 'id' );
													
							if( jQuery( this ).val() == '' && jQuery( this ).attr( 'id' ) == 'username' )
								jQuery( this ).val( replace.charAt(0).toUpperCase() + replace.slice(1) );
								
							if( jQuery( this ).attr( 'id' ) == 'realpassword' && jQuery( this ).val() == '' ) {
									jQuery( '#realpassword' ).hide();
									jQuery( '#password' ).show();
							}
					});
					
			});