// this is a copy of nav.js from goodflagbetsy; because gfb had vertical buttons also, there are unnecessary functions here - but they do not hurt;
// many changes have been made
//alert( "doc.name : " + m_extract_name_from_URL ( )  );




/*
    gvo_nav_interface  is setup by ts_common_nav.php; 

//alert( "ts_common_nav_builder.js , setup , pvs_language : " + gvo_nav_interface[ "pvs_language" ] ) ;
//alert( "ts_common_nav_builder.js , setup , pvs_top_dir  : " + gvo_nav_interface[ "pvs_top_dir"  ] ) ;
*/


                                          
var gvan_htms    =  gvo_nav_interface[ "pvan_htms"    ] ; // [ "index" , "print" , "interactive" , "contact" ] 
var gvan_buttons =  gvo_nav_interface[ "pvan_buttons" ] ; // [ "Home"  , "Print" , "Interactive" , "Contact" ]  OR [ "Domov"  , "Tisk" , "Aplikacije" , "Kontakt" ]




var gvi_nob                = gvan_buttons.length                                  ; // number of buttons


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

var gvi_nav_t              =  38                            ; // pixels , determined in fireworks 
var gvi_nav_r              = 780                            ; // pixels , determined in fireworks 

var gvi_bw                 =  80                            ; // pixels , determined in fireworks
var gvi_bh                 =  20                            ; // pixels , determined in fireworks

var gvi_gw                 =   0                            ; // gap width  , 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 gvn_this_htm      = m_extract_name_from_URL   ( ) ;
//alert( "ts_common_nav_builder.js , setup , pvs_top_dir : " + gvo_nav_interface[ "pvs_top_dir" ] ) ;

//------------------------------------------------------------------------------------------
var gvi_nav_w_px      = m_set_nav_div_properties  ( ) ;
var gvi_bw_pt_rel_nav = m_determine_bw_rel_nav    ( ) ; // percentage of nav width
var gvs_nav           = m_build_nav_sting         ( ) ;
var gv_trash_A        = m_set_inner_HTML          ( ) ; 
//var gv_trash_B      = m_highlight_active_button ( ) ;

//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
function m_set_nav_div_properties( ) 
  { var lvi_nav_w_px = ( gvi_nob * gvi_bw ) + ( ( gvi_nob - 1 ) * gvi_gw ) ; // pixels
    var lvi_nav_w_pt = lvi_nav_w_px / gvi_sw * 100                         ; // percent
    document.getElementById("nav_div").style.width = lvi_nav_w_pt + "%"    ;
	
	var lvi_nav_l_px = gvi_nav_r - lvi_nav_w_px                            ;
	var lvi_nav_l_pt = lvi_nav_l_px / gvi_sw * 100                         ;
    document.getElementById("nav_div").style.left = lvi_nav_l_pt + "%"     ;
	
    var lvi_nav_t_pt = gvi_nav_t    / gvi_sh * 100                         ;
	document.getElementById("nav_div").style.top    = lvi_nav_t_pt + "%"   ;

    var lvi_nav_h_pt = gvi_bh       / gvi_sh * 100                         ;
    document.getElementById("nav_div").style.height = lvi_nav_h_pt + "%"   ;
	
	return lvi_nav_w_px ;
  } ;

//--------------------------------------------------------------------------------
function m_determine_bw_rel_nav ( )
  { var lvi_bw_pt_rel_nav = gvi_bw / gvi_nav_w_px * 100 ;
    return  lvi_bw_pt_rel_nav ;
  }
  
//--------------------------------------------------------------------------------
function m_build_nav_sting ( )
  { var lvs_nav     = "" ;
    for ( var lvi_i = 1 ; lvi_i <= gvi_nob ; lvi_i++ )
      { var lvn_htm     = gvan_htms   [ lvi_i - 1 ]   ;
	    var lvs_text    = gvan_buttons[ lvi_i - 1 ]   ;
		var lvb_top_dir = ( gvo_nav_interface[ "pvs_top_dir"  ] == ""    ) ; // HACK ... domain.com/sub_dir/index.php  !=   domain.com/index.php
		var lvb_active  = ( lvb_top_dir    &&    lvn_htm == gvn_this_htm ) ;  
	    lvs_nav        += m_make_button( lvi_i , lvn_htm , lvs_text , lvb_active ) ;  
      } ;
	return lvs_nav ;
  } ;

