/**/

var headerHtml =
	'<table><tr valign="top">'+
	'<td class="logo"><a href="/"><img src="/images/humantech_logo_s.jpg" alt="Humantech" width="190"/></a></td>'+
	'<td class="corner" colspan="2" nowrap align="right"><div id="globalLinksOnTop"><form name="" action="/search/query.asp" method="post"><a href="/">Home</a> | <a href="/contact/">Contact Us</a> | Search &nbsp;<input type="text" name="qu" size="10" value=""> <input type="image" src="/images/go.gif" border="0" align="absbottom"></form></div></td>'+
	'</tr><tr>'+
	'<td><div class="border1">&nbsp;</div></td>' +
	'<td><table id="globalNav"><tr>'+
	'<td id="sec_aboutus" nowrap><a href="/aboutus/">&nbsp; About Us &nbsp;</a></td>'+
	'<td id="sec_services" nowrap><a href="/services/">&nbsp; Services &nbsp;</a></td>'+
	'<td id="sec_products" nowrap><a href="/products/">&nbsp; Products &nbsp;</a></td>'+
	'<td id="sec_resources" nowrap><a href="/resources/">&nbsp; Resources &nbsp;</a></td>'+
  	'</tr></table></td>'+
	'<td width="2000"><div id="tagline" class="border1">The 30-Inch View<sup>&reg;</sup> &nbsp;</div></td>' +
	'</tr><tr>' +
	//'<td colspan="3"><img src="/image/pixel.gif" width="780" height="1" alt=""></td>' +
	'</tr></table>';

var footerHtml = 	
	'<div>&copy; 2009 Humantech, Inc. &nbsp;&nbsp;&nbsp; <span id="globalLinksOnBottom">'+
	'<a href="/privacy.html">Privacy</a> | '+
	'<a href="/legal.html">Legal Notices</a> | '+
	'<a href="/sitemap.html">Site Map</a> | '+
	'<a href="/contact/">Contact Us</a></span></div>';


/** breadcrumbs
----------------------------------------- **/
//var bcArrow = '<img src="/images/arrow_breadcrumb.gif" border="0">';
var bcArrow = '&gt;';

/* about us */
var bc_aboutus_home = '<span><a href="/">Home</a> '+ bcArrow +' About Us</span>&nbsp;';
var bc_aboutus_clients = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' Clients</span>&nbsp;';
var bc_aboutus_jobs = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' Job Openings</span>&nbsp;';
var bc_aboutus_office = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' Humantech Office</span>&nbsp;';
var bc_aboutus_events = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' Events</span>&nbsp;';
var bc_aboutus_team = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' Team</span>&nbsp;';
var bc_aboutus_press = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' Press Room</span>&nbsp;';
var bc_aboutus_humanside = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' The "Human Side" of Humantech </span>&nbsp;';

var bc_aboutus_press_release = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' <a href="/aboutus/press/">Press Room</a> '+ bcArrow +' Press Release</span>&nbsp;';

var bc_aboutus_jobs_job1 = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' <a href="/aboutus/jobs/">Job Openings</a> '+ bcArrow +' Ergonomics Engineering Consultant</span>&nbsp;';
var bc_aboutus_jobs_job2 = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' <a href="/aboutus/jobs/">Job Openings</a> '+ bcArrow +' Ergonomics Contractor</span>&nbsp;';
var bc_aboutus_jobs_job7 = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' <a href="/aboutus/jobs/">Job Openings</a> '+ bcArrow +' Software Developer III </span>&nbsp;';

var bc_aboutus_office_map = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' <a href="/aboutus/office.html">Office</a> '+ bcArrow +' Map/Directions</span>&nbsp;';
var bc_aboutus_office_hotel = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' <a href="/aboutus/office.html">Office</a> '+ bcArrow +' Nearby Hotels</span>&nbsp;';
var bc_aboutus_office_visitorGuide = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' <a href="/aboutus/office.html">Office</a> '+ bcArrow +' Visitors Guide to Ann Arbor</span>&nbsp;';

var bc_aboutus_humanside_archive = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' The "Human Side" of Humantech </span>&nbsp;';

var bc_aboutus_scholarship = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' Scholarship Program</span>&nbsp;';
var bc_aboutus_findfix = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/aboutus/">About Us</a> '+ bcArrow +' Find It &ndash; Fix It Challenge</span>&nbsp;';



