var html_home = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="786" height="459" id="mainswf" align="middle">';
    html_home += '<param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" />';
    html_home += '<param name="movie" value="main.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />	<embed src="main.swf" quality="high" bgcolor="#ffffff" width="786" height="459" name="mainswf" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>';

var btn_on = '';

function switchClass(btn, on) {

    if (btn_on != btn) {
        if (on) {
            Ext.get(btn).addClass('btn-on'); 
        } else {
            Ext.get(btn).removeClass('btn-on');
        }     
    } 
}

function loadContent(area){
    switch (area) {
        case 1:
            Ext.getCmp('panel_display').body.update(html_home);
            Ext.getCmp('panel_display').removeClass('range-display');
            Ext.getCmp('panel_display').removeClass('content-display');
            if (Ext.get(btn_on)){
                Ext.get(btn_on).removeClass('btn-on');
            }
            btn_on = 'btn_home';
            Ext.get('btn_home').addClass('btn-on'); 
            break;
        case 2:
            Ext.getCmp('panel_display').load({url: 'whyjeeves.html', scripts: true});
            Ext.getCmp('panel_display').removeClass('range-display');
            Ext.getCmp('panel_display').addClass('content-display');
            Ext.get(btn_on).removeClass('btn-on');
            btn_on = 'btn_why';
            Ext.get('btn_why').addClass('btn-on');
            break;
       case 3:
            Ext.getCmp('panel_display').load({url: 'range.html', scripts: true});
            Ext.getCmp('panel_display').removeClass('range-display');
            Ext.getCmp('panel_display').addClass('content-display');
            Ext.get(btn_on).removeClass('btn-on');
            btn_on = 'btn_ran';
            Ext.get('btn_ran').addClass('btn-on');
            break;
        case 4:
            Ext.getCmp('panel_display').load({url: 'faq.html', scripts: true});
            Ext.getCmp('panel_display').removeClass('range-display');
            Ext.getCmp('panel_display').addClass('content-display');
            Ext.get(btn_on).removeClass('btn-on');
            btn_on = 'btn_faq';
            Ext.get('btn_faq').addClass('btn-on');
            break;
        case 5:
            Ext.getCmp('panel_display').load({url: 'news.html'});
            Ext.getCmp('panel_display').removeClass('range-display');
            Ext.getCmp('panel_display').addClass('content-display');
            Ext.get(btn_on).removeClass('btn-on');
            btn_on = 'btn_news';
            Ext.get('btn_news').addClass('btn-on');
            break;
        case 6:
            Ext.getCmp('panel_display').load({url: 'contact.html'});
            Ext.getCmp('panel_display').removeClass('range-display');
            Ext.getCmp('panel_display').addClass('content-display');
            Ext.get(btn_on).removeClass('btn-on');
            btn_on = 'btn_con';
            Ext.get('btn_con').addClass('btn-on');
            break;
        case 7:
            Ext.getCmp('panel_display').load({url: 'gallery.html', scripts: true});
            Ext.getCmp('panel_display').removeClass('range-display');
            Ext.getCmp('panel_display').addClass('content-display');
            Ext.get(btn_on).removeClass('btn-on');
            btn_on = 'btn_gal';
            Ext.get('btn_gal').addClass('btn-on');
            break;
    }       
}

function loadRange(range){
    Ext.getCmp('panel_display').addClass('range-display');    
    Ext.getCmp('panel_display').load({url: 'range' + range + '.html'});
}