window.onload=init;
function init() {
	var t = document.getElementById('tabs');
	if (t) {
		tbs = t.getElementsByTagName('A');
		for (var i=0;i<tbs.length;i++) {
		Element.extend(tbs[i]);
		tbs[i].observe('click',showTab);
		tbs[i].observe('mouseover',tabOver);
		tbs[i].observe('mouseout',tabOut);
	}
	}
}

function tabOver() {
	oldSrc = this.childNodes[0].src;
	var src = oldSrc.substr(0,oldSrc.length-5);
	this.childNodes[0].src = src + 'S.png';
}

function tabOut() {
	this.childNodes[0].src = oldSrc;
}

function showTab() {
	document.getElementById('twit').style.display = 'none';
	document.getElementById('test').style.display = 'none';
	document.getElementById('vid').style.display = 'none';
	document.getElementById(this.id.substring(0,this.id.length-1)).style.display = 'block';
	for (var i=0;i<tbs.length;i++) { // for each tab, turn it off
		var e = tbs[i].childNodes[0];
		var src = e.src.substr(0,e.src.length-5);
		e.src = src + '0.png';
	}
	var e = this.childNodes[0]; // now turn the selected tab on
	var src = e.src.substr(0,e.src.length-5);
	e.src = oldSrc = src + '1.png';
}