// JavaScript Document
<!-- *******************************My Code ********************* -->

function toggleCategories_new(show)
{
		
	if( ( document.getElementById("categories").style.display == "none" && document.getElementById("categories1").style.display == "none" ) || show == 1 )
	{
		document.getElementById("cat_row11").style.display = "";
		document.getElementById("cat_list_row").style.display = "";
		show = 0;
		if(flag == "cat")
		{
			document.getElementById("categories").style.display = "block";
			<!--document.getElementById("cat_row11").style.display = "";-->

		}
		else if(flag == "loc")
		{
			document.getElementById("categories1").style.display = "block";
			<!--document.getElementById("cat_list_row").style.display = "";-->
		
		}
			document.getElementById("hidelink").innerHTML = "<table border=0 width=55 align=right><tr><td width=9><img src="+image_path+"/images/minus.jpg border=0></td><td class=\"hide_show\">&nbsp;Hide</td></tr></table>" ;
		
	}
	else if(document.getElementById("categories").style.display == "block")
	{
			document.getElementById("categories").style.display = "none";
			document.getElementById("categories1").style.display = "none";
			
			<!--**************	***************** -->
			document.getElementById("cat_row11").style.display = "none";
			document.getElementById("cat_list_row").style.display = "none";
			<!--*********************************** -->
			
			document.getElementById('hidelink').innerHTML = "<table border=0 width=55 align=right><tr><td width=9><img src="+image_path+"/images/plus.jpg border=0></td><td class=\"hide_show\">&nbsp;Show</td></tr></table>";
			flag = "cat";
	}
	else if(document.getElementById("categories1").style.display == "block")
	{
		
			document.getElementById("categories").style.display  = "none";
			document.getElementById("categories1").style.display = "none";
			
			<!--*************	****************** -->
			document.getElementById("cat_row11").style.display = "none";
			document.getElementById("cat_list_row").style.display = "none";
			<!--*********************************** -->
		
		document.getElementById('hidelink').innerHTML = "<table border=0 width=55 align=right><tr><td width=9><img src="+image_path+"/images/plus.jpg border=0></td><td class=\"hide_show\">&nbsp;Show</td></tr></table>";
		flag = "loc";
	} 
}
function switch_loc_cat(catid)
{
	if(catid=="a")
	{
		
		<!--document.getElementById("cat_row11").style.display = "";-->
		document.getElementById("categories").style.display="block";
		document.getElementById("categories1").style.display="none";
		flag = "cat";
	} else if(catid=="b") {
			
		<!--document.getElementById("cat_list_row").style.display = ""; -->
		document.getElementById("categories1").style.display="block";
		document.getElementById("categories").style.display="none";
		
		flag = "loc";
	}
	document.getElementById("hidelink").innerHTML = "<table border=0 width=55 align=right><tr><td width=9><img src="+image_path+"/images/minus.jpg border=0></td><td class=\"hide_show\">&nbsp;Hide</td></tr></table>" ;	
}
function change_color(set_color)
{
	if(set_color == "f_white")
	{
		document.getElementById("first_tabe").style.backgroundColor = '#FFFFFF';
		document.getElementById("second_tabe").style.backgroundColor = '#F5F5F5';
		document.getElementById("second_tabe").style.borderBottom = "1px solid #dedede";
		document.getElementById("first_tabe").style.borderBottom = "none";
		
		document.getElementById("cat_row11").style.display = "";
		
		document.getElementById("hidelink").innerHTML = "<table border=0 width=55 align=right><tr><td width=9><img src="+image_path+"/images/minus.jpg border=0></td><td class=\"hide_show\">&nbsp;Hide</td></tr></table>" ;	
		
	}
	else if(set_color == "sec_white")
	{
		document.getElementById("first_tabe").style.backgroundColor = '#F5F5F5';
		document.getElementById("second_tabe").style.backgroundColor = '#FFFFFF';
		document.getElementById("first_tabe").style.borderBottom = "1px solid #dedede";
		document.getElementById("second_tabe").style.borderBottom = "none";
		
		document.getElementById("cat_list_row").style.display = "";
		
		document.getElementById("hidelink").innerHTML = "<table border=0 width=55 align=right><tr><td width=9><img src="+image_path+"/images/minus.jpg border=0></td><td class=\"hide_show\">&nbsp;Hide</td></tr></table>" ;	
	}
}
var ToolTip;



	function truebody()
	{
		return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
	}
	var initialize = false;
	var ContentInfo = '';
	var ToolTip;
	var pos = new Array(2);
	pos[0] = 0;
	pos[1] = 0;
	
	var topColor = "#4F4F4F";
	var subColor = "#EEEEEE";
	
	function loadfunc() 
	{

		ToolTip = document.getElementById("ToolTip");
	
	}           
	function overhere(e,x,y)
	{     
		if(!x)x = 15;
		if(!y)y=15;
		
		if(initialize) 
		{
			MoveToolTip(truebody().scrollLeft + e.clientX + x, truebody().scrollTop + e.clientY + y);
		}
	}
	
	function display_preview(pos_top, pos_left)
	{     
		if(initialize) 
		{
			MoveToolTip(pos_left, pos_top);
		}
	}
	   
	function Activate() 
	{ 
		/* loadfunc(); */
		MoveToolTip(pos[0] , pos[1]);  
		ToolTip.style.visibility = "visible";
		initialize = true;
	}
	
	function deActivate() 
	{ 
		MoveToolTip(0,0);
		ToolTip.style.visibility = "hidden";
		initialize = false;
	}
	
	function MoveToolTip(x, y) 
	{
		ToolTip.style.left = x + 'px';
		ToolTip.style.top = y + 'px';
	}
	
	function ReplaceContent() 
	{
		ToolTip.innerHTML = ContentInfo;
	}
	
	function EnterContent(layerName, TTitle, TContent, width)
	{
		if(!width)width = 250;
		ContentInfo = '<table border="0" width="'+width+'" cellspacing="0" cellpadding="0">'+
		'<tr><td width="100%" bgcolor="#4F4F4F">'+
		'<table border="0" width="100%" cellspacing="2" cellpadding="0">';
		if(TTitle)
		{
			ContentInfo +='<tr><td width="100%" bgcolor='+topColor+'>'+
			'<table border="0" width="100%" cellspacing="0" cellpadding="0" align="center">'+
			'<tr><td width="100%">'+
			'<font class="tooltiptitle">'+TTitle+'</font>'+
			'</td></tr>'+
			'</table>'+
			'</td></tr>';
		}
		ContentInfo += '<tr><td width="100%" bgcolor='+subColor+'>'+
		'<table border="0" width="100%" cellpadding="0" cellspacing="2" align="center">'+
		'<tr><td width="100%">'+
		'<font class="tooltipcontent">'+TContent+'</font>'+
		'</td></tr>'+
		'</table>'+
		'</td></tr>'+
		'</table>'+
		'</td></tr>'+
		'</table>';
		ReplaceContent();
	}
	

<!-- ******************************* END CODE ********************* -->