var switcher=0;
function doControl( myDiv )
{
	myElt = document.getElementById(myDiv);
	myImg = myDiv + "Img";
	if (myElt.className == "panel" )
	{
		myElt.className+="H";
		document.getElementById(myImg).src="/mbs/images/down.gif";
	}	
	else
	{
		myElt.className=myElt.className.replace("H","");
		document.getElementById(myImg).src="/mbs/images/up.gif";
	}
}

function doSwitch( eventsPanel )
{
	if ( switcher % 2 == 0 )
	{	
		document.getElementById("eventTitle").innerHTML = "Today's Events";
		document.getElementById("eventSwitcher").innerHTML = "Go to Sports";
		document.getElementById("eventsPanel").innerHTML = document.getElementById("todayCal").innerHTML;
	}
	else
	{
		document.getElementById("eventTitle").innerHTML = "Today's Sports";
		document.getElementById("eventSwitcher").innerHTML = "Go to Calendar";
		document.getElementById("eventsPanel").innerHTML = document.getElementById("todayGames").innerHTML;
	}
	switcher += 1;
}
//document.onmousedown=grabIt;
//document.onmousemove = dragIt;
//document.onmouseup=dropIt;

var cX=0;
var cY=0;
var myObject = null;

function grabIt(evt) {
	var evt =  (evt) ? evt : ( (window.event) ? window.event : null );
	var myObjID = (evt.target) ? evt.target.id : ( (evt.srcElement) ? evt.srcElement.id : null ) ;
	if ( myObjID.indexOf('drag') != -1 )
		myObject = document.getElementById(myObjID);
	if (myObject)
	{
		myObject.style.zIndex = 100;
		cX = evt.clientX - myObject.offsetLeft;
		cY = evt.clientY - myObject.offsetTop;
		return;
	}
	else
	{
		myObject = null;
		return;
	}
}

function dragIt(evt) {
	evt =  (evt) ? evt : ( (window.event) ? window.event : null );
	if (myObject)
	{
		myObject.style.left = evt.clientX - cX + 'px';
		myObject.style.top = evt.clientY - cY + 'px';
		return false;
	}
}

function dropIt() {
	if (myObject)
	{
		myObject.style.zIndex = 0;
		myObject = null;
		return false;
	}
}