//-- updated for jQuery 1.4

	page.about = function () {
    
        var init = function () {
        	config.$content.empty().append(
            	$('<div />', { css: { textAlign: 'center', clear: 'both', margin: '100px auto' } })
                	.append( $('<img />', { src: 'img/loader.gif' }) )
            );
            
        	$.getJSON(
            	'/services/aboutme',
                function ( json ) {
                	config.sections = json;
                    render.init();
                }
            );
        };
        
        var config = {
    		$content: $('#content'),
            $main_icon: $('<img />', { 'class': 'main_icon', 'src': 'img/icons/about_me_photo_1.jpg' })
        };
        
        var render = {
        	init: function () {
            	config.$content.empty().append( render.page() );
            },
            page: function () {
            	return $('<div />', { id: 'about_me' })
                	.append( render.heading() )
                    .append( render.contents() );
            },
            heading: function () {
            	return $('<div />', { 'class': 'heading', text: 'About Me' });
            },
            contents: function () {
            	var ret = $('<div />', { id: 'section_contents' })
                	.append( config.$main_icon );
                for ( var cv = 0; cv < config.sections.length; cv++ )
                	ret.append( render.section( config.sections[cv] ) );
                return ret;
            },
            section: function ( sect ) {
            	return ret = $('<div />')
                	.append( $('<h1 />', { text: sect.title } ) )
                    .append( $('<div />', { html: sect.body, 'class': 'section_body' } ) );
            }
        };
        
        init();
        
        return true;
        
    };