/** 
* @class FormattingHelpers
* Functions used with the perl module of the same name
* @author Robert Buels <rmb32@cornell.edu>
*
*/

if (typeof(JSAN) != 'undefined') {
    JSAN.use("MochiKit.DOM", []);
    JSAN.use("MochiKit.Iter", []);
    JSAN.use("MochiKit.Signal", []);
    //JSAN.use("MochiKit.Logging", []);
}

var CXGN;
if(!CXGN) CXGN = {};
if(!CXGN.Page) CXGN.Page = {};
if(!CXGN.Page.FormattingHelpers) CXGN.Page.FormattingHelpers = {};

//////////////////////////////////////////////////////////////////////
// for two-level select box (see CXGN::FormattingHelpers::twolevel_selectbox_html)
//////////////////////////////////////////////////////////////////////
//low-level function to set the options in a select box from a passed array of options
CXGN.Page.FormattingHelpers.set_selectbox_options = function(selbox,options) {
  //save what option we've selected
  var selected_option = selbox.options[selbox.selectedIndex];
  selbox.options.length = 0;
  var new_selected_index = 0;
  for(i=0; i<options.length; i++) {
    selbox.options[i] = options[i];
    if(options[i].text == selected_option.text) {
      new_selected_index = i;
    }
  }
  selbox.selectedIndex = new_selected_index;
};
  
//update the contents of the dependent selection box based on what's
//selected in the parent selection box
//used by CXGN::FormattingHelpers::hierarchical_selectboxes_html
//args: parentindex - array index of selected option in parent selectbox
//      optionset   - 2D array of options to be placed in the child selectbox
//      dependent   - child selectbox object
CXGN.Page.FormattingHelpers.update_hierarchical_selectbox = function(parentindex,optionset,dependent) {
  CXGN.Page.FormattingHelpers.set_selectbox_options(dependent,optionset[parentindex]);
};


CXGN.Page.FormattingHelpers.update_numerical_range_input = function(id,unitstr) {
  var range = id+'_r';
  var value2 = id+'_2';
  var middle = id+'_m';
  var end    = id+'_e';
  document.getElementById(value2).style.visibility= ( (document.getElementById(range).value=='bet') ? 'visible' : 'hidden' );
  document.getElementById(end).style.visibility= ( (document.getElementById(range).value=='bet') ? 'visible' : 'hidden' );
  document.getElementById(middle).innerHTML = ( (document.getElementById(range).value=='bet') ? 'and' : unitstr );
  document.getElementById(end).innerHTML = ( (document.getElementById(range).value=='bet') ? unitstr : 'and' );
};


// used by FormattingHelpers::modesel() to make the mode selection buttons feel more responsive
CXGN.Page.FormattingHelpers.modesel_switch_highlight =  function(frombutton,tobutton) {
  var id_leaves      = new Array( '_bl','_b','_br','_l','_c','_r','_tl','_t','_tr');
  var needs_fg_image = new Array(   1,    0,    1,   1,   0,   1,    1,   0,    1 );
  var image_file_name = new Array('<img class="modesel" src="/documents/img/modesel','.gif" alt="" />');

  for(var i=0;i<id_leaves.length;i++) {
    if(frombutton) {
      document.getElementById(frombutton+id_leaves[i]).className = 'modesel'+id_leaves[i];
    }
    document.getElementById(tobutton+id_leaves[i]).className = 'modesel'+id_leaves[i]+'_hi';
    
    if(needs_fg_image[i]) {
      if(frombutton) {
	document.getElementById(frombutton+id_leaves[i]).innerHTML = 
	  image_file_name[0] + id_leaves[i] + image_file_name[1];
      }
      document.getElementById(tobutton+id_leaves[i]).innerHTML = 
	image_file_name[0] + id_leaves[i] + '_hi' + image_file_name[1];
    }
  }
};

CXGN.Page.FormattingHelpers.set_up_all_optional_show =  function() {
  //spice up all the optional show elements
  MochiKit.Iter.forEach(  MochiKit.DOM.getElementsByTagAndClassName('a','html_optional_show'),
			  function(mylink) {
			    var mydiv = document.getElementById(mylink.id+'_optional_content');
			    if( mydiv ) {
			      var on_by_default = MochiKit.DOM.hasElementClass(mylink,'hos_default_show'); //true if this is open by default
			      var os_active_class = MochiKit.DOM.getNodeAttribute(mylink,'class').split(' ').pop();
			      //MochiKit.Logging.log('with class '+os_active_class);
			      var visible_display = mydiv.style.display; //display to use when visible
			      var toggle_my_content = function() {
				if(mydiv.style.display == 'none') {
				  mydiv.style.display = visible_display;
				  MochiKit.DOM.addElementClass( mydiv, os_active_class);
				  MochiKit.DOM.addElementClass( mylink,  os_active_class);
				} else {
				  mydiv.style.display = 'none';
				  MochiKit.DOM.removeElementClass( mydiv, os_active_class);
				  MochiKit.DOM.removeElementClass( mylink,  os_active_class);
				}
			      };
			      MochiKit.Signal.connect(mylink, 'onclick', toggle_my_content);
			      //the elements always start out shown for people that have no javascript
			      //so turn them off here now if they're not on by default
			      if( ! on_by_default) {
				toggle_my_content();
			      }
			    }
			  }
			 )

};


//insert stuff here that need to be done to formattinghelpers elements on document load
MochiKit.DOM.addLoadEvent(function() {

			    //set up all the elements made by html_optional_show
			    CXGN.Page.FormattingHelpers.set_up_all_optional_show();

			  });