var gochampaign;
var transitionID;
var transition = false;

function gochampaignInit() {
	gochampaign = document.getElementById("gochampaign");
	gochampaign.onmouseover = function() {
		if (!transition) {
			transition = true;
			transitionID = setInterval("expand()",40);
		}
	}
	gochampaign.hide = function() {
		if (!transition) {
			transition = true;
			transitionID = setInterval("collapse()",40);
		}
	}
	gochampaign.active = false;
	gochampaign.opened = 340;
	gochampaign.closed = 16;
	
}

function expand () {
	var e = document.getElementById("gochampaign");
	var total = e.opened;
	var w = e.offsetWidth;
	var delta;
	if (w >= total) {
		clearInterval(transitionID);
		transition = false;
	} else {
		delta = (total - w) * 0.5;
		if (delta < 1) delta = 1;
		e.style.width = (w + delta)+"px";
	}

}

function collapse () {
	var e = document.getElementById("gochampaign");
	var total = e.opened;
	var closed = e.closed;
	var w = e.offsetWidth;
	var delta;
	if (w <= closed) {
		clearInterval(transitionID);
		transition = false;
	} else {
		delta = (total - w) * .5;
		if (delta < 1) delta = 1;
		if (w - delta < closed) e.style.width = closed+"px";
		else e.style.width = (w - delta)+"px";
	}

}