var oldtip = null;

function showTip(id) {
	var obj = document.getElementById(id);	
	if(obj.style.visibility == "visible") {
		obj.style.visibility = "hidden";
		obj.style.zIndex = "2";
		oldtip = null;
	}
	else {
		if(oldtip != null) {
			oldtip.style.visibility = "hidden";
			oldtip.style.zIndex = "2";
		}
		obj.style.visibility = "visible";
		obj.style.zIndex = "10";
		obj.style.top = -(obj.offsetHeight).toString(10) + "px";
		oldtip = obj;
	}
}

function hideTip(id) {
	var obj = document.getElementById(id);
	obj.style.visibility = "hidden";
	obj.style.zIndex = "2";
	oldtip = null;
}


function collapseZone(id) {
	var obj = document.getElementById(id);
	if(obj == null) return;
	if(obj.style.display == "none" || obj.style.display == "") {
		obj.style.display = "block";
	}
	else {
		obj.style.display = "none";
	}
}

/* Collapses a zone and selects an element in a dropdown */
function avatar(zone,dropdown,element) {
	var d = document.getElementById(dropdown);
	for(var i=0;i<d.options.length;i++) {
		var opt = d.options[i];
		if(opt.value == element) {
			d.selectedIndex = i;
			break;
		}
	}
	collapseZone(zone);
}

function havatar(obj) {
	obj.className="collapseimg2";
}

function lavatar(obj) {
	obj.className="collapseimg";
}