function hide(id) {
	return $('#'+id).hide();
}

function show(id) {
	return $('#'+id).fadeIn();
}

function setClassName(id, classname) {
	return $('#'+id).attr('class', classname);
}

function showGroup(id) {
	var c, i;
	for (i=0;i<4;i++) {
		if (id != i) {
			hide('g'+i);
			setClassName('a'+i, '');
			setClassName('l'+i, '');
		} else {
			setClassName('a'+i, 'sel');
			setClassName('l'+i, 'sel');
			if (c = show('g'+id)) {
				c.attr("class", 'grupo gabas');
			}
		}
	}
	return false;
}

var bodyOnLoad = function() {
	show('abas');
	showGroup(0);
}

addListener(window, 'load', bodyOnLoad);