var gvan_htms     = new Array ( ) ; 
var gvan_buttons  = new Array ( ) ;
var gvas_colors   = new Array ( ) ;
var gvan_stars    = new Array ( ) ;





gvan_htms   .push( "index"                   ) ; // as in index.htm 
gvan_buttons.push( "CAMPAIGN HOME"           ) ;
gvas_colors .push( "rgb( 255 , 133 , 0 )"    ) ;
gvan_stars  .push( "star_menu_orange.png"    ) ;


gvan_htms   .push( "message_from_the_chairs" ) ; // as in message_from_the_chairs.htm
gvan_buttons.push( "MESSAGE FROM THE CHAIRS" ) ;
gvas_colors .push( "rgb( 35 , 103 , 164 )"   ) ;
gvan_stars  .push( "star_menu_blue.png"      ) ;


gvan_htms   .push( "campaign_goals"          ) ;
gvan_buttons.push( "CAMPAIGN GOALS"          ) ;
gvas_colors .push( "rgb( 255 , 133 ,   0 )"  ) ;
gvan_stars  .push( "star_menu_orange.png"    ) ;


gvan_htms   .push( "alumni_campaign"         ) ;
gvan_buttons.push( "ALUMNI CAMPAIGN"         ) ;
gvas_colors .push( "rgb( 223 ,  93 , 160 )"  ) ;
gvan_stars  .push( "star_menu_pink.png"      ) ;


gvan_htms   .push( "donor_profiles"          ) ;
gvan_buttons.push( "DONOR PROFILES"          ) ;
gvas_colors .push( "rgb( 151 , 38 , 127 )"   ) ;
gvan_stars  .push( "star_menu_purple.png"    ) ;


gvan_htms   .push( "ways_to_give"            ) ;
gvan_buttons.push( "MAKE A GIFT"            ) ;
gvas_colors .push( "rgb( 177 , 130  , 57 )"  ) ;
gvan_stars  .push( "star_menu_gold.png"      ) ;


gvan_htms   .push( "campaign_progress"       ) ;
gvan_buttons.push( "CAMPAIGN PROGRESS"       ) ;
gvas_colors .push( "rgb( 169 , 191 , 92 )"   ) ;
gvan_stars  .push( "star_menu_green.png"     ) ;


gvan_htms   .push( "steering_committee"      ) ;
gvan_buttons.push( "STEERING COMMITTEE"      ) ;
gvas_colors .push( "rgb( 114 , 123 ,  66 )"  ) ;
gvan_stars  .push( "star_menu_olive.png"     ) ;




//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 
//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 
//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 
//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 
//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 
//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 
//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 
//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 
//------------------ DON'T MESS WITH ANYTHING BELOW THIS LINE 


var gvn_nav       = "navigation_container"                                                                   ;
var gvi_nob       = gvan_buttons.length                                  ; // number of buttons
var gvs_extension = ".htm" ;

//var gvi_sw                 = 800                            ; // pixels , standardized width 
//var gvi_sh                 = 600                            ; // pixels , standardized width 

//var gvi_nav_t              =  93                            ; // pixels , determined in fireworks 
//var gvi_nav_l              =   0                            ; // pixels , determined in fireworks 
//var gvi_nav_w              = 200                            ; // pixels , determined in fireworks 

//var gvi_bw                 = 143                            ; // pixels , determined in fireworks
var gvi_bh                 =  15                            ; // pixels , determined in fireworks

var gvi_gh                 =  15                            ; // gap height  , pixels , determined in fireworks
//var gvi_iw                 = 100                            ; // image width, pixels , determined in fireworks
//var gvi_ish              = - ( ( gvi_iw - gvi_bw ) / 2 ); // pixels , determined in fireworks
//var gvi_i_excess           =  gvi_iw - gvi_bw               ; // pixels , determined in fireworks

//------------------------------------------------------------------------------------------
var gvi_nav_h_px      = m_set_nav_div_properties ( ) ;

var gvi_bh_pt_rel_nav = m_determine_bh_rel_nav   ( ) ; // percentage of nav width
//alert("js , bh_pt_rel_nav : " + gvi_bh_pt_rel_nav ) ;
var gvs_nav = m_build_nav_sting ( ) ;
  
m_set_inner_HTML ( ) ; 
 
