// start banner
if(debug) {
	document.write('<div style="position:absolute;font-size:9px; background:#fff; padding:2px; margin:2px;z-index:999999;">DEBUG : <a href="javascript:usersStatus()">users</a> | <a href="javascript:purge()">purge</a> | <a href="javascript:clearDebug()">clear debug</a><br /><textarea id="debugWindow" style="width:700px; height:100px;font-size:11px;line-height:100%;">'+hexConvert(getCookie("debug"))+'</textarea></div>');
	document.getElementById('debugWindow').scrollTop = document.getElementById('debugWindow').scrollHeight;
}


document.write(''+
'<div id="banner">');

	// top login bar
	document.write(''+
	'<div id="login-nav">'+
		'<ul id="login-nav-dropdown">');

	if (getCookie('username'))	document.write(''+
			'<li>Welcome <b>'+getCookie("username")+'</b></li>'+
			'<li><a href="javascript:deleteCookie(\'username\');deleteCookie(\'settings\');window.location=window.location.href.replace(/#/g, \'\');">Logout</a></li>');
	else	document.write(''+
			'<li><a href="login.html">Login</a></li>'+
			'<li><a href="register.html">Register</a></li>');

	document.write(''+
			'<li><a href="#">Help</a></li>'+
			'<li class="language"><img src="images/flag-uk.gif" width="16" height="11" border="0"> <span id="login-nav-lang">English(UK)</span><br />' +
				'<ul class="dropdown-menu">'+
					'<li><a href="#"><img src="images/flag-france.gif" width="16" height="11" border="0"> <em>Fran&#231;ais</em></a></li>' +
					'<li><a href="#"><img src="images/flag-spain.gif" width="16" height="11" border="0"> <em>Espa&#241;ol</em></a></li>' +
				'</ul>'+
			'</li>'+
		'</ul>'+
	'</div>');
	// end login bar
	
	// start logo
	document.write(''+
	'<div id="logo">'+
		'<img src="images/prognoz_logo.gif">'+
	'</div>');	
	// end logo
	
	// start search bar
	document.write(''+
	'<div id="search-form-wrap" style="position:absolute; top:48px; right:10px; margin:0px; padding:0px;">'+
		'<form id="search-form" onsubmit="return bannerSearch()" accept-charset="UTF-8" style="float:right;">'+
			'<ul id="search-bar">'+
				'<li>'+
					'<input type="button" id="search-mag-img" value="" disabled />'+
					'<input type="text" maxlength="128" id="search-input-box" value="Search" onfocus="if (this.value==&#039;Search&#039;) {this.value=&#039;&#039;;}" />'+
					'<input type="submit" id="search-submit-btn" value="" />'+
				'</li>'+
				'<li>'+
					'<input type="button" id="search-drop-btn" /><br/>'+
					'<ul class="search-dropdown-menu" id="search-dropdown-menu">'+
						'<li id="search-dropdown-menu-item0" class="selected"><a href="javascript:changeSearchDropdownItem(0);">All</a></li>'+
						'<li id="search-dropdown-menu-item2" ><a href="javascript:changeSearchDropdownItem(2);">Projects</a></li>'+
						'<li id="search-dropdown-menu-item3" ><a href="javascript:changeSearchDropdownItem(3);">Users</a></li>'+
					'</ul>'+
				'</li>'+
			'</ul>'+
			'<div id="search-advance-link"><a href="advance-search.html">Advanced Search</a></div>'+
		'</form>'+
	'</div>'); 
	// end search bar
	
	// start CCS accelerator logo
	document.write(''+
	'<div style="position:absolute;top:92px; right:0px;padding:0px; margin:0px;float:right;padding-right:4px;"><img src="images/ccsa_logo.gif" /></div>');
	// end CCS accelerator logo

	// start nav bar
	document.write(''+
	'<div id="nav-wrap">'+
		'<div id="nav-top"></div>');
		
		// nav menu		
		document.write(''+
		'<div id="nav-center">'+
			'<div id="nav-section-wrap">'+
				'<div id="nav-section-title">'+pageCategory+'</div>'+
				'<div id="nav-section-menu-wrap">'+
					'<div id="nav-section-menu">'+
					'<a href="index.html">Home</a> &nbsp; &nbsp; '+ 
					'<a href="projects.html">Projects</a> &nbsp; &nbsp; '+
					'<a href="knowledge-centre.html">Knowledge Centre</a> &nbsp; &nbsp; '+
					'<a href="about.html">About</a> &nbsp;');
	document.write(''+
					'</div>'+
				'</div>'+
			'</div>'+
		'</div>');
		//end nav menu
	
		// start nav path + user setting
		document.write(''+
		'<div id="nav-path">'+
			'<div id="nav-path-wrap">'+
				'<div id="nav-path-str">'+
					'You are here : <em><a href="index.html">Home</a>');
					if (pageCategory=="Funding Sources") document.write(' \\ <a href="funding-sources.html">Funding Sources</a> ');
					else if (pageCategory=="Projects") document.write(' \\ <a href="projects.html">Projects</a> ');
					else if (pageCategory=="Knowledge Centre") document.write(' \\ <a href="knowledge-centre.html">Knowledge Centre</a> ');
					else if (pageCategory=="About") document.write(' \\ <a href="about.html">About</a> '); 
					
					if (getUrlParam('type')) {
						var kw = "";
						var type = hexConvert(getUrlParam('type'));
						if (getUrlParam('keyword'))	kw = "?keyword="+hexConvert(getUrlParam('keyword'));
						
						if (pageCategory=="Projects") {
							document.write(' \\ <a href="projects-'+type.toLowerCase()+'.html'+kw+'">'+type+'</a>');							
						} else if (pageCategory=="Funding Sources") {
							document.write(' \\ <a href="funding-sources-'+type.toLowerCase()+'.html'+kw+'">'+type+'</a>');
						}
					} 
					
					if (subNavPath!="")	document.write(' \\ '+subNavPath);				
		document.write(''+
					'</em>'+
				'</div>');
		if (getCookie('username')) {
			if (usePersonalSettings()) {
				document.write(''+
				'<div id="nav-personal-settings">'+
					'<input type="BUTTON" id="nav-personal-settings-checkbox" onclick="togglePersonalSettings(\'false\');">'+
					'<em>Use my personal settings</em>'+
				'</div>');
			} else {
				
				document.write(''+
				'<div id="nav-personal-settings">'+
					'<input type="BUTTON" id="nav-personal-settings-checkbox-off" onclick="togglePersonalSettings(\'true\');">'+
					'<em>Use my personal settings</em>'+
				'</div>');
			}
		}
		document.write(''+
			'</div>'+
		'</div>');
		// end nav path + user setting
	

	document.write(''+
		'<div id="nav-bottom"></div>');
	// end nav bar
document.write(''+
	'</div>'+
'</div>');
// end banner



function bannerSearch() {
	var keyword = document.getElementById('search-input-box').value;
	if (keyword !="Search") {
		var target=[false,false,false];
		if (document.getElementById('search-dropdown-menu-item'+0).className=="selected")	target=[true,true,true];
		else if (document.getElementById('search-dropdown-menu-item'+1).className=="selected")	target[1]=true;
		else if (document.getElementById('search-dropdown-menu-item'+2).className=="selected")	target[0]=true;
		else if (document.getElementById('search-dropdown-menu-item'+3).className=="selected")	target[2]=true;
	
		getQuickResults(keyword,target,'results.html');
	}
	return false;
}

function changeSearchDropdownItem(item) {
	for (var i=0; i<4; i++) {
		if (i!=item)	var a = document.getElementById('search-dropdown-menu-item'+i).className="";
		else	document.getElementById('search-dropdown-menu-item'+i).className="selected";
	}
}