Ext.onReady(function() {

//Ext.get('mybox').center(document.body);
//var center = Ext.get('mybox').getCenterXY();
//Ext.get('mybox').setX(center[0]);
//Ext.get('mybox').move('down',10);
//Ext.get('menu').setX(Ext.get('mybox').getX() - 100);
var msg = Ext.get('content');
Ext.select('li').on('click',function(e) {

	 e.preventDefault();
	Ext.select('li').removeClass('activelink');
	e.getTarget(null, null, true).parent().addClass('activelink');
	//alert(e.getTarget(null, null, true).id);
	var loadurl = "home.html";
		switch(e.getTarget(null, null, true).dom.title) {
		case "home":
		loadurl = "home.html";
		break;
		case "about us":
		loadurl = "who.html";
		break;
		case "links":
		loadurl = "links.html";
		break;
		case "resources":
		loadurl = "resources.php";
		break;
		case "contact":
		loadurl = "contact.html";
		break;
		}
		msg.load({
			url: loadurl, // <-- change if necessary
			params: null,
			text: 'Loading...'
		});
		msg.show();
		if(loadurl == "who.html") {	
		viewstaff = function(staff) {
		
		switch(staff) {
			case "drwalker":
			loadstaff = "drwalker.html";
			break;
			case "drbartlett":
			loadstaff = "drbartlett.html";
			break;
			case "drmaynard":
			loadstaff = "drmaynard.html";
			break;
			case "drlangschwager":
			loadstaff = "drlangschwager.html";
			break;
			case "lizledyard":
			loadstaff = "lizledyard.html";
			break;
			case "sharon":
			loadstaff = "sharon.html";
			break;
			case "kristie":
			loadstaff = "kristie.html";
			break;
			case "dasha":
			loadstaff = "dasha.html";
			break;
			case "carolyn":
			loadstaff = "carolyn.html";
			break;
			case "leeann":
			loadstaff = "leeann.html";
			break;
			case "gale":
			loadstaff = "gale.html";
			break;
			case "tiara":
			loadstaff = "tiara.html";
			break;
			case "kathy":
			loadstaff = "kathy.html";
			break;
			case "treva":
			loadstaff = "treva.html";
			break;
			case "shawna":
			loadstaff = "shawna.html";
			break;
			case "julie":
			loadstaff = "julie.html";
			break;
			case "melissa":
			loadstaff = "melissa.html";
			break;
			case "alissa":
			loadstaff = "alissa.html";
			break;
			case "amy":
			loadstaff = "amy.html";
			break;
                        case "dryoung":
                        loadstaff = "dryoung.html";
                        break;
                        }
			
		var staffinfo = Ext.get('staffinfo');
		staffinfo.load({
			url: loadstaff, // <-- change if necessary
			params: null,
			text: 'Loading...'
		});
		staffinfo.show();		
		}
		}
});

		msg.load({
			url: 'home.html', // <-- change if necessary
			params: null,
			text: 'Loading...'
		});
		msg.show();
		Ext.get('home').addClass('activelink');



    Ext.get('drwalker').on('click', function(){
        Ext.MessageBox.alert('Status', 'Changes saved successfully.', showResult);
    });

});