function m_highlight_active_button ( )
  { var lvn_htm = m_extract_name_from_URL ( ) ;
    document.getElementById( lvn_htm + "_button_active" ).style.visibility = 'visible' ; 
    
	var lvi_index = gm_get_index( lvn_htm  ) ;
	var lvs_color = gvas_colors [ lvi_index ] ;
	//for ( var lvi_i = 0 ; lvi_i < gvan_htms.length ; lvi_i++ )
	//  { if ( gvan_htms[ lvi_i ] == lvn_file ) 
	//      { var lvs_color =  gvas_colors[ lvi_i ] ;
	//	    break ; 
	//	  } ;
	//  } ;
	document.getElementById( lvn_htm + "_button_active" ).style.borderBottom = 'solid 1px  ' + lvs_color ;
	document.getElementById( lvn_htm + "_button_active_p" ).style.color      = lvs_color ;
	document.getElementById( lvn_htm + "_button_star"     ).style.visibility = "visible"  ;
  }; 
m_highlight_active_button ( )
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
function m_extract_name_from_URL ( ) 
  { //C:\Documents and Settings\Owner\My Documents\toddanddotty\OpenHouse3d\webpage\index.htm
    var lvn = "" ;
    
	var lvs_URL = document.URL ;
	var lvi_last_slash = lvs_URL.lastIndexOf( "\\" ) ;
	if ( lvi_last_slash == -1 )
	  { lvi_last_slash = lvs_URL.lastIndexOf( "/" ) ;
	  } 
	lvn = lvs_URL.substring ( lvi_last_slash + 1 , lvs_URL.lastIndexOf( "." ) - 0 ) ;
	
    return lvn ;
  };
  //myname = "George"
  //myname.charAt(3)
  //myname.lastIndexOf("e")
  //myname.substring(12,15)

//--------------------------------------------------------------------------------
function m_set_nav_div_properties( ) 
  { var lvi_nav_h_px = ( gvi_nob * gvi_bh ) + ( ( gvi_nob - 1 ) * gvi_gh ) ; // pixels
    //var lvi_nav_h_pt = lvi_nav_h_px / gvi_sh * 100                         ; // percent
    document.getElementById( gvn_nav ).style.height = lvi_nav_h_px + "px"    ;
	
	//document.getElementById( gvn_nav ).style.left = gvi_nav_l  + "px"     ;
	
	//document.getElementById( gvn_nav ).style.top    = gvi_nav_t + "px"   ;

    //document.getElementById( gvn_nav ).style.width = gvi_nav_w + "px"    ;
	
	//alert ( "js.set_nav_div_props , % : " + lvi_nav_t_pt + " , " + lvi_nav_l_pt + " , " + lvi_nav_w_pt + " , " + lvi_nav_h_pt   ) ;
    return lvi_nav_h_px ;
  } ;

//--------------------------------------------------------------------------------
function m_determine_bh_rel_nav ( )
  { var lvi_bh_pt_rel_nav = gvi_bh / gvi_nav_h_px *100 ;
    return  lvi_bh_pt_rel_nav ;
  }
  
//--------------------------------------------------------------------------------
function m_build_nav_sting ( )
  { var lvs_nav     = "" ;
    for ( var lvi_i = 1 ; lvi_i <= gvi_nob ; lvi_i++ )
      { lvs_nav += m_make_button ( lvi_i , gvan_htms[lvi_i-1] , gvan_buttons[lvi_i-1] ) ;  
      } ;
	return lvs_nav ;
  } ;

