function slide_height( element, cnt, dst, increment, timer, done )
   {
      if ( increment < 0 && cnt < dst )
      {
         cnt = dst;
      }
      if ( increment > 0 && cnt > dst )
      {
         cnt = dst;
      }

      document.getElementById(element).style.clip="rect(auto auto " + cnt + "px auto)";
//      document.getElementById(element).style.visibility = "visible";      
      
      if ( cnt != dst )
      {
         var str = "slide_height( '" + element + "', ";
         str += ( cnt - ( -increment ) ) + ", " + dst + ", " + increment + ", " + timer + ", '" + done + "' )";
         setTimeout( str, timer );
      }
      else if ( done != '' )
      {
         eval( done );
      }
   }
   
   function slide_top( element, cnt, dst, increment, timer, done )
   {
      if ( increment < 0 && cnt < dst )
      {
         cnt = dst;
      }
      if ( increment > 0 && cnt > dst )
      {
         cnt = dst;
      }

      document.getElementById(element).style.clip="rect(" + cnt + "px auto auto auto)";
//      document.getElementById(element).style.visibility = "visible";      
      
      if ( cnt != dst )
      {
         var str = "slide_top( '" + element + "', ";
         str += ( cnt - ( -increment ) ) + ", " + dst + ", " + increment + ", " + timer + ", '" + done + "' )";
         setTimeout( str, timer );
      } 
      else if ( done != '' )
      {
         eval( done );
      }
   }

   function slide_bottom( element, cnt, dst, increment, timer, done )
   {
      if ( increment < 0 && cnt < dst )
      {
         cnt = dst;
      }
      if ( increment > 0 && cnt > dst )
      {
         cnt = dst;
      }

      document.getElementById(element).style.clip="rect(auto auto " + cnt + "px auto)";
//      document.getElementById(element).style.visibility = "visible";      
      
      if ( cnt != dst )
      {
         var str = "slide_bottom( '" + element + "', ";
         str += ( cnt - ( -increment ) ) + ", " + dst + ", " + increment + ", " + timer + ", '" + done + "' )";
         setTimeout( str, timer );
      }
      else if ( done != "" )
      {
         eval( done );
      }
   }
      
   function slide_right( element, cnt, dst, increment, timer, done )
   {
      if ( increment < 0 && cnt < dst )
      {
         cnt = dst;
      }
      if ( increment > 0 && cnt > dst )
      {
         cnt = dst;
      }

      document.getElementById(element).style.clip="rect(auto " + cnt + "px auto auto)";
//      document.getElementById(element).style.visibility = "visible";      
      
      if ( cnt != dst )
      {
         var str = "slide_right( '" + element + "', ";
         str += ( cnt - ( -increment ) ) + ", " + dst + ", " + increment + ", " + timer + ", '" + done + "' )";
         setTimeout( str, timer );
      }
      else if ( done != "" )
      {
         eval( done );
      }
   }

   function slide_left( element, cnt, dst, increment, timer, done )
   {
      if ( increment < 0 && cnt < dst )
      {
         cnt = dst;
      }
      if ( increment > 0 && cnt > dst )
      {
         cnt = dst;
      }

      document.getElementById(element).style.clip="rect(auto auto auto " + cnt + "px)";
//      document.getElementById(element).style.visibility = "visible";      
      
      if ( cnt != dst )
      {
         var str = "slide_left( '" + element + "', ";
         str += ( cnt - ( -increment ) ) + ", " + dst + ", " + increment + ", " + timer + ", '" + done + "' )";
         setTimeout( str, timer );
      }
      else if ( done != "" )
      {
         eval( done );
      }
   }

   function fade_in( element, cnt, increment, timer, done )
   {
      if ( cnt > 100 )
      {
        cnt = 100;
      }

      eval( 'document.getElementById("' + element + '").style.opacity=' + ( cnt / 100 )+ ';' );
      eval( 'document.getElementById("' + element + '").style.filter="alpha(opacity:' + cnt + ')";' );
      if ( cnt < 100 )
      {
         var str = "fade_in( '" + element + "', ";
         
         str = str + ( cnt - (-increment) ) + ", " + increment + ", " + timer + ", '" + done + "' )";
         
         setTimeout( str, timer );
      } 
      else if ( done != "" )
      {
         eval( done );
      }
   }

   function fade_out( element, cnt, increment, timer, done )
   {
      if ( cnt < 0 )
      {
        cnt = 0;
      }

      eval( 'document.getElementById("' + element + '").style.opacity=' + ( cnt / 100 )+ ';' );
      eval( 'document.getElementById("' + element + '").style.filter="alpha(opacity:' + cnt + ')";' );
      if ( cnt > 0  )
      {
         var str = "fade_out( '" + element + "', ";
         
         str = str + ( cnt - increment ) + ", " + increment + ", " + timer + ", '" + done + "' )";
         
         setTimeout( str, timer );
      } 
      else if ( done != "" )
      {
         eval( done );
      }
   }

   function blink_out( element )
   {
      eval( 'document.getElementById("' + element + '").style.opacity=0;' );
      eval( 'document.getElementById("' + element + '").style.filter="alpha(opacity:0)";' );
   }

   function blink_in( element )
   {
      eval( 'document.getElementById("' + element + '").style.opacity=1;' );
      eval( 'document.getElementById("' + element + '").style.filter="alpha(opacity:100)";' );
   }

   function remove_px( amount )
   {
      var index = amount.indexOf( "px" );
      if ( index == -1 )
      {
         return -(-amount);
      }
      else
      {
         return -(-amount.substring( 0, index ));
      }
   }
   
   function start_load()
   {
      var bar_height = 56;
      var bar_speed = 4;
      var bar_timer = 50;
   
      var arrow_width = 60;
      var arrow_speed = 4;
      var arrow_timer = 50;
   
      var bar_total_time = bar_height / bar_speed * bar_timer;
      var arrow_total_time = arrow_width / arrow_speed * arrow_timer;  
   
      var ms_between_fades = 250;
      var fade_speed = 2;
      var fade_timer = 10;
         
      var fadein_start = bar_total_time + arrow_total_time;
      
      slide_height( 'bottombar', 0, bar_height, bar_speed, bar_timer, '' );
      document.getElementById( 'bottom_arrow' ).style.clip="rect(auto 0px auto auto)";
      setTimeout( "slide_right( 'bottom_arrow', 0, " + arrow_width + ", + " + arrow_speed + ", " + arrow_timer + ", '' )", bar_height / bar_speed * bar_timer );
      
      setTimeout( "fade_in( 'bottom_work', 0, " + fade_speed + ", " + fade_timer + ", '' )", 
                  fadein_start );
      setTimeout( "fade_in( 'bottom_method', 0, " + fade_speed + ", " + fade_timer + ", '' )", 
                  fadein_start + ms_between_fades );
      setTimeout( "fade_in( 'bottom_about', 0, " + fade_speed + ", " + fade_timer + ", '' )", 
                  fadein_start + ms_between_fades * 2 );
      setTimeout( "fade_in( 'bottom_contact', 0, " + fade_speed + ", " + fade_timer + ", '' )", 
                  fadein_start + ms_between_fades * 3 );
   }