var boxtop = 0;
var t;
var a;
var x;
var z;

var box = new Array();
box[0] = 'benefits-btn1';
box[1] = 'benefits-btn2';
box[2] = 'benefits-btn3';

var content = new Array();
content[0] = 'btn-content1';
content[1] = 'btn-content2';
content[2] = 'btn-content3';


//adds CSS stylesheet that hides the elements. Gets rid of flicker before page loads!
(function () {
	var head = document.getElementsByTagName("head")[0];
	if (head) {
		var scriptStyles = document.createElement("link");
		scriptStyles.rel = "stylesheet";
		scriptStyles.type = "text/css";
		scriptStyles.href = "../styles/flicker.css";
		head.appendChild(scriptStyles);
	}
}());

function dropBox(a){
	boxtop = 0;
	//reset heights of boxes
	for (i in box){
		document.getElementById(content[i]).style.height= 0 + 'px' ;
		document.getElementById(content[i]).style.overflow = 'hidden';
	}
	document.getElementById(content[a]).style.display = 'block';
	//find height of content, lets text be resized and it will adjust
	z = document.getElementById(box[a]).offsetHeight;
	slideDown(a);
	if(a==0){
		 onclick="javascript: pageTracker._trackPageview('/clicks/health_wellbeing_from_benefits');"
	}
	if(a==1){
		 onclick="javascript: pageTracker._trackPageview('/clicks/fin_security_from_benefits');"
	}
	if(a==2){
		 onclick="javascript: pageTracker._trackPageview('/clicks/yourlife_from_benefits');"
	}
}

function slideDown(a){
	//alert(z);
	if(boxtop <= z){
		//clears the setTimeout, keeps motion from sticking
		clearTimeout(t);
		boxtop = boxtop + 10;
		document.getElementById(content[a]).style.height=boxtop + 'px';
		//reset the variable so when slideDown is called again, it tells itself what it is
		x = a;
		t = window.setTimeout('slideDown(x)', 1);
	}
	if(boxtop>=z){
		document.getElementById(content[a]).style.overflow = 'visible';
		document.getElementById(content[a]).style.height = 'auto';
	}
}

function closeBox(a){
	document.getElementById(content[a]).style.height= 0 + 'px' ;
	document.getElementById(content[a]).style.overflow = 'hidden';
	document.getElementById(content[a]).style.display = 'none';	
}