//--------------------------------------------------------------------------------
function m_make_button ( argi_index , argn_htm , argn_button )
  { var lvs_html = "" ;
    lvs_html += "    <div id=\"" + argn_htm + "_button_container\"                                                                              ";
    lvs_html += "         class=\"button_container_div_class_l    button_container_div_class_a \"                                               ";
    lvs_html += "		  style=\" top:"    + m_top( argi_index )  + "%;                                                                         ";
    lvs_html += "		           height:" + gvi_bh_pt_rel_nav    + "%; border:solid yellow 0px;\"                                                                      ";
    lvs_html += "	                                                                                                                            ";
    
	lvs_html += "         onmouseover  =\"document.getElementById('" + argn_htm + "_button_normal' ).style.visibility = 'hidden'  ;             ";
    lvs_html += "                         document.getElementById('" + argn_htm + "_button_over'   ).style.visibility = 'visible' ;             ";
    lvs_html += "                         document.getElementById('" + argn_htm + "_button_down'   ).style.visibility = 'hidden'  ; \"          ";
	lvs_html += "	                                                                                                                            ";
    lvs_html += "	       onmouseout  =\"document.getElementById('" + argn_htm + "_button_normal' ).style.visibility = 'visible' ;             ";
    lvs_html += "                         document.getElementById('" + argn_htm + "_button_over'   ).style.visibility = 'hidden'  ;             ";
    lvs_html += "                         document.getElementById('" + argn_htm + "_button_down'   ).style.visibility = 'hidden'  ; \"          ";
    lvs_html += "	                                                                                                                            ";
    lvs_html += "	       onmousedown =\"document.getElementById('" + argn_htm + "_button_normal' ).style.visibility = 'hidden'  ;             ";
    lvs_html += "                         document.getElementById('" + argn_htm + "_button_over'   ).style.visibility = 'hidden'  ;             ";
    lvs_html += "                         document.getElementById('" + argn_htm + "_button_down'   ).style.visibility = 'visible' ; \"          ";
	lvs_html += "	                                                                                                                            ";
    lvs_html += "	       onmouseup   =\"document.getElementById('" + argn_htm + "_button_normal' ).style.visibility = 'visible' ;             ";
    lvs_html += "                         document.getElementById('" + argn_htm + "_button_over'   ).style.visibility = 'hidden'  ;             ";
    lvs_html += "                         document.getElementById('" + argn_htm + "_button_down'   ).style.visibility = 'hidden'  ;             ";
    lvs_html += "                         location.replace('" + argn_htm + gvs_extension + "')                                    ; \"      >   ";

    lvs_html += "	                                                                                                                            ";
    lvs_html += "	                                                                                                                            ";
    lvs_html += "      <div id= \"" + argn_htm + "_button_star\"                                                                              ";
    lvs_html += "           class=\"\"                                                                                                          ";
    lvs_html += "           style=\"position:absolute;left:0px;top:-8px;visibility:hidden;\"                                               >   ";
	lvs_html += "        <img class=\"\"                                                 ";
    lvs_html += "             style=\"\"                                                       ";
    lvs_html += "             src=\"images/" +  gvan_stars[ gm_get_index( argn_htm ) ]  + "\"                                                                          >   ";
	lvs_html += "      </div>                                                                                                                   ";
	lvs_html += "	                                                                                                                            ";
    lvs_html += "      <div id= \"" + argn_htm + "_button_active\"                                                                              ";
    lvs_html += "           class=\"button_active_div_class_l     button_active_div_class_a  oo1oo1oo \"                                               >   ";
	//lvs_html += "        <img class=\"button_active_img_class_l    button_active_img_class_a \"                                                 ";
    //lvs_html += "             style=\"left:" + m_set_button_img_left( argi_index ) +"%;\"                                                       ";
    //lvs_html += "             src=\"images/nav_button_normal.png\"                                                                          >   ";
    lvs_html += "        <p id= \"" + argn_htm + "_button_active_p\"                                                                              ";
    lvs_html += "           class=\"button_active_p_class_l    button_active_p_class_a  button_p \"                                                       ";
    lvs_html += "           align=\"left\"                                                                                                >   ";
    lvs_html += "          " + argn_button + "                                                                                                  ";
    lvs_html += "        </p>                                                                                                                   ";    
	lvs_html += "      </div>                                                                                                                   ";
	lvs_html += "	                                                                                                                            ";
    lvs_html += "      <div id= \"" + argn_htm + "_button_normal\"                                                                              ";
    lvs_html += "           class=\"button_normal_div_class_l     button_normal_div_class_a  oo1oo1oo\"                                               >   ";
	//lvs_html += "        <img class=\"button_normal_img_class_l    button_normal_img_class_a \"                                                 ";
    //lvs_html += "             style=\"left:" + m_set_button_img_left( argi_index ) +"%;\"                                                       ";
    //lvs_html += "             src=\"images/nav_button_normal.png\"                                                                          >   ";
    lvs_html += "        <p class=\"button_normal_p_class_l    button_normal_p_class_a    button_p\"                                                       ";
    lvs_html += "           align=\"left\"                                                                                                >   ";
    lvs_html += "          " + argn_button + "                                                                                                  ";
    lvs_html += "        </p>                                                                                                                   ";    
	lvs_html += "      </div>                                                                                                                   ";
	lvs_html += "	                                                                                                                            ";
    lvs_html += "      <div id= \"" + argn_htm + "_button_over\"                                                                                ";
	lvs_html += "           class=\"button_over_div_class_l     button_over_div_class_a  oo1oo1oo\"                                                   >   ";
	//lvs_html += "        <img class=\"button_over_img_class_l    button_over_img_class_a \"                                                     ";
    //lvs_html += "             style=\"left:" + m_set_button_img_left( argi_index ) +"%;\"                                                       ";
    //lvs_html += "             src=\"images/nav_button_normal.png\"                                                                          >   ";
    lvs_html += "        <p class=\"button_over_p_class_l    button_over_p_class_a     button_p\"                                                           ";
    lvs_html += "           align=\"left\"                                                                                                >   ";
    lvs_html += "          " + argn_button + "                                                                                                  ";
    lvs_html += "        </p>                                                                                                                   ";    
	lvs_html += "      </div>                                                                                                                   ";
	lvs_html += "	                                                                                                                            ";
	lvs_html += "      <div id= \"" + argn_htm + "_button_down\"                                                                                ";
	lvs_html += "           class=\"button_down_div_class_l     button_down_div_class_a   oo1oo1oo\"                                                   >   ";
	//lvs_html += "        <img class=\"button_down_img_class_l    button_down_img_class_a \"                                                     ";
    //lvs_html += "             style=\"left:" + m_set_button_img_left( argi_index ) +"%;\"                                                       ";
    //lvs_html += "             src=\"images/nav_button_normal.png\"                                                                            >   ";
    lvs_html += "        <p class=\"button_down_p_class_l    button_down_p_class_a    button_p\"                                                           ";
    lvs_html += "           align=\"left\"                                                                                                >   ";
    lvs_html += "          " + argn_button + "                                                                                                  ";
    lvs_html += "        </p>                                                                                                                   ";    
	lvs_html += "      </div>                                                                                                                   ";
    lvs_html += "	                                                                                                                            ";
    lvs_html += "    </div>                                                                                                                     ";
    return lvs_html;
  };

