function select(obj) {
	if (obj) {
		obj.prevSelected = (obj.className.indexOf('selected') >= 0);
		if (!obj.prevSelected)
			obj.className += ' selected';
	}
}

function deselect(obj) {
	if (obj) {
		if (!obj.prevSelected) {
			var reg = new RegExp("(selected)", "g");
			obj.className = obj.className.replace(reg, " ");
		}
	}
}

function toggleVisibility(id) {
	var el = document.getElementById(id);
	if (el) {
		if (el.style.display == 'none') el.style.display = 'block';
		else if (el.style.display == 'block') el.style.display = 'none';
	}
}

function toggleArticle(id) {
	var el = document.getElementById("content" + id);
	// toggle content
	if (el) {
		// update text
		if (el.style.display == 'none') {
			showArticle(id);
		}
		else if (el.style.display == 'block') {
			hideArticle(id);
		}
	}
}

function hideArticle(id) {
	var el = document.getElementById("content" + id);
	// toggle content
	if (el) {
		// update text
		var control = document.getElementById("control" + id);
		el.style.display = 'none';
		control.innerHTML = 'mostrar';
		el.parentNode.parentNode.style.borderColor = '#444444';
		el.parentNode.parentNode.style.backgroundColor = '#333333';
	}
	// toggle image
	var img = document.getElementById("img" + id);
	if (img) {
		img.style.display = 'none';
	}
}

function showArticle(id) {
	var el = document.getElementById("content" + id);
	// toggle content
	if (el) {
		// update text
		var control = document.getElementById("control" + id);
		el.style.display = 'block';
		control.innerHTML = 'ocultar';
		el.parentNode.parentNode.style.borderColor = '#777777';
		el.parentNode.parentNode.style.backgroundColor = '#444444';
	}
	// toggle image
	var img = document.getElementById("img" + id);
	if (img) {
		img.style.display = 'block';
	}
}

function showAllArticles() {
	for (var i=0; i<ids.length; i++) {
		showArticle(ids[i]);
	}
}

function hideAllArticles() {
	for (var i=0; i<ids.length; i++) {
		hideArticle(ids[i]);
	}
}

function slideContent(inputId, direction)
{
	var obj = document.getElementById(inputId);

	var height = obj.offsetHeight;
	height -= 10;
	obj.style.marginTop = height + 'px';
	setTimeout('slideContent(' + inputId + ', -1)', 500);
}