/* services */
var bc_services_home = '<span><a href="/">Home</a> '+ bcArrow +' Services</span>&nbsp;';
var bc_services_assessments = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' Workplace Ergonomic Assessments</span>&nbsp;';
var bc_services_lean = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' Ergonomics for Lean Manufacturing</span>&nbsp;';
var bc_services_rapid = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' RAPID<span class="TM">&trade;</class> Team Events</span>&nbsp;';
var bc_services_management = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' Management System</span>&nbsp;';
var bc_services_engineering = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' Ergonomics Engineering and Design</span>&nbsp;';
var bc_services_training = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' On-Site Ergonomics Training</span>&nbsp;';

var bc_services_management_pdca = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/management/">Management System</a> '+ bcArrow +' PCDA</span>&nbsp;';

var bc_services_engineering_manuf = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/engineering/">Ergonomics Engineering and Design</a> '+ bcArrow +' Manufacturing Engineering</span>&nbsp;';
var bc_services_engineering_office = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/engineering/">Ergonomics Engineering and Design</a> '+ bcArrow +' Ergonomic Office Design</span>&nbsp;';
var bc_services_engineering_product = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/engineering/">Ergonomics Engineering and Design</a> '+ bcArrow +' Ergonomic Product Design</span>&nbsp;';
var bc_services_engineering_turnkey = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/engineering/">Ergonomics Engineering and Design</a> '+ bcArrow +' Turnkey Ergonomic Solutions</span>&nbsp;';

var bc_services_training_office = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/training/">Training</a> &gt Office Courses</span>&nbsp;';
var bc_services_training_industrial = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/training/">Training</a> &gt Industrial Courses</span>&nbsp;';
var bc_services_training_specialty = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/training/">Training</a> &gt Specialty Courses</span>&nbsp;';

var bc_services_assessments_office = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/assessments/">Workplace Ergonomic Assessments</a> &gt Office Assessments</span>&nbsp;';
var bc_services_assessments_industrial = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/services/">Services</a> '+ bcArrow +' <a href="/services/assessments/">Workplace Ergonomic Assessments</a> &gt Industrial Assessments</span>&nbsp;';


/* product */
var bc_products_home = '<span><a href="/">Home</a> '+ bcArrow +' Products</span>&nbsp;';
var bc_products_posters = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' Posters</span>&nbsp;';
var bc_products_publications = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' Publications</span>&nbsp;';
var bc_products_software = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' Software</span>&nbsp;';

var bc_products_posters_awareness = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/posters/">Posters</a> '+ bcArrow +' Awareness Posters</span>&nbsp;';
var bc_products_posters_art = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/posters/">Posters</a> '+ bcArrow +' Art Posters</span>&nbsp;';

var bc_products_software_ergotool = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/software/">Software</a> '+ bcArrow +' ergoTool</span>&nbsp;';
var bc_products_software_rpm = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/software/">Software</a> '+ bcArrow +' RPM</span>&nbsp;';

var bc_products_publications_industrial = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/publications/">Publications</a> '+ bcArrow +' Applied Industrial Ergonomics</span>&nbsp;';
var bc_products_publications_office = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/publications/">Publications</a> '+ bcArrow +' Applied Office Ergonomics</span>&nbsp;';
var bc_products_publications_design = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/publications/">Publications</a> '+ bcArrow +' Ergonomic Design Guidelines</span>&nbsp;';
var bc_products_publications_wmsd = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/publications/">Publications</a> '+ bcArrow +' Medical Management of WMSDs </span>&nbsp;';
var bc_products_publications_manager = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/publications/">Publications</a> '+ bcArrow +' Ergonomics for Managers</span>&nbsp;';
var bc_products_publications_employee = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/publications/">Publications</a> '+ bcArrow +' Ergonomics for Employee</span>&nbsp;';
var bc_products_publications_officePocketPrimer= '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/publications/">Publications</a> '+ bcArrow +' Ergonomics in the Office Pocket Primer</span>&nbsp;';
var bc_products_publications_labebook= '<span><a href="/">Home</a> '+ bcArrow +' <a href="/products/">Products</a> '+ bcArrow +' <a href="/products/publications/">Publications</a> '+ bcArrow +' Ergonomics for Laboratory</span>&nbsp;';

/* resources */
var bc_resources_home = '<span><a href="/">Home</a> '+ bcArrow +' Resources</span>&nbsp;';
var bc_resources_newsletter = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' Newsletter </span>&nbsp;';
var bc_resources_stories = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' Client Success Stories </span>&nbsp;';
var bc_resources_articles = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' Articles and Presentation</span>&nbsp;';
var bc_resources_links = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' Links </span>&nbsp;';
var bc_resources_presentation = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' presentations</span>&nbsp;';
var bc_resources_seminars = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' Seminar</span>&nbsp;';
var bc_resources_media = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' Webinars/Podcasts</span>&nbsp;';

