var timerlen = 5;
var slideAniLen = 150;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();
var openSlide = "";

function slidedown(objname){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible

        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname);
      openSlide = objname;
      document.getElementById(objname+"-plus").style.background='url(/mathematicaImages/RootArrowDown.gif)';
      document.getElementById(objname+"-plus").style.backgroundRepeat = 'no-repeat';
      document.getElementById(objname+"-link").style.backgroundColor='white';
      document.getElementById(objname+"-title").style.color='#cc0000';
}

function slideup(objname){
  if (moving[objname])
    return;

  if (document.getElementById(objname).style.display == "none")
    return; // cannot slide up something that is already hidden

  moving[objname] = true;
  dir[objname] = "up";
  startslide(objname);
  if (openSlide==objname) { openSlide=''; }
  if (document.getElementById(objname)._highlight == true) {
    document.getElementById(objname+"-title").style.color='#cc0000';
    document.getElementById(objname+"-plus").style.background='url(/mathematicaImages/RootArrowRed.gif)';
  } else {
    document.getElementById(objname+"-plus").style.background='url(/mathematicaImages/RootArrow.gif)';
    document.getElementById(objname+"-title").style.color='#2c2c2c';
  }
  document.getElementById(objname+"-plus").style.backgroundRepeat = 'no-repeat';
  document.getElementById(objname+"-link").style.backgroundColor='white';
}

function startslide(objname){
        obj[objname] = document.getElementById(objname);

        endHeight[objname] = parseInt(obj[objname].style.height);
        startTime[objname] = (new Date()).getTime();

        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }

        obj[objname].style.display = "block";

        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

function slidetick(objname){
  var elapsed = (new Date()).getTime() - startTime[objname];

  if (elapsed > slideAniLen)
    endSlide(objname)
  else {
    var d = Math.round(elapsed / slideAniLen * endHeight[objname]);
    if (dir[objname] == "up")
      d = endHeight[objname] - d;
    obj[objname].style.height = d + "px";
  }
  return;
}

function endSlide(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "up")
                obj[objname].style.display = "none";

        obj[objname].style.height = endHeight[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}

function highlightOn(objname) {
  document.getElementById(objname)._highlight = true;
  if (document.getElementById(objname).style.display == 'none') {
    document.getElementById(objname+"-plus").style.background='url(/mathematicaImages/RootArrowRed.gif)';
    document.getElementById(objname+"-plus").style.backgroundRepeat = 'no-repeat';
    document.getElementById(objname+"-title").style.color='#cc0000';
  } else {
    document.getElementById(objname+"-plus").style.background='url(/mathematicaImages/RootArrowDown.gif)';
    document.getElementById(objname+"-plus").style.backgroundRepeat = 'no-repeat';
  }
}

function highlightOff(objname) {
  document.getElementById(objname)._highlight = false;
  if (document.getElementById(objname).style.display == 'none') {
    document.getElementById(objname+"-plus").style.background='url(/mathematicaImages/RootArrow.gif)';
    document.getElementById(objname+"-plus").style.backgroundRepeat = 'no-repeat';
    document.getElementById(objname+"-title").style.color='#2c2c2c';
  } else {
    document.getElementById(objname+"-plus").style.background='url(/mathematicaImages/RootArrowDown.gif)';
    document.getElementById(objname+"-plus").style.backgroundRepeat = 'no-repeat';
  }
}

function toggleSlide2(objname){
  if(document.getElementById(objname).style.display == "none"){
    // div is hidden, so let's slide down
    slidedown(objname);
  } else {
    // div is not hidden, so slide up
    slideup(objname);
  }
}

function toggleSlide(objname){
  if (pageloaded ==1) {
    if (openSlide != "") { toggleSlide2(openSlide); }
    toggleSlide2(objname);
  }
}

function trace( msg ){
  if( typeof( jsTrace ) != 'undefined' ){
    jsTrace.send( msg );
  }
}

var divNames = ["scenarios1","scenarios2","scenarios3","scenarios4","scenarios5","scenarios6","scenarios7","scenarios8"];
var pageloaded=0;
function init() {
	for (x=0;x<divNames.length;x++) {
		var theDiv = document.getElementById(divNames[x]);

		//position offscreen
		theDiv.style.display='block';
		theDiv.style.position='absolute';
		theDiv.style.left='-1000px';

		//measure height
		trace(theDiv.scrollHeight);
		theDiv.style.height=theDiv.scrollHeight;
		
		//position back in place
		theDiv.style.display='none';
		theDiv.style.position='static';
		theDiv.style.left='0px';
		theDiv.style.overflow='hidden';
  }
	pageloaded=1;
		
  function loadpanel(url) {
    toggleSlide('scenarios' + url);
  }

function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split("&");
	for (var i=0;i<vars.length;i++) {
		var pair = vars[i].split("=");
	if (pair[0] == variable) {
	return pair[1];
	}}
}

qvar = getQueryVariable('panel');
if (qvar == undefined) { } else {loadpanel(qvar);}

	}
$(document).ready(init);