//--------------------------------------------------------------------------------
function m_top( argi_index )
  { //alert("js.m_top : " + argi_index ) ;
    var lvi_factor        = argi_index                                                                                       ;
	var lvi_gh_pt_rel_nav = gvi_gh / gvi_nav_h_px * 100                                                                      ;
	var lvi_bt            = ( ( lvi_factor - 1 ) * gvi_bh_pt_rel_nav )    +     ( ( lvi_factor - 1 ) * lvi_gh_pt_rel_nav )   ;
	//alert("js.m_top : " + lvi_bt  ) ;
	return lvi_bt ;
  };

//--------------------------------------------------------------------------------
function gm_get_index( argn_file ) 
  {	for ( var lvi_i = 0 ; lvi_i < gvan_htms.length ; lvi_i++ )
	  { if ( gvan_htms[ lvi_i ] == argn_file ) 
	      { return lvi_i ;
		    //var lvs_color = gvas_colors[ lvi_i ] ;
		    //break ; 
		  } ;
	  } ;
	
  } ;
  
//--------------------------------------------------------------------------------
/*
function m_set_button_img_left( argi_index )
  { //-30/90*100
    var lvi_ish_rel_bu   =   gvi_i_excess / gvi_bw * 100         ;
	//alert  ( gvi_i_excess + "  ,  "  + lvi_ish_rel_bu ) ;
    
	if      ( argi_index >= 1 && argi_index < gvi_nob ) 
	  { var lvi_bil = -1 * lvi_ish_rel_bu ; 
	  }
	else if ( argi_index == gvi_nob ) 
	  { var lvi_bil =  0 * lvi_ish_rel_bu   ;
	  } ;
	return lvi_bil ;
  };
*/

//--------------------------------------------------------------------------------
function m_set_inner_HTML ( ) 
  { document.getElementById( gvn_nav ).innerHTML = gvs_nav;
  } ;












//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
function SAFE_m_make_button ( argi_index , argn_htm , argn_button )
  { var lvs_html = "";
    lvs_html += "    <div class=\"button-default\"                                                                                ";
    lvs_html += "		  style=\" width:"+gvs_bw+";  height:"+gvs_bh+";  left:"+m_left( argi_index )+"; top: 0px;\"              ";
    lvs_html += "          onmouseover =\"this.className='button-over';                  \"                                       ";
    lvs_html += "	       onmouseout  =\"this.className='button-default';              \"                                        ";
    lvs_html += "	       onmousedown =\"this.className='button-down';                 \"                                        ";
    lvs_html += "	       onmouseup   =\"location.replace('" + argn_htm + ".htm')   \"  >                                        ";
    lvs_html += "      <font style=\"font-size=" + gvi_bw * 2 / 3 + "pt;\">                                                       ";
    lvs_html += "        " + argn_button + "                                                                                      ";
    lvs_html += "      </font>                                                                                                    ";
    lvs_html += "    </div>                                                                                                       ";
    return lvs_html;
  };