function toggle(targetid,leftcol,rightcol,main)
{

	if(document.getElementById)
	{
		target = document.getElementById(targetid);
			if(target.style.display == "none")
			{
				target.style.display = "";
				setHeight(leftcol,rightcol,main);
							
			}
			
			else
			{
				target.style.display = "none";
				setHeight(leftcol,rightcol,main);
								
				
			}
		}
}

function togglehide(targetid,leftcol,rightcol,main)
{

	if(document.getElementById)
	{
		target = document.getElementById(targetid);
		if(target.style.display == "")
		{
			target.style.display="none";
			setHeight(leftcol,rightcol,main);			
		}
		else
		{
			target.style.display = "";
			setHeight(leftcol,rightcol,main);
			
		}
	}
}


function setHeight(firstele, secondele,thirdele)
{
	var first = document.getElementById(firstele);
	var second = document.getElementById(secondele);
	var third = document.getElementById(thirdele);
	first.style.height = 'auto';
	second.style.height = 'auto';
	third.style.height = 'auto';
	var x = first.offsetHeight;
	var y = second.offsetHeight;
	var z = third.offsetHeight;
	
	
	if((y < x) &&( z < x))
	{
		second.style.height = x + "px";
		third.style.height = x + "px";
		//first.style.height  = x + "px";
	}
	else if((x < z) && (y < z))
	{
		first.style.height = z + "px";
		second.style.height = z + "px";
	}
	
	else if(( x < y) && (z < y))
	{
		
		first.style.height = y + "px";
		third.style.height = y + 5 + "px";
		second.style.height = y  + "px";
		//second.style.height = y + "px";
				
	}
}


