var delayPanelTime = 100;
var curDiv = '';
var intervalTimeSet;
function displayPanel(panel_name){
	var _temp_arr;
	var __temp_arr;
	str = '';
	str += '<table width="100%" cellpadding="2" cellspacing="2" border="0">';
	str += '<tr>';
	str += '<td width="6"></td>';
	str += '<td width="100" class="company_name_sp_category"><a href="product.php">Products</a>:</td>';
	str += '<td><table width="100%" cellpadding="0" cellspacing="0" border="0">';
	var top_count = 0;
	var j=0;
	for(var i=0;i<Tree.length;i++){
		_temp_arr = Tree[i].split('|');	
		if(_temp_arr[1]=='0'){
			if(top_count==0) str += '<tr>';
			else if(top_count%6==0) str += '</tr><tr>';
			str += '<td width="150">';
			str += '<table width="100%" border="0">';
			//str += '<tr><td width="100%" valign="bottom" height="20" onMouseOver="Layer'+top_count+'.style.visibility=\'visible\';" onMouseOut="Layer'+top_count+'.style.visibility=\'hidden\';"  style="text-decoration:none; text-transform:uppercase "><a style="text-decoration:none; text-transform:uppercase " href="product.php?topid='+_temp_arr[0]+'">'+_temp_arr[2]+'</a></td></tr>';
			str += '<tr><td width="100%" valign="bottom" height="20" onMouseOver="axnDiv(\''+panel_name+top_count+'\',1);" onMouseOut="axnDiv(\''+panel_name+top_count+'\',0);"  style="text-decoration:none; text-transform:uppercase "><a style="text-decoration:none; text-transform:uppercase " href="product.php?topid='+_temp_arr[0]+'">'+_temp_arr[2]+'</a></td></tr>';
			//str += '<tr><td valign="top" width="100%" onMouseOver="Layer'+top_count+'.style.visibility=\'visible\';" onMouseOut="Layer'+top_count+'.style.visibility=\'hidden\';">';
			str += '<tr><td bgcolor="#FFFFFF" valign="top" width="100%" onMouseOver="axnDiv(\''+panel_name+top_count+'\',1);" onMouseOut="axnDiv(\''+panel_name+top_count+'\',0);">';
			str += '<div onMouseOut="axnDiv(\''+panel_name+top_count+'\',0);" onMouseOver="axnDiv(\''+panel_name+top_count+'\',1);" id="'+panel_name+top_count+'" style="position:absolute; z-index:1; visibility:hidden;">';
			str += '<table width="120" border="0" bgcolor="#858789" cellpadding="0" cellspacing="0">';
			for(j=0;j<Tree.length;j++){
				__temp_arr = Tree[j].split('|');
				if(__temp_arr[1]==_temp_arr[0]){
					str += '<tr>';
					str += '<td height="18" onMouseOver="mh(this)" onMouseOut="mn(this)" bgcolor="#858789" onClick="window.location.href=\'product.php?catid='+__temp_arr[0]+'\'">&nbsp;<a style="font:Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; color:#FFFFFF;text-decoration:none;" href="product.php?catid='+__temp_arr[0]+'">'+__temp_arr[2]+'</a></td>';
					str += '</tr>';	
				}
			}
			str += '</table>';
			str += '</div></td></tr>';
			str += '</table>';
			str += '</td>';
			top_count++;
		}
	}
	if(i%6!=0) str += '</tr>';
	str += '</table>';
	str += '</td>';
	str += '</tr>';
	str += '</table>';
    document.write(str);
}
function axnDiv(divName,axn){
	if(intervalTimeSet) clearTimeout(intervalTimeSet);
	if(axn){
		if(curDiv!=divName)	{
			closeDivPanel();
			curDiv  = 	divName;
		}
		openDivPanel();
		//intervalTimeSet = setInterval('openDivPanel()', delayPanelTime);
		//openDivPanel();
	}
	else {
		intervalTimeSet = setInterval('closeDivPanel()', delayPanelTime); 
		//closeDivPanel();
	}
}

function closeDivPanel(){
	var obj = document.getElementById(curDiv);
	if(obj){
		obj.style.visibility='hidden';	
	}
}

function openDivPanel(){
	var obj = document.getElementById(curDiv);
	if(obj){
		obj.style.visibility='visible';	
	}
}