// JavaScript Document

function generate_topnav(id){
	var content;
	if(id == 1){
	// Generate "History & Facts" microsite top navigation
	
		content =
		'<div style="WIDTH: 560px; BACKGROUND-COLOR: #ffffff">\n' +
		'	<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #000000;"><a style="PADDING-RIGHT: 21px; COLOR: #000000; TEXT-DECORATION: none" href="/Surfaces/en_US/whats_new/news_and_media/history_facts/index.html"><img src="/Surfaces/en_US/assets/images/spacer.gif" style="background-color:#A7B347" height="12" width="4">&nbsp;history main</a> <a style="PADDING-RIGHT:21px; PADDING-LEFT: 21px; COLOR: #000000; TEXT-DECORATION: none" href="/Surfaces/en_US/whats_new/news_and_media/history_facts/form_and_function.html"><img src="/Surfaces/en_US/assets/images/spacer.gif" style="background-color:#CF6069" height="12" width="4">&nbsp;form &amp; function</a> <a style="PADDING-RIGHT:21px; PADDING-LEFT: 21px; COLOR: #000000; TEXT-DECORATION: none" href="/Surfaces/en_US/whats_new/news_and_media/history_facts/historical_perspective.html">\n' +
		'	<img src="/Surfaces/en_US/assets/images/spacer.gif" style="background-color:#E67048" height="12" width="4">&nbsp;perspective</a> <a style="PADDING-RIGHT:21px; PADDING-LEFT: 21px; COLOR: #000000; TEXT-DECORATION: none" href="/Surfaces/en_US/whats_new/news_and_media/history_facts/historical_highlights.html"><img src="/Surfaces/en_US/assets/images/spacer.gif" style="background-color:#4F98CC" height="12" width="4">&nbsp;highlights</a><a style="PADDING-LEFT: 21px; COLOR: #000000; TEXT-DECORATION: none" href="/Surfaces/en_US/whats_new/news_and_media/history_facts/form_and_factory.html"><img src="/Surfaces/en_US/assets/images/spacer.gif" style="background-color:#B9148C" height="12" width="4">&nbsp;manufacturing</a>\n' +
		'</div>\n';
	}
	else{
	// Generate "For specialty retailers" microsite top navigation
	
		content = 
		'</div></span></div></div>\n' +
		'<div style="float: left;" id="columnTwo"><div style="PADDING-LEFT: 5px; WIDTH: 600px; BACKGROUND-COLOR: #666666">\n' +
		'	<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; text-align:center;" >\n' +
		'		<a style="PADDING-RIGHT: 30px; COLOR: #ffffff; TEXT-DECORATION: none" href="/Surfaces/en_US/specialty_retailers/index.html">HOME</a>| \n' +
		'		<a style="PADDING-RIGHT: 30px; PADDING-LEFT: 30px; COLOR: #ffffff; TEXT-DECORATION: none" href="/Surfaces/en_US/specialty_retailers/current_programs.html">CURRENT PROGRAMS</a>|\n' + 
		'		<a style="PADDING-RIGHT: 30px; PADDING-LEFT: 30px; COLOR: #ffffff; TEXT-DECORATION: none" href="/Surfaces/en_US/specialty_retailers/whats_new.html">WHAT\'S NEW</a>| \n' +
		'		<a style="PADDING-LEFT: 30px; COLOR: #ffffff; TEXT-DECORATION: none" href="/Surfaces/en_US/specialty_retailers/downloads.html">DOWNLOAD CENTER</a>\n' +
		'	</div>\n' +
		'</div></div>\n'+
		'<div style="float: left;" id="calloutWide"> <div class="detailedParaWide"><span class="calloutContent"><div class="detailedPara">\n';
		
	}
	document.write(content);
}