function hasClass(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}



function highlight_tabs(id, nav_type) { 


	var nav = document.getElementById(id);

	if (nav_type == 'horizontal') {
		for( var j=0; j<nav.childNodes.length; j++) {

			if (nav.childNodes[j].nodeType == 1) {
				el = nav.childNodes[j];


				if (el.getAttribute) {
					if (el.getAttribute('class') != null) {
						classes = el.getAttribute('class');
					}
					else if (el.getAttribute('className') != null) {
						classes = el.getAttribute('className');
					}
					else {
						classes = null;
					}

					if (classes.match('selected'))	{
						selected_el = nav.childNodes[j];
						selected_el_sub_uls = selected_el.getElementsByTagName('ul');
						selected_el_sub_uls[0].style.display = 'block';
					}	
				}			
			}
		}

		for( var j=0; j<nav.childNodes.length; j++) {


			if (nav.childNodes[j].nodeType == 1) {
				el = nav.childNodes[j];



				if (el.getAttribute) {
					if (el.getAttribute('class') != null) {
						classes = el.getAttribute('class');
					}
					else if (el.getAttribute('className') != null) {
						classes = el.getAttribute('className');
					}
					else {
						classes = null;
					} 

					if (!classes.match('selected'))	{
						// not selected one:
						sub_uls = el.getElementsByTagName('ul');

						// hide the sub ul.
//						alert(sub_uls);
						sub_uls[0].style.display = 'none';

						// on mouseover: hide selected sub ul, show this sub ul.
						el.onmouseover = function() {
							
							sub_uls = this.getElementsByTagName('ul');
							sub_uls[0].style.display = 'block';
							selected_el_sub_uls[0].style.display = 'none';
							
						};

						// on mouseout: hide this sub ul, show the selected sub ul.
						el.onmouseout = function() {
						
							sub_uls = this.getElementsByTagName('ul');
							sub_uls[0].style.display = 'none';
							selected_el_sub_uls[0].style.display = 'block';
						};
					}	
				}			
			}
		}
		
	}
	else if (nav_type == 'left') {

		if (hasClass(nav,'hover')) {
			removeClass(nav,'hover');
			addClass(nav,'hover_active');
		}

		for( var j=0; j<nav.childNodes.length; j++) {


			if (nav.childNodes[j].nodeType == 1) {
				el = nav.childNodes[j];



				if (el.getAttribute) {
					/*
					if (el.getAttribute('class') != null) {
						classes = el.getAttribute('class');
					}
					else if (el.getAttribute('className') != null) {
						classes = el.getAttribute('className');
					}
					else {
						classes = null;
					} */

					//alert(classes);
					sub_uls = el.getElementsByTagName('ul');

					// if this item has a menu, then set up the control for it.
					if(sub_uls.length) {
						// hide the sub ul.
						//sub_uls[0].style.display = 'none';

						// on mouseover: hide selected sub ul, show this sub ul.
						el.onmouseover = function() {
							addClass(this,'hover');
						};

						// on mouseout: hide this sub ul, show the selected sub ul.
						el.onmouseout = function() {
							removeClass(this,'hover');
						};
					}	
				}			
			}
		}


	}
}