var bc_resources_newsletter_current = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' <a href="/resources/newsletter/">Newsletter</a> '+ bcArrow +' Current Issue</span>&nbsp;';
var bc_resources_newsletter_subscribe = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' <a href="/resources/newsletter/">Newsletter</a> '+ bcArrow +' Subscribe</span>&nbsp;';
var bc_resources_newsletter_unsubscribe = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' <a href="/resources/newsletter/">Newsletter</a> '+ bcArrow +' Unsubscribe</span>&nbsp;';

var bc_resources_seminars_industrial = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' <a href="/resources/seminars/">Seminar</a> '+ bcArrow +' Applied Industrial Ergonomics</span>&nbsp;';
var bc_resources_seminars_office = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' <a href="/resources/seminars/">Seminar</a> '+ bcArrow +' Applied Office Ergonomics</span>&nbsp;';
var bc_resources_seminars_lean = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' <a href="/resources/seminars/">Seminar</a> '+ bcArrow +' Leveraging Ergonomics in your Lean Initiative</span>&nbsp;';
var bc_resources_seminars_aedw = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' <a href="/resources/seminars/">Seminar</a> '+ bcArrow +' Advanced Ergonomic Design Workshop </span>&nbsp;';
var bc_resources_seminars_userCenteredDesign = '<span><a href="/">Home</a> '+ bcArrow +' <a href="/resources">Resources</a> '+ bcArrow +' <a href="/resources/seminars/">Seminar</a> '+ bcArrow +' User-Centered Design Workshop </span>&nbsp;';



var bc_contact = '<span><a href="/">Home</a> '+ bcArrow +' Contact Us</span>&nbsp;';


function init(pageId){
		renderHeader();
		renderFooter();

	if (pageId != ""){
		// need validation here ...
		var sectionName="";
		var pageNavNames = pageId.split("_");
		if (pageNavNames.length > 0){
			sectionName = pageNavNames[0];
		}

		loadBreadcrumbs(pageId);
		highlightNavigation(sectionName);
		highlightSideNav(pageId);		
	}
	
	loadOtherCommonElements();
}

function renderHeader(){
	var ele = document.getElementById("header");
	if (ele != null){
		ele.innerHTML=headerHtml;
	}
}

function renderFooter(){
	var ele = document.getElementById("footer");
	if (ele != null){
		ele.innerHTML=footerHtml;
	}
}

function loadBreadcrumbs(pageId){
	// generic pageId
	if (pageId.indexOf('*') > -1){
		pageId = pageId.substring(0, pageId.indexOf('*'));
	}

	var ele = document.getElementById("bcrumb");
	var html = eval('bc_'+pageId);

	if ( ele!= null && (html != null || html != "")){
		ele.innerHTML=html;
	}
}

function highlightNavigation(sectionName){
	var ele = document.getElementById("sec_" + sectionName);
	if (ele != null){
		ele.className = "on";
	}
}

function highlightSideNav(pageId){
	var sectionName = "";
	var level_1_name = "";
	var level_2_name = "";
	var level_1_id = "";
	var level_2_id = "";

	var pageNavNames = pageId.split("_");

	if (pageNavNames.length > 0){
		sectionName = pageNavNames[0];

		if (pageNavNames.length > 1){
			level_1_name = pageNavNames[1];
			level_1_id = sectionName +"_" + level_1_name;

			if (pageNavNames.length > 2){
				level_2_name = pageNavNames[2];
				level_2_id = sectionName +"_" + level_1_name + "_" + level_2_name;
			}
		}
	}

	if (level_1_id != ""){
		var ele = false;
		ele = document.getElementById("sn_" + level_1_id);
		if(ele){
			ele.className = "on";
		}
	}

	if (level_2_id != ""){
		var ele = false;
		ele = document.getElementById("sn_" + level_2_id);
		if(ele){
			ele.className = "on";
		}
	}
}

function loadOtherCommonElements(){
	// 1. ht_contact_box
	var h = false;
	h = document.getElementById("ht_contact_box");
	if (h){
		h.innerHTML='<div class="box-1" style="background:#f7f7f7"><div class="header">Interested?</div><p><a href="/contact/">Contact us</a></p><div class="dotline"><img src="/images/pixel.gif" height="1" alt=""></div><p>or call us at <b>734.663.6707</b></p></div>';
	}
	
	//2.
}

// eof