function showhide(id) {
	x = document.getElementById(id).style;
	y = document.getElementById('showhidelink').style;
	y.display = (!y.display) ? 'none' : '';
	x.display = (!x.display) ? 'none' : '';
}
function addMoreLessInfoLinks() {
	var desc_short = document.getElementById('cat_desc_short');
	var more_span = document.createElement('span');
	var more_link = document.createElement('a');
	more_link.href = 'javascript:;';
	more_link.innerHTML = 'show more info';
	more_link.setAttribute("onclick","showhide('cat_desc_long')"); //no need for wrapper
	more_link.setAttribute("onkeypress","showhide('cat_desc_long')");
	more_span.id = 'showhidelink';
	more_span.innerHTML = '(';
	more_span.appendChild(more_link);
	more_span.innerHTML += ')';
	desc_short.appendChild(more_span);
	
	var desc_long = document.getElementById('cat_desc_long');
	var less_span = document.createElement('span');
	var less_link = document.createElement('a');
	var less_p = document.createElement('p');
	less_link.href = 'javascript:;';
	less_link.innerHTML = 'hide info';
	less_link.setAttribute("onclick","showhide('cat_desc_long')");
	less_link.setAttribute("onkeypress","showhide('cat_desc_long')");
	less_span.innerHTML = '(';
	less_span.appendChild(less_link);
	less_span.innerHTML += ')';
	less_p.appendChild(less_span);
	desc_long.appendChild(less_p);
}
myAddEvent(window,'onload',function(){document.getElementById('cat_desc_long').style.display = 'none';})
myAddEvent(window,'onload',addMoreLessInfoLinks);