var panels = [];
var lis = [];
var prevPanel = false;

function clearAll() {
	prevPanel = false;
	for (var a = 0; a < window.panels.length; a++) {
		if (window.panels[a].id == "panel") {
		  window.panels[a].className = "panelshow";
		} else {
		  window.panels[a].className = "panelhidden";
		}
	}
	resetPms();
}

function resetPms() {
	for (var b = 0; b < window.lis.length; b++) {
		window.lis[b].className = "pm_off";
	}
}

function initRollovers() {
	// set mouse over handler to reset panel and prctice menu when mouse goes off top, right, bottom
	var el = document.getElementById('divider1');
	if (!el) {
		return;
	}
		
  el.onmouseover = function() {
		clearAll();
	}
	
	el = document.getElementById('divider2');
	if (!el) {
		return;
	}
		
  el.onmouseover = function() {
		clearAll();
	}
	
	var el = document.getElementById('right_col');
	if (!el) {
		return;
	}
		
  el.onmouseover = function() {
		clearAll();
	}
	
	el = document.getElementById('call_now');
	if (!el) {
		return;
	}
		
  el.onmouseover = function() {
		clearAll();
	}
	
	el = document.getElementById('left_col1');
	if (!el) {
		return;
	}
		
  el.onmouseover = function() {
		clearAll();
	}
	
	var center_col = document.getElementById('center_col');
	if (!center_col) {
		return;
	}
	
	// set mouse over handler to re show applicable panel if mouse has moved from practice areas
	// menu
	
  center_col.onmouseover = function() {
		if (window.prevPanel) {
			for (var a = 0; a < window.panels.length; a++) {
				var panel = window.panels[a];
				if (panel.id == window.prevPanel.id) {
					panel.className = "panelshow";
					var index = panel.id.substring(5);
					var li = 'pm' + index;
					
					var lis = window.lis;
			
					for (var b = 0; b < lis.length; b++) {
						if (lis[b].id == li) {
							lis[b].className = "pm_hover";
						} else {
						  lis[b].className = "pm_off";
						}
 					}

				} else {
				 window.panels[a].className = "panelhidden";
				}
			}
		}
	}
		

	var panel_container = document.getElementById('panel_container');
	if (!panel_container) {
		return;
	}
 
	// store list of panels
	var divs = panel_container.getElementsByTagName('div');
	var b=0;
	for (var a = 0; a < divs.length; a++) {
		var div = divs[a];
		if (div.id.indexOf('panel') != -1) {
			panels[b++] = div;
			div.onmouseout = function() {
				var lis = window.lis;

					for (var c = 0; c < lis.length; c++) {
						lis[c].className = "pm_off";
					}
				}
		}
	}
	
	var li_container = document.getElementById('practice_menu');
	if (!li_container) {
		return;
	}
	
	var all_lis = li_container.getElementsByTagName('li');
	var b = 0;
	for (var a = 0; a < all_lis.length; a++) {
		var li = all_lis[a];
		// store list of lis

		// set mouseover to clear prevElement for id#practice and id#btm_li - means 
		// mouse has gone up or down, not over panel
		
		if ((li.id == 'practice_header') || (li.id == 'practice_footer')) {
			li.onmouseover = function() {
				clearAll();
			}
		}
			
		if (li.id.indexOf('pm') == 0) {
			lis[b++] = li;
		}
	}
}

function setLi(li) {
	var lis = this.lis;
	for (var b = 0; b < lis.length; b++) {
		if (lis[b].id == li.id) {
			lis[b].className = "pm_hover";
		} else {
			lis[b].className = "pm_off";
		}
	}
}
	
function showPanel(li)
{
	var index = li.id.substring(2);
	var panel = 'panel' + index;
	var panels = this.panels;
	
 	for (var a = 0; a < panels.length; a++) {
	 	if (panels[a].id == panel) {
			panels[a].className = "panelshow";
		} else {
		 panels[a].className = "panelhidden";
	 	}
 	}
}
	
function resetPanel()
{
	var panels = this.panels;
	
 	for (var a = 0; a < panels.length; a++) {
		if (panels[a].className == "panelshow")
		{
			this.prevPanel = panels[a];
		}
	 	if (panels[a].id == 'panel') {
			panels[a].className = "panelshow";
		} else {
		 panels[a].className = "panelhidden";
	 	}
 	}
}
	
// Initialize rollovers on page load
if (window.addEventListener){
  window.addEventListener("load", initRollovers, false);
} else if (window.attachEvent){
  window.attachEvent("onload", initRollovers);
}