/***********************************************
* Show and Hide layer script 
***********************************************/

function getObj(name)
{
	if (document.getElementById)
	{
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	}
	else if (document.all)
	{
		this.obj = document.all[name];
		this.style = document.all[name].style;
	}
	else if (document.layers)
	{
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}

function toggleLayerOnOff(layername) {
	thelayer = new getObj(layername);
	if (thelayer.style.display == 'none'){
		thelayer.style.display = '';
		return 1;
	} else {
		thelayer.style.display = 'none';
		return 0;
	}
}

function layerDisappear(layername){
	thelayer = new getObj(layername);
	thelayer.style.display = 'none';
}

function layerAppear(layername){
	thelayer = new getObj(layername);
	thelayer.style.display = '';
}

var divStyle = 'border: 1px solid #aaaaaa';

function layerExpandToggle(layername,buttonname){
	thelayer = new getObj(layername);
	thebutton = new getObj(buttonname);
	//alert(thelayer.obj.scrollHeight + ' scrollHeight');
	//alert(thelayer.obj.clientHeight + ' clientHeight');
	if (thelayer.style.overflow == 'visible'){
		thelayer.style.overflow = 'hidden';
		thebutton.obj.innerHTML = '<div id="bodyhot_textcutoff"><div style="float:left;">Some text is hidden</div><a href="javascript: layerExpandToggle(\'' + layername + '\',\'' + buttonname + '\');">view all</a></div>'
	} else {
		thelayer.style.overflow = 'visible';
		thebutton.obj.innerHTML = '<div id="bodyhot_textcutoff"><div style="float:left;">Showing all text</div><a href="javascript: layerExpandToggle(\'' + layername + '\',\'' + buttonname + '\');">hide</a></div>'
	}
}

function initialiseExpandButton(buttonname,layername){
	thebutton = new getObj(buttonname);
	thelayer = new getObj(layername);
	if (thelayer.obj.scrollHeight <= thelayer.obj.clientHeight){
		layerDisappear(buttonname);
		thelayer.style.overflow = 'visible';
	} else {
		thebutton.obj.innerHTML = '<div id="bodyhot_textcutoff"><div style="float:left;">Some text is hidden</div><a href="javascript: layerExpandToggle(\'' + layername + '\',\'' + buttonname + '\');">view all</a></div>'
		thelayer.style.overflow = 'hidden';
	}
	//alert(thebutton.obj.innerHTML + ' button innerHTML');
}