function trace(str){
	document.getElementById('debug-trace').innerHTML += str+"<br>";
}

function debug(){
	var msg = "";
	var labels = document.getElementsByTagName('label');
	for(var i=0;i<labels.length;i++){
		msg += labels[i].className+"<br>";
	}
	trace(msg);
}

function uiInitLabels(){
	if(!document.getElementById) return;
	//trace("dom");
	var labels, id, field;
	labels = document.getElementsByTagName('label');
	//trace(labels.length);
	for(i=0;i<labels.length;i++){
		//trace("loop"+i);
		if(labels[i].className == 'altLabel'){
			id = labels[i].htmlFor || labels[i].getAttribute('for');
			if(!id || !(field=document.getElementById(id))){
				continue;
			}
			labels[i].className = 'inlineLabel';
		}
		
		if(field.value!==''){
			uiHideLabel(field.getAttribute('id'),true);
		}
		
		
		field.onfocus = function(){
			uiHideLabel(this.getAttribute('id'), true);
		}
		field.onblur = function(){
			if(this.value===''){
				uiHideLabel(this.getAttribute('id'),false);
			}
		}
		labels[i].onclick = function(){
			var id, field;
			id = this.getAttribute('for');
			if(id && (field= document.getElementById(id))){
				field.focus();
			}
		}
	}
	//debug();
}
function uiHideLabel(field_id,hide){
	var field_for;
	var labels = document.getElementsByTagName('label');
	for(var i=0;i<labels.length;i++){
		field_for = labels[i].htmlFor || labels[i].getAttribute('for');
		if(field_for == field_id){
			//labels[i].style.color = "Red";
			//labels[i].style.textIndent = (hide) ? '100px' : '0px';
			labels[i].style.display = "none";
			return true;
		}
	}
}

function tabSwitch(id) {
	var viewedList = document.getElementById('popListViewed');
	var emailedList = document.getElementById('popListEmailed');
	var searchedList = document.getElementById('popListSearched');
	var viewedTab = document.getElementById('popTabViewed');
	var emailedTab = document.getElementById('popTabEmailed');
	var searchedTab = document.getElementById('popTabSearched');
	if (id == 'viewed') {
		viewedList.style.display = 'block';
		emailedList.style.display = 'none';
		searchedList.style.display = 'none';
		viewedTab.className = 'current';
		emailedTab.className = '';
		searchedTab.className = '';
	}
	if (id == 'emailed') {
		viewedList.style.display = 'none';
		emailedList.style.display = 'block';
		searchedList.style.display = 'none';
		viewedTab.className = '';
		emailedTab.className = 'current';
		searchedTab.className = '';
	}
	if (id == 'searched') {
		viewedList.style.display = 'none';
		emailedList.style.display = 'none';
		searchedList.style.display = 'block';
		viewedTab.className = '';
		emailedTab.className = '';
		searchedTab.className = 'current';
	}
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\\\s)"+searchClass+"(\\\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function showSubnav(id) {
	var nav = document.getElementById('nav').getElementsByTagName('li');
	for (i = 0; i < nav.length; i++) {
		nav[i].style.backgroundColor = '#EEE';
	}
	if (id != '') {
		var navid = 'nav' + id;
		document.getElementById(navid).style.backgroundColor = 'rgb(248,251,253)';
	}
	var subnav = document.getElementById('subnav').getElementsByTagName('ul');
	for (i = 0; i < subnav.length; i++) {
		subnav[i].style.display = 'none';
	}
	if (id != '') {
		var subnavid = 'subnav' + id;
		document.getElementById(subnavid).style.display = 'block';		
	}
}

window.onload = function(){
	//setTimeout(uiInitLabels,50);
}