var contentStore = new Array();
        function renderPhlogContent(content) {
            
                if (content == 'phlog') {
                    document.getElementById('id_phlog_content').innerHTML = contentStore[0];
                }
                
                if (content == 'variables') {
                    document.getElementById('id_phlog_content').innerHTML = contentStore[1];
                }
                
                if (content == 'wishlist') {
                    document.getElementById('id_phlog_content').innerHTML = contentStore[2];
                }
                
                if (content == 'profile') {
                    document.getElementById('id_phlog_content').innerHTML = contentStore[3];
                }
                
        }
        function renderPhlog(divID) {
            w = 250; h = 300;
            d = document.getElementById(divID);
            if (d) {            
                if (d.clientWidth && d.clientWidth > 0) w = d.clientWidth;
                if (d.clientHeight && d.clientHeight > 0) h = d.clientHeight;
            }
            if (w >= 250 && h >= 300) {
                psz = 12; pr = 5; tl = 5; tt = 7; th = 40; tsz = 20; fsz = 12; barh = 29; barsz = 14; barp = 5;
            } else if (w >= 200 && h >= 250) {    
                psz = 11; pr = 4; tl = 5; tt = 7; th = 36; tsz = 18; fsz = 11; barh = 25; barsz = 12; barp = 4;
            } else {
                psz = 9; pr = 3; tl = 5; tt = 6; th = 30; tsz = 14; fsz = 10; barh = 20; barsz = 10; barp = 3;
            }            
            bodyw = w;
            bodyh = h - barh - th;
            document.getElementById(divID).innerHTML = '            <div style="position: absolute; left: '+tl+'px; top: '+tt+'px; font-size: '+tsz+'px; text-decoration: underline;">My Phlog</div>            <div style="position: absolute; text-align: right; top: 3px; right: '+pr+'px; font-size: '+psz+'px;">Powered by<br/><a class="class_links" href="http://www.phloggerx.com">PhloggerX</a></div>            <div style="position: absolute; top: '+th+'px; left: -1px; width: '+w+'px;" id="id_phlog_content">            ';
            
                contentStore[0] = '                <div style="position: absolute; font-size: '+barsz+'px; top: 0px; left: 0px; width: '+w+'px; padding: '+barp+'px 0 '+barp+'px 0; border-top: 1px dashed; border-bottom: 1px dashed; text-align: center;">                phlog | <a class="class_links" href="#" onClick="renderPhlogContent(\'variables\'); return false;">variables</a> | <a class="class_links" href="#" onClick="renderPhlogContent(\'wishlist\'); return false;">wishlist</a> | <a class="class_links" href="#" onClick="renderPhlogContent(\'profile\'); return false;">profile</a>                </div>                <div style="position: absolute; top: '+barh+'px; padding: 0px; left: 1px; overflow: auto; width: '+bodyw+'px; height: '+bodyh+'px; font-size: '+fsz+'px;"><div style="padding: 5px;">                <div><div style="padding: 10px 0 10px 0;">she always scolds me. And i wonder why i even bother to care abt wat she\'s really feeling. Shouldn\'t i live my life the way i want it? Or at least be happy abt who i am?<div style="text-align: right; padding-top: 10px"><b>edwin0111</b> wrote @ 18:20 on 16 Jul</div></div></div><div style="border-top: 1px solid"><div style="padding: 10px 0 10px 0;">Boarding plane!<div style="text-align: right; padding-top: 10px"><b>edwin0111</b> wrote @ 14:29 on 16 May</div></div></div><div style="border-top: 1px solid"><div style="padding: 10px 0 10px 0;">there\'s no denying it.. my mum is very happy.. but oh well.. my heart will continue to ache by urself, with myself..<div style="text-align: right; padding-top: 10px"><b>edwin0111</b> wrote @ 20:09 on 05 May</div></div></div><div style="border-top: 1px solid"><div style="padding: 10px 0 10px 0;">my heart hurts so bad<div style="text-align: right; padding-top: 10px"><b>edwin0111</b> wrote @ 22:37 on 23 Apr</div></div></div><div style="border-top: 1px solid"><div style="padding: 10px 0 10px 0;">test. first post using handphone after such a long time!<div style="text-align: right; padding-top: 10px"><b>edwin0111</b> wrote @ 20:49 on 27 Mar</div></div></div>                </div></div>                ';
                
                contentStore[1] = '                <div style="position: absolute; font-size: '+barsz+'px; top: 0px; left: 0px; width: '+w+'px; padding: '+barp+'px 0 '+barp+'px 0; border-top: 1px dashed; border-bottom: 1px dashed; text-align: center;">                <a class="class_links" href="#" onClick="renderPhlogContent(\'phlog\'); return false;">phlog</a> | variables | <a class="class_links" href="#" onClick="renderPhlogContent(\'wishlist\'); return false;">wishlist</a> | <a class="class_links" href="#" onClick="renderPhlogContent(\'profile\'); return false;">profile</a>                </div>                <div style="position: absolute; top: '+barh+'px; padding: 0px; left: 1px; overflow: auto; width: '+bodyw+'px; height: '+bodyh+'px; font-size: '+fsz+'px;"><div style="padding: 5px;">                <div style="padding: 10px 0 10px 0;">No entries to display.</div>                </div></div>                ';
                
                contentStore[2] = '                <div style="position: absolute; font-size: '+barsz+'px; top: 0px; left: 0px; width: '+w+'px; padding: '+barp+'px 0 '+barp+'px 0; border-top: 1px dashed; border-bottom: 1px dashed; text-align: center;">                <a class="class_links" href="#" onClick="renderPhlogContent(\'phlog\'); return false;">phlog</a> | <a class="class_links" href="#" onClick="renderPhlogContent(\'variables\'); return false;">variables</a> | wishlist | <a class="class_links" href="#" onClick="renderPhlogContent(\'profile\'); return false;">profile</a>                </div>                <div style="position: absolute; top: '+barh+'px; padding: 0px; left: 1px; overflow: auto; width: '+bodyw+'px; height: '+bodyh+'px; font-size: '+fsz+'px;"><div style="padding: 5px;">                <div style="padding: 10px 0 10px 0;">Coming soon.</div>                </div></div>                ';
                
                contentStore[3] = '                <div style="position: absolute; font-size: '+barsz+'px; top: 0px; left: 0px; width: '+w+'px; padding: '+barp+'px 0 '+barp+'px 0; border-top: 1px dashed; border-bottom: 1px dashed; text-align: center;">                <a class="class_links" href="#" onClick="renderPhlogContent(\'phlog\'); return false;">phlog</a> | <a class="class_links" href="#" onClick="renderPhlogContent(\'variables\'); return false;">variables</a> | <a class="class_links" href="#" onClick="renderPhlogContent(\'wishlist\'); return false;">wishlist</a> | profile                </div>                <div style="position: absolute; top: '+barh+'px; padding: 0px; left: 1px; overflow: auto; width: '+bodyw+'px; height: '+bodyh+'px; font-size: '+fsz+'px;"><div style="padding: 5px;">                <div style="padding: 10px 0 10px 0;">Coming soon.</div>                </div></div>                ';
                
            renderPhlogContent('phlog');
        }