//--------------------------------------------------------------------------------
function m_make_button ( argi_index , argn_htm , argn_button , argb_active )
  { 
    var lvi_image_left = m_set_button_img_left( argi_index ) ;
	
	var lvs_html = "";
    lvs_html += "    <div id    = \"" + argn_htm + "_button_container\"                                                                   ";
    lvs_html += "         class = \" \"                                                                                                   ";
    lvs_html += "		  style = \" position : absolute                        ;                                                         ";
    lvs_html += "		             overflow : hidden                        ;                                                         ";
    lvs_html += "		             top      : 0%                            ;                                                         ";
    lvs_html += "		             height   : 100%                            ;                                                         ";
    lvs_html += "		             left     : " + m_left( argi_index ) + "%;                                                            ";
    lvs_html += "		             width    : " +  gvi_bw_pt_rel_nav   + "%;                                                            ";
    lvs_html += "		             border   : solid green 0px;                                                                            ";
    lvs_html += "		                                                          \"                                                          ";
    lvs_html += "	                                                                                                                            ";
	
	if ( argb_active )
	  { //gf_ri( "ts_common_nav_builder , m_make_button , active : " + argn_htm ) ;
	    // do not add mouse events to the active button
        lvs_html += "      >                                                                                                                       ";
        lvs_html += "      <div id    = \"" + argn_htm + "_button_active_div\"                                                                     ";
        lvs_html += "           class = \"oo1oo1oo\"                                                                                               ";
        lvs_html += "           style = \"position : absolute      ;                                                                               ";
        lvs_html += "                     border   : solid yellow 0px ;         \"                                                            >   ";
	    lvs_html += "        <img id    = \"" + argn_htm + "_button_active_img\"                                                                   ";
        lvs_html += "             class = \"button_img_class_l    button_img_class_a \"                                                            ";
        lvs_html += "             style = \"                                                                                                       ";
		lvs_html += "                       left:" + lvi_image_left +"%;\"                                                                         ";
        //lvs_html += "             src   = \"images/nav_button_active.png\"                                                                         ";
        lvs_html += "             src   = \"" + gvo_nav_interface[ "pvs_top_dir" ] + "images/nav_button_hittest.png\"                               ";
        lvs_html += "                                                                                                                          >   ";
        lvs_html += "        <p   id    = \"" + argn_htm + "_button_active_p\"                                                                     ";
        lvs_html += "             class = \"button_active_p_class_l    button_active_p_class_a \"                                                 ";
        lvs_html += "             style = \"cursor : default  ;                                                                                    ";
		lvs_html += "                                                   \"                                                                         ";
        lvs_html += "             align = \"center\"                                                                                           >   ";
        lvs_html += "          " + argn_button + "                                                                                                 ";
        lvs_html += "        </p>                                                                                                                  "; 
	    lvs_html += "      </div>                                                                                                                  ";
	    lvs_html += "	                                                                                                                           ";
		
		
	  }
	else
	  { gf_ri( "ts_common_nav_builder , m_make_button , NOT-active : " + argn_htm + " , " + argn_button  ) ;
        lvs_html += "      >                                                                                                                 ";
        lvs_html += "	                                                                                                                   ";
        lvs_html += "	                                                                                                                   ";
        lvs_html += "	                                                                                                                   ";
        lvs_html += "	                                                                                                                   ";
    	lvs_html += "      <div id    = \"" + argn_htm + "_button_hittest_div\"                                                            ";
        lvs_html += "           class = \"oo1oo1oo\"                                                                                      ";
        lvs_html += "           style = \"position   : absolute        ;                                                                   ";
        lvs_html += "                     visibility : visible       ;                                                                     ";
        lvs_html += "                     z-index    : 40             ;                                                                    ";
        lvs_html += "                     border     : solid red 0px ;         \"                                                      >   ";
	    lvs_html += "        <img class = \"button_img_class_l    button_img_class_a \"                                                    ";
        lvs_html += "             style = \"left   : " + lvi_image_left +"% ;                                                              ";
        lvs_html += "                       border : solid red 0px          ;                                                              ";
        lvs_html += "		                cursor : pointer                ;   \"                                                          ";
        //lvs_html += "             src   = \"images/nav_button_hittest.png\"                                                               ";
        lvs_html += "             src   = \"" + gvo_nav_interface[ "pvs_top_dir" ] + "images/nav_button_hittest.png\"                       ";
	    lvs_html += "             onmouseover  =\"                                                                                          ";
        //lvs_html += "                  gf_ri( 'onmouseover , M' ) ;                                                                       ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_normal_div' ).style.visibility = 'hidden'  ;         ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_over_div'   ).style.visibility = 'visible' ;         ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_down_div'   ).style.visibility = 'hidden'  ;         ";
	    lvs_html += "	                                                                                                             \"      ";
	    lvs_html += "	                                                                                                                     ";
        lvs_html += "             onmouseout   =\"                                                                                           ";
        //lvs_html += "                  gf_ri( 'onmouseout , C' ) ;                                                                          ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_normal_div' ).style.visibility = 'visible' ;         ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_over_div'   ).style.visibility = 'hidden'  ;         ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_down_div'   ).style.visibility = 'hidden'  ;         ";
        lvs_html += "	                                                                                                             \"      ";
        lvs_html += "	                                                                                                                     ";
        lvs_html += "	          onmousedown =\"                                                                                            ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_normal_div' ).style.visibility = 'hidden'  ;         ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_over_div'   ).style.visibility = 'hidden'  ;         ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_down_div'   ).style.visibility = 'visible' ;         ";
	    lvs_html += "	                                                                                                             \"      ";
	    lvs_html += "	                                                                                                                     ";
        lvs_html += "	           onmouseup   =\"                                                                                          ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_normal_div' ).style.visibility = 'visible' ;         ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_over_div'   ).style.visibility = 'hidden'  ;         ";
        lvs_html += "                  document.getElementById('" + argn_htm + "_button_down_div'   ).style.visibility = 'hidden'  ;         ";
        //lvs_html += "                  location.href = '"  + argn_htm + ".php'                                                     ;         "; 
        lvs_html += "                  location.href = '" + gvo_nav_interface[ "pvs_top_dir" ] + argn_htm + ".php'                 ;         "; 
	    //lvs_html += "                location.replace('" + argn_htm + ".php')                                                    ;         ";
		//                                      replace does NOT enter browser history                                                       ";
		//                                      href    does     enter browser history                                                       ";
        lvs_html += "                                                                                                                \"    "; 
        
        lvs_html += "                                                                                                                   >  "; 
    	lvs_html += "      </div>                                                                                                          ";
        lvs_html += "	                                                                                                                   ";
    	lvs_html += "      <div id    = \"" + argn_htm + "_button_down_div\"                                                               ";
        lvs_html += "           class = \"oo1oo1oo\"                                                                                      ";
        lvs_html += "           style = \"position   : absolute        ;                                                                   ";
        lvs_html += "                     visibility : hidden       ;                                                                     ";
        lvs_html += "                     z-index    : 30             ;                                                                    ";
        lvs_html += "                     border     : solid red 0px ;         \"                                                      >   ";
//	    lvs_html += "        <img class = \"button_img_class_l    button_img_class_a \"                                                    ";
//        lvs_html += "             style = \"left:" + lvi_image_left +"%;\"                                                                 ";
//        //lvs_html += "             src   = \"images/nav_button_down.png\"                                                                   ";
//        lvs_html += "             src   = \"" + gvo_nav_interface[ "pvs_top_dir" ] + "images/nav_button_down.png\"                         ";
//        lvs_html += "                                                                                                                  >   ";
        lvs_html += "        <p   id    = \"" + argn_htm + "_button_down_p\"                                                                     ";
        lvs_html += "             class = \"button_down_p_class_l    button_down_p_class_a \"                                              ";
        lvs_html += "             align = \"center\"                                                                                   >   ";
        lvs_html += "          " + argn_button + "                                                                                         ";
        lvs_html += "        </p>                                                                                                          ";
    	lvs_html += "      </div>                                                                                                          ";
        lvs_html += "	                                                                                                                   ";
        lvs_html += "      <div id    = \"" + argn_htm + "_button_over_div\"                                                               ";
        lvs_html += "           class = \"oo1oo1oo\"                                                                                      ";
        lvs_html += "           style = \"position   : absolute        ;                                                                   ";
        lvs_html += "                     visibility : hidden       ;                                                                     ";
        lvs_html += "                     z-index    : 20             ;                                                                    ";
        lvs_html += "                     border     : solid red 0px ;         \"                                                      >   ";
//	    lvs_html += "        <img class = \"button_img_class_l    button_img_class_a \"                                                    ";
//        lvs_html += "             style = \"left:" + lvi_image_left +"%;\"                                                                 ";
//        //lvs_html += "             src   = \"images/nav_button_over.png\"                                                                   ";
//        lvs_html += "             src   = \"" + gvo_nav_interface[ "pvs_top_dir" ] + "images/nav_button_over.png\"                         ";
//        lvs_html += "                                                                                                                  >   ";
        lvs_html += "        <p   id    = \"" + argn_htm + "_button_over_p\"                                                                     ";
        lvs_html += "             class = \"button_over_p_class_l    button_over_p_class_a \"                                              ";
        lvs_html += "             align = \"center\"                                                                                   >   ";
        lvs_html += "          " + argn_button + "                                                                                         ";
        lvs_html += "        </p>                                                                                                          ";
    	lvs_html += "      </div>                                                                                                          ";
    	lvs_html += "	                                                                                                                   ";
        lvs_html += "      <div id    = \"" + argn_htm + "_button_normal_div\"                                                             ";
        lvs_html += "           class = \"oo1oo1oo\"                                                                                      ";
        lvs_html += "           style = \"position   : absolute        ;                                                                   ";
        lvs_html += "                     visibility : visible       ;                                                                     ";
        lvs_html += "                     z-index    : 10             ;                                                                    ";
        lvs_html += "                     border     : solid red 0px ;         \"                                                      >   ";
//	    lvs_html += "        <img class = \"button_img_class_l    button_img_class_a \"                                                    ";
//        lvs_html += "             style = \"left:" + lvi_image_left +"%;\"                                                                 ";
//        //lvs_html += "             src   = \"images/nav_button_normal.png\"                                                                 ";
//        lvs_html += "             src   = \"" + gvo_nav_interface[ "pvs_top_dir" ] + "images/nav_button_normal.png\"                         ";
//        lvs_html += "                                                                                                                  >   ";
        lvs_html += "        <p   id    = \"" + argn_htm + "_button_normal_p\"                                                                     ";
        lvs_html += "             class = \"button_normal_p_class_l    button_normal_p_class_a \"                                          ";
        //lvs_html += "              style = \"color   :  red  ;         \"                                                               ";
        lvs_html += "             align = \"center\"                                                                                   >   ";
        lvs_html += "          " + argn_button + "                                                                                         ";
        lvs_html += "        </p>                                                                                                          ";
    	lvs_html += "      </div>                                                                                                          ";
    	lvs_html += "	                                                                                                                   ";
	  } ;
    
	
	lvs_html += "    </div>                                                                                                                ";
    return lvs_html;
  };

