// process
  // 1. pane is closed
  // 2. content is switched
  // 3. pane is opened
    
    

    
    
  // ************************************* SHOW PANE *************************************


  var t_open = 147; // top of pane when open
  var l_open = 49; // left of pane when open
  
  var w_open = 617; // width of pane when open
  var h_open = 337;  // height of pane when open
  
  
  var w_closed = w_open/1000; // width of pane when closed
  var h_closed = h_open/1000; // height of pane when closed
  
  var y_centre = t_open + (h_open/2); // centre of pane - stays constant
  var x_centre = l_open + (w_open/2); // centre of pane  - stays constant
  
  var cur_width, cur_height, cur_t, cur_l;
  
  var openSpeed = .23;
  var closeSpeed = .23;
  
  var closing, opening;
  var nextContent = null;
  
  
  function initPane() {
        cur_width = w_closed;
        cur_height = h_closed;
  }


  function openPane() {
	  
      opening = true;
      closing = false;
	  setTimeout(openStep, 10);

  }
  
  function closePane (reopen) {
    opening = false;
    closing = true;
	setTimeout("closeStep("+reopen+")", 10);
  }
  
  function openStep() {
  
    var cont = false;
  
    if (cur_width < w_open) {
      cur_width = cur_width + ((w_open - cur_width)*openSpeed) + 2;
	  cont = true;
	} else {
	  cur_width = w_open;
	}
	
    if (cur_height < h_open) {
      cur_height =  cur_height + ((h_open - cur_height)*(openSpeed-0.03)) + 2;
	  cont = true;
	} else {
	  cur_height = h_open;
	}
	
	placePane ();
	
	update();
	
	if (opening && cont) {
	  setTimeout(openStep, 50);
	}


  }
  
  
  function closeStep(reopen) {
  
    var cont = false; 
  
    if (cur_width > w_closed) {
      cur_width = cur_width - (cur_width*closeSpeed) - 2;
	  cont = true;
	} else {
	  cur_width = w_closed;
	}
	
    if (cur_height > h_closed) {
      cur_height =  cur_height - (cur_height*(closeSpeed-0.01)) - 2;
	  cont = true;
	} else {
	  cur_height = h_closed;
	}
	
	placePane ();
	update();
	
	if (closing && cont) {
	  setTimeout("closeStep("+reopen+")", 50);
	} else if (closing && reopen) {
	    // final step
		switchContent(reopen);
	}


  }
  
  function placePane () {
    cur_t = y_centre - (cur_height / 2);
    cur_l = x_centre - (cur_width / 2);
  }
  
  function update () {
  
    var pane_frame = document.getElementById("pane_frame").style;
    var pane_display = document.getElementById("pane_display").style;
	
	
	if (cur_width == w_closed && cur_height == h_closed) {
	  pane_frame.display = "none";
	} else {
	  pane_frame.display = "block";
	  
	  var cur_t_int = Math.round(cur_t);
	  var cur_l_int = Math.round(cur_l);
	
	  pane_frame.top = cur_t_int+"px";
  	  pane_frame.left = cur_l_int+"px";
	
	  if (cur_width>0) {
	    pane_frame.width = cur_width+"px";
	  } else {
	    pane_frame.width = 1+"px";
	  }
	  if (cur_height>0) {
	    pane_frame.height = cur_height+"px";
	  } else {
	    pane_frame.height = 1+"px";
	  }
	
	//pane_display.left = 0 - ((w_open/2) - (cur_width/2))+"px";
	//pane_display.top = 0  - ((h_open/2) - (cur_height/2))+"px";
	
	pane_display.left = 0 - (cur_l_int - l_open)+"px";
	pane_display.top = 0  - (cur_t_int - t_open)+"px";
	
	}
	
	
  }
  
  function show(section) {
	  
	// stop folio from running in the background
	if (folio_obj != null) {
	  folio_obj.stopFolio();
	} 
	  
	nextContent = section;
	
	closePane(1);
	  
  }
  
  function switchContent(thenOpen) {
	  
	  if (nextContent == null) { return }
	  
	  
	    document.getElementById('content').innerHTML = sections[nextContent]['html'];
		swaplinks('content'); // will check content div for links to sections and swap them with javascript calls
		
		if (thenOpen) {

	       if (nextContent == 'folio') {
		     doWhenSectionLoaded('folio','initfolio();openPane();');
	       } else {
             doWhenSectionLoaded(nextContent,'openPane()');
		   }

        }
	  
  }