help

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default2.aspx.cs" Inherits="jjwhitmore_coordinates.Default2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <link href="css/default.css" rel="stylesheet" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet" />

    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>

</head>
<body>
    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="#">asdfasdf</a>
          <div class="nav-collapse collapse">
            <form class="navbar-search pull-right" action="search">
                <input type="text" class="search-query span2" placeholder="Search" />
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>


    <div class="container-fluid">
      <div class="row-fluid pageHome">


        <div class="span2">
          <!--Sidebar content-->

            <ul class="nav nav-list bs-docs-sidenav affix">
                <li id="MenuHome" class="active"><a href="#">Home</a></li>
                <li id="MenuMotionPictures"><a href="#">Motion Pictures</a></li>
                <li id="MenuBiography"><a href="#">Biography</a></li>
                <li id="MenuContact"><a href="#">Contact</a></li>
                <li id="MenuNews"><a href="#">News</a></li>

            </ul>


        </div>


        <div class="span10 hero-unit">
          <p>TEXT TEXT TEXT</p>

        </div>
      </div>

        <!-- PAGE -->
        <div class="row-fluid">
            <div class="span10 offset2 hero-unit">
            <span class="label label-inverse">Body</span>
            </div>
        <div class="span10 hero-unit rightSide RIGHT" style="left:5000px;position:absolute;">
                <span class="label label-inverse">Right Side</span>
            </div>
        </div>

        <!-- PAGE -->
        <div class="row-fluid">
            <div class="span10 offset2 hero-unit">
            <span class="label label-inverse">Body</span>
            </div>
        </div>

        <!-- PAGE -->
        <div class="row-fluid">
            <div class="span10 offset2 hero-unit">
            <span class="label label-inverse">Body</span>
            </div>
        </div>

        <!-- PAGE -->
        <div class="row-fluid">
            <div class="span10 offset2 hero-unit">
            <span class="label label-inverse">Body</span>
            </div>
        </div>
    </div>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.scrollTo.min.js"></script>

    <script>
        $(document).ready(function () {

            // Get the page size and set the page divs equal to it
            var pageSize = $(window).innerHeight();

            // Make sure the page is a valid size
            if (pageSize < 750){pageSize = 750;}
            $('.row-fluid').height(pageSize);


            console.log("Page Size:" + pageSize);


        });


        // Clicking on Menu Item
        $('a').click(function () {
            var clicked = $(this);

            switch (clicked.text()) {
                case 'Home':
                    console.log("1")
                    moveFromFilm('.pageHome')
                    break;

                case 'Motion Pictures':
                    console.log("2")
                    moveToFilm('.RIGHT')
                    break;

                default:
                    console.log("3")
                    moveTo('.pageHome')
                    break;
            }


        })

        function moveToFilm(location) {
            console.log("location:" + location);
            $.scrollTo(location, 2000, { easing: 'swing', axis: 'yx', queue: true });
        }

        function moveFromFilm(location) {
            console.log("location:" + location);
            $.scrollTo(location, 2000, { easing: 'swing', axis: 'xy', queue: true });
        }

    </script>
</body>
</html>