$(document).ready(function(){

topLevelNav=new Array();

topLevelNav.push({name:'Online Surveys', url:"/trax/onlineSurveys/",
	subs:new Array(
	)
	}
);

topLevelNav.push({name:'Transition Planner', url:"/trax/transitionPlanner/",
	subs:new Array(
	)
	}
);
topLevelNav.push({name:'Transition Activity', url:"/trax/transitionActivity/",
	subs:new Array(
		{name:'Transition I', url:'1.html'},
		{name:'Transition II', url:'2.html'}
	)
	}
);
topLevelNav.push({name:'Goal Generator', url:"/trax/goalGenerator/",
	subs:new Array(
	)
	}
);
topLevelNav.push({name:'Data Collector', url:"/trax/dataCollector/",
	subs:new Array(
	)
	}
);

topLevelNav.push({name:'Data Transfer', url:"/trax/dataTransfer/",
	subs:new Array(
	)
	}
);

viewLocation=window.location;
subString='';
background='';

if (window.location.pathname!='/trax/' && window.location.pathname!='/trax/index.html'){
	$.each(topLevelNav, function(inx, item){
	
	innerString='';
	if (window.location.pathname.indexOf(item.url, 0)>-1 && typeof item.subs!='undefined' && item.subs.length>0){
		
		viewSubs=item.subs;
			$.each(item.subs, function(inx2, item2){
			
				if (window.location.pathname.indexOf(item2.url, 0)>-1){ background='white'; }
				else {background='#DDEEFE';}
				
				innerString+="\
					<li>\
					<a href="+item2.url+" style='background-color:"+background+";font-weight:normal;text-decoration:none;padding-left:25px;'>"+item2.name+"</a>\
					</li>\
				";
			
			});
			
			innerString='<ul  style=display:block;>'+innerString+'</ul>';	
	}
	
		if (window.location.pathname==item.url){ background='white'; }
		else {background='#DDEEFE';}
		
		subString+="\
			<li>\
			<a href="+item.url+" style='background-color:"+background+";font-weight:bold;text-decoration:none;margin-left:-5px;'>"+item.name+"</a>\
			"+innerString+"\
			</li>\
		";
		
		});
		subString='<ul  style=display:block;>'+subString+'</ul>';
		subString="\
			<ul style=display:block;>\
				<li>\
					"+subString+"\
				</li>\
			</ul>\
		";
}


navString="\
<ul>\
<li>\
	<a href='/trax'>TRAX: Online Edition</a>\
		"+subString+"\
	</li>\
	</ul>\
";

navString=navString.replace(/ +/g, '<SP>');
navString=navString.replace(/\s/g, '');
navString=navString.replace(/<SP>/g, ' ');

$('#vertNavBar').append(navString);

});