var oTab = {
	/**
		Initialize the tabs given list of span in tabs div
		Note: only use for IE browser
	**/
	init: function() {
		if( !document.all ) return;
		
		var oItem;
		var e = document.getElementById("tabs");
		if(e) {
			var tab = e.getElementsByTagName("span");
			for(var i=0; i < tab.length; i++) {
				oItem = tab[i];
				oItem.onmouseover=oTab.onmouseover;
				oItem.onmouseout=oTab.onmouseout;
				//oItem.onclick=oTab.onclick;
			}
		}
	},
	
	onclick: function(evt) {
		var e = evnt.getSrcElement(evt);
		document.location.href=e.getElementsByTagName("A")[0].href;
	},
	
	onmouseover: function() {
		var e = evnt.getSrcElement(null);	

		if( e.tagName == "A" ) {
			e = e.parentElement;
		}
		
		if( e.className != "tab selected" ) {
			e.className = "tab hover";
		}
	},
	
	onmouseout: function() {		
		var e = evnt.getSrcElement(null);

		if( e.tagName == "A" ) {
			e = e.parentElement;
		}
		
		if( e.className != "tab selected" ) {
			e.className = "tab";
		}
	}
}