test

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
    <head>
        <title>Bootstrap</title>
        <link type="text/css" href='css/bootstrap.min.css' rel="Stylesheet" media="all"  />
        <link type="text/css" href='css/bootstrap-responsive.min.css' rel="Stylesheet" media="all"  />
        <link type="text/css" href='css/style.css' rel="Stylesheet" media="all"  />
        <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/jquery.scrollTo-1.4.3.1-min.js"></script>
        <script type="text/JavaScript">
        var currentSelector = 'home';
            $(function(){
                setupSlider('home', 'home');
                setupSlider('link1', 'about-us');
                setupSlider('link2', 'gallery');

                $('#home-link').click();
            });

            function setupSlider(linkId, sliderTarget){
                $('#' + linkId).unbind('click');
                $('#' + linkId).click(function(){
                    $('.nav li').each(function(){
                        $(this).removeClass('active');
                    });
                    currentSelector = sliderTarget;
                    $(this).parents('li').addClass('active');
                });

            }
        </script>
    </head>
    <body>
        <div class="container" style="text-align:center;">
        <div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">Title</a>
    <ul class="nav">
      <li><a href="#" id="home">Home</a></li>
      <li><a href="#" id="link1">Link</a></li>
      <li><a href="#" id="link2">Link</a></li>
    </ul>
  </div>
</div>
        </div>
    </body>
</html>