var reshide1;
var reshide2;
var abouthide;

var buttonmore = 'read more details';
var buttonless = 'hide details';


window.onload=function(){
	
	if (document.getElementById('res1hidename')) {
		document.getElementById('res1hidename').onclick = function () {expcol1('res1hidename');}
		document.getElementById('res1hidename').onmouseover = function () {colorswap(true,'res1hidename');}
		document.getElementById('res1hidename').onmouseout = function () {colorswap(false, 'res1hidename');}
		reshide1 = new fx.Height('res1hide');
		expcol1('res1hidename');
	}

	if (document.getElementById('res2hidename')) {
		document.getElementById('res2hidename').onclick = function () {expcol2('res2hidename');}
		document.getElementById('res2hidename').onmouseover = function () {colorswap(true,'res2hidename');}
		document.getElementById('res2hidename').onmouseout = function () {colorswap(false, 'res2hidename');}
		reshide2 = new fx.Height('res2hide');
		expcol2('res2hidename');
	}
	
	if (document.getElementById('abouthidename')) {
		document.getElementById('abouthidename').onclick = function () {expabout('abouthidename');}
		document.getElementById('abouthidename').onmouseover = function () {colorswap(true,'abouthidename');}
		document.getElementById('abouthidename').onmouseout = function () {colorswap(false, 'abouthidename');}
		abouthide = new fx.Height('abouthide');
		expabout('abouthidename');
	}

}



function colorswap(swap, id) {
	if (swap == true) {
	 	document.getElementById(id).style.backgroundColor = "#999";
		document.getElementById(id).style.color = "#fff";
		document.getElementById(id).style.cursor = "pointer";		
	}
	else
	{
		document.getElementById(id).style.backgroundColor = "#e7e7e7";
		document.getElementById(id).style.color = "#3366CC";
		document.getElementById(id).style.cursor = "pointer";	
	}
}

function expcol1(id) {
reshide1.toggle();
var e = document.getElementById(id);

if (e.innerHTML == buttonmore) {
	e.innerHTML = buttonless; 
	}
	else
	{
		e.innerHTML = buttonmore;
	}
}


function expcol2(id) {
reshide2.toggle();
var e = document.getElementById(id);

if (e.innerHTML == buttonmore) {
	e.innerHTML = buttonless; 
	}
	else
	{
		e.innerHTML = buttonmore;
	}
}


function expabout(id) {
abouthide.toggle();

var e = document.getElementById(id);

if (e.innerHTML == buttonmore) {
	e.innerHTML = buttonless;
	}
	else
	{
		e.innerHTML = buttonmore;
	}
}