//--------------------------------------------------------------------------------
function m_left( argi_index )
  { var lvi_factor        = argi_index                                                                                       ;
	var lvi_gw_pt_rel_nav = gvi_gw / gvi_nav_w_px * 100                                                                      ;
	var lvi_bl            = ( ( lvi_factor - 1 ) * gvi_bw_pt_rel_nav )    +     ( ( lvi_factor - 1 ) * lvi_gw_pt_rel_nav )   ;
	return lvi_bl ;
  };

//--------------------------------------------------------------------------------
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("nav_div").innerHTML = gvs_nav;
    //alert( "ts_common_nav_builder.m_set_inner_HTML , gvs_nav  : " + gvs_nav ) ;
		
		//gf_ri( "ts_common_nav_builder.m_set_inner_HTML  , Aa : " + document.getElementById( "index_button_normal_p" ).style.top ) ;
  } ;


//--------------------------------------------------------------------------------
//--------------------------------------------------------------------------------
/*function m_highlight_active_button ( )
  { var lvn_htm = m_extract_name_from_URL ( ) ;
    alert( "ts_common_nav_builder.m_highlight_active_button , this htm , A : " + lvn_htm ) ;
	
	
	var lvi_length = gvan_htms.length ;
	for ( var lvi_i = 0 ; lvi_i  <  lvi_length ; lvi_i++ )
      { if ( gvan_htms[ lvi_i ] == lvn_htm )
	      { //gf_ri( "ts_common_nav_builder.m_highlight_active_button , this htm : " + lvn_htm ) ;
		    document.getElementById( gvan_htms[ lvi_i ] + "_button_active" ).style.visibility = 'visible' ;
		    break ;
		  } 
		else
		  { //alert( "ts_common_nav_builder.m_highlight_active_button , NOT this htm : " + lvn_htm ) ;
		    //document.getElementById( gvan_htms[ lvi_i ] + "_button_active" ).style.visibility = 'hidden' ;
		  } 
	  } ;
	//alert( "ts_common_nav_builder.m_highlight_active_button , this htm , B : " + lvn_htm ) ;

  }; 
*/
//--------------------------------------------------------------------------------
function m_extract_name_from_URL ( ) 
  { //    C:\Documents and Settings\Owner\My Documents\toddanddotty\OpenHouse3d\webpage\index.htm
    
	//    http://www.toddanddotty.com 
    //    http://www.toddanddotty.com/ 
    //    http://www.toddanddotty.com/index.php
    
	//    http://www.toddanddotty.com/OpenHouse3d
    //    http://www.toddanddotty.com/OpenHouse3d/
	//    http://www.toddanddotty.com/OpenHouse3d/index.php
	
	//    http://www.toddanddotty.com/another_sub_dir 
	//    http://www.toddanddotty.com/another_sub_dir/   <----
	//    http://www.toddanddotty.com/another_sub_dir/index.php
	
	
	var lvn_page       = ""                                                                    ;
    
	var lvs_URL        = document.URL                                                          ;
    //alert( "ts_common_nav_builder.m_extract_name_from_URL : " + lvn_page + " , " + lvs_URL ) ;
	
	var lvi_last_slash = Math.max( lvs_URL.lastIndexOf( "/" ) ,  lvs_URL.lastIndexOf( "\\" ) ) ; // remember in regex's that a \ will literalize;
	var lvi_last_dot   = lvs_URL.lastIndexOf( "." )                                            ;
	if ( lvi_last_slash < lvi_last_dot )
	  { //     .../index.php
	    lvn_page = lvs_URL.substring ( lvi_last_slash + 1 , lvi_last_dot - 0 ) ;
	  } 
	else if ( lvi_last_slash > lvi_last_dot )
	  { lvn_page = "index" ; 
	    // this handles situations where the page is not referenced in the URL, but just the directory,
		//     and in such cases browsers/servers look for a 'index' page .. so there better be one;
		
	  } ;
	  
    //alert( "ts_common_nav_builder.m_extract_name_from_URL : " + lvs_URL + " , " + lvn_page ) ;
	return lvn_page ;
  };








