// this script makes an element appear by changing the CSS display value and the text of the trigger button.

function show_element(elem, btn, txt) {
	// cannot use below because this function is called after window load= must be a preprocessed function
	
	 /* var att_elem = document.getElementById(elem).style.display;
	var att_id = document.getElementById(elem);
	
	window.onload = check;
	
		function check() {
			if(!isset(att_elem)) {
			var att_elem = 'none';
			} else {
			att_id.setAttribute('style', 'display: none;');
			}
		}
		*/
	
	if(document.getElementById(elem).style.display == 'none') {
		document.getElementById(elem).style.display = 'block';
		//document.getElementById(btn).innerHTML = txt + ' (Hide)';
		document.getElementById(btn).className = 'refine_activateShown';
		document.getElementById(btn).style = 'z-index: 4;';
	} else {
		document.getElementById(elem).style.display = 'none';
		document.getElementById(btn).className = 'refine_activate';
		//document.getElementById(btn).innerHTML = txt;
	}
}

// this is used for Light Room- to colapse entries when the user views all entries on one page

function entry(id, img, src_shown, src_hidden) {
	var source = document.getElementById(img);
	var element = document.getElementById(id);
	
	if(element.style.display == 'none') {
		source.src = src_shown;
		element.style.display = 'block';
	} else {
		source.src = src_hidden;
		element.style.display = 'none';
	}
}