Ext.onReady(function() {
    Ext.DomHelper.append(document.body, {tag: 'h1', cls: 'some-class'});
	Ext.DomHelper.append('main', {tag: 'div', cls: 'flashTip', id: 'flashTip', html: ' '});
	
	//function for subNav highlight depending on what page
	function highlightSub (root, cls) { //subNav is passed into root variable, class is passed into cls		
		if(Ext.get(root)){	//checks to see if there is a subNav on page		
			var sublist = Ext.get(root).select('li a', true); //gets list from subNav div
			sublist.each(function(o,c,index){ //c = array list of 'a' tags, index is the array index number	
			   if(o.dom.href == window.location){ //if the link is the same as the url, add the class
				   o.addClass(cls);
			   }	   
			});
		}
	};

	highlightSub('subNav', 'active'); //call the function, passing subNav into root, and active into cls
	
	
//Navigation highlight	
var n1 = ['home','products','websites','webtools','searchmarketing','socialnetworking','chirolocator','newsletter','gallery','about','news','contact'];
var n2 = ['nav1','nav2','nav3','nav4','nav5','nav6'];
	
if (document.body.id == n1[0]) {
	var el = Ext.get(n2[0]);
	el.addClass('active');
}
	else if (document.body.id == n1[1]){
		var el = Ext.get(n2[1]);
		el.addClass('active');
	}
	else if (document.body.id == n1[2]){
		var el = Ext.get(n2[1]);
		el.addClass('active');
	}
	else if (document.body.id == n1[3]){
		var el = Ext.get(n2[1]);
		el.addClass('active');
	}
	else if (document.body.id == n1[4]){
		var el = Ext.get(n2[1]);
		el.addClass('active');
	}
	else if (document.body.id == n1[5]){
		var el = Ext.get(n2[1]);
		el.addClass('active');
	}
	else if (document.body.id == n1[6]){
		var el = Ext.get(n2[1]);
		el.addClass('active');
	}
	else if (document.body.id == n1[7]){
		var el = Ext.get(n2[1]);
		el.addClass('active');
	}
	else if (document.body.id == n1[8]){
		var el = Ext.get(n2[2]);
		el.addClass('active');
	}
	else if (document.body.id == n1[9]){
		var el = Ext.get(n2[3]);
		el.addClass('active');
	}
	else if (document.body.id == n1[10]){
		var el = Ext.get(n2[4]);
		el.addClass('active');
	}
	else if (document.body.id == n1[11]){
		var el = Ext.get(n2[5]);
		el.addClass('active');
	}
	else {
	}	

});