window.addEvent( 'domready', function(e) {

        var URI = unescape( window.document.location );
        // see if we have the dev variable
        if( URI.indexOf( 'dev=true' ) > -1 ) {
        	
        	new Element( 'p' ).setStyles({
    			'display': 'inline',
    			'color': '#666666',
    			'font-size': '10px',
    			'font-weight': 'bold',
    			'margin': '10px 0px 0px',
    			'padding': '0px'
    		}).setHTML( 'Text Size:' ).injectBefore(
    			new Element( 'div' ).setStyles({
    				'background-color': '#066077',
    				'color': '#ffffff',
    				'cursor': 'pointer',
    				'display': 'inline',
    				'font-size': '14px',
    				'font-weight': 'bold',
    				'height': '4px',
    				'margin': '0 2px 0 5px',
    				'padding': '0px 4px',
    				'width': '4px',
    				'font-family': 'arial',
					'font-size-adjust': 'none',
					'font-stretch': 'normal',
					'font-style': 'normal',
					'font-variant': 'normal'
    			}).setHTML( '-' ).addEvent( 'click', function(e) {
        			// stop the default
        			new Event(e).stop();
    				// find the body and get the children to make the text smaller
	                $$( 'div.bodyWhole' ).each( function( div ) {
	                        div.getChildren().each( function( child ) {
	                        		// get the previous font size
	                        		var prev = child.getStyle( 'font-size' ).replace( 'px', '' ).toInt();
	                        		// make sure we have pixels
	                        		if( window.ie ) {
	                        			if( prev > 99 ) prev = '12'.toInt();
	                        			else prev = prev;
	                        		}
	                                child.setStyle( 'font-size', ( prev-1 ) + 'px' );
	                        });
	                });
    			}).injectBefore(
    				new Element( 'div' ).setStyles({
        				'background-color': '#066077',
        				'color': '#ffffff',
        				'cursor': 'pointer',
        				'display': 'inline',
        				'font-size': '14px',
        				'font-weight': 'bold',
        				'height': '4px',
        				'margin': '0 2px 0 5px',
        				'padding': '0px 4px',
        				'width': '4px',
    					'font-family': 'arial'
        			}).setHTML( '+' ).addEvent( 'click', function(e) {
        				// stop the default
        				new Event(e).stop();
	    				// find the body and get the children to make the text bigger
		                $$( 'div.bodyWhole' ).each( function( div ) {
		                        div.getChildren().each( function( child, i ) {
		                        		// get the previous font size
		                        		var prev = child.getStyle( 'font-size' ).replace( 'px', '' ).toInt();
		                        		// make sure we have pixels
		                        		if( window.ie ) {
		                        			if( prev > 99 ) prev = '12'.toInt();
		                        			else prev = prev;
		                        		}
		                                child.setStyle( 'font-size', ( prev+1 ) + 'px' );
		                        });
		                });
    				}).injectInside(
        				new Element( 'div' ).setStyle( 'margin-top', '15px' ).inject( $( 'right-column' ) )
        			)
        		)
    		);
        }
});