// create the necessary Arrays

var mainSectionIdArray = new Array('home','about','work','icon','resource', 'getInv', 'contact');
var mainSectionNameArray = new Array('Home','About GA','Our Work','Our Icon Projects','Our Resources', 'Get Involved', 'Contact Us');
var mainSectionUrlArray = new Array('index.html'
							,'aboutga/index.html'
							,'ourwork/index.html'
							,'iconprojects/index.html'
							,'resources/index.html'
							,'getinvolved/index.html'
							,'contactus/index.html');

var mainNav = '<div id=\"page\">\n';
mainNav += '<div id=\"pageTop\">\n';
mainNav += '<div id=\"header\"></div>\n';
mainNav += '<div id=\"topNav\">\n';
mainNav += '<ul id=\"mainNav\">\n';

for(var i=0; i<mainSectionIdArray.length; i++){
	if(section == mainSectionIdArray[i]){
		mainNav += '<li class=\"divide\" id=\"'+mainSectionIdArray[i]+'\"><a href=\"'+mainSectionUrlArray[i]+'\" class=\"selected\">'+mainSectionNameArray[i]+'</a><img src="images/global/nav/nav-divider-green.png" alt=""/></li>\n';
	}else{
		mainNav += '<li class=\"divide\" id=\"'+mainSectionIdArray[i]+'\"><a href=\"'+mainSectionUrlArray[i]+'\">'+mainSectionNameArray[i]+'</a><img src="images/global/nav/nav-divider-green.png" alt=""/></li>\n';
	}
};

mainNav += '</ul>\n';
mainNav += '</div>\n';

document.write(mainNav);