var gSeriesOpened;

function seriesTabInit() {
	gSeriesOpened = false;
	YAHOO.util.Event.addListener('choose', 'mouseover', hiSeriesTab);
	YAHOO.util.Event.addListener('choose', 'mouseout', loSeriesTab);
	YAHOO.util.Event.addListener('choose', 'click', showSeriesOverlay);
}

function hiSeriesTab(e) {
	var div = document.getElementById('choose');
	div.style.backgroundPosition = '0px -28px';	
}

function loSeriesTab(e) {
	if (gSeriesOpened)
		return;
	var div = document.getElementById('choose');
	div.style.backgroundPosition = '0px 0px';	
}


function showSeriesOverlay(e) {
	if (gSeriesOpened)
		return;
	YAHOO.util.Event.stopEvent(e);
	document.getElementById('selector').style.display = "block";
	var anim = new YAHOO.util.Anim('selector', { opacity: { from: 0, to: 1 } }, 0.1, YAHOO.util.Easing.easeNone);
	anim.animate();
	gSeriesOpened = true;
	YAHOO.util.Event.addListener('selector', 'click', showSeriesOverlay);
	YAHOO.util.Event.addListener(document.body, 'click', hideSeriesOverlay);
}

function hideSeriesOverlay(e) {
	YAHOO.util.Event.removeListener(document.body, 'click', hideSeriesOverlay);
	gSeriesOpened = false;
	var anim = new YAHOO.util.Anim('selector', { opacity: { from: 1, to: 0 } }, 0.1, YAHOO.util.Easing.easeNone);
	anim.animate();
	loSeriesTab(e);
}