function initPosition()
  {
  // ...FIND THE HEIGHT OF THE VIEWPORT... 
    var winHeight = $(window).height();
    // ...AND DIVIDE THE AVAILABLE VERTICAL SPACE IN TWO. 
    var vertOffset = (winHeight-633)/2;
    // IF PAGE IS TALLER THAN VIEWPORT, POSITION AT TOP, ... 
    if (vertOffset < 0)
      vertOffset = 0;
    // ...OR IF VIEWPORT IS TALLER THAN PAGE, CENTER THE PAGE VERTICALLY 
    $("#page_container").css({top:vertOffset});
    
  // ...FIND THE WIDTH OF THE VIEWPORT... 
    var winWidth = $(window).width();
    //alert(winWidth);
    // ...AND DIVIDE THE AVAILABLE HORIZONTAL SPACE IN TWO. 
    var horizOffset = (winWidth-884)/2;
    //alert(horizOffset);
    // IF PAGE IS WIDER THAN VIEWPORT, POSITION AT LEFT EDGE, ... 
    if (horizOffset < 0)
      horizOffset = 0;
    // ...OR IF VIEWPORT IS WIDER THAN PAGE, CENTER THE PAGE HORIZONTALLY 
    $("#page_container").css({left:horizOffset});
  }

function initRollovers()
  {
    var thisPageName = $('body').attr('id').toLowerCase();
    
    //LOOP THROUGH IMAGE ELEMENTS THAT ARE CONTAINED IN LINKS...
    var allLinkImages = $('a > img');
    var allPreloads = new Array();
    var preloadedRollover = new Image();
    var i=0;
    jQuery.each(allLinkImages,function()
      {
        //PRELOAD ANY ROLLOVER IMAGES NEEDED
        preloadedRollover.src = $(this).attr('src').substring(0,$(this).attr('src').length-4) + '_over' + $(this).attr('src').substring($(this).attr('src').length-4);
        allPreloads[i] = preloadedRollover.src
        
        //MAKE THE NAVIGATION LINK FOR THIS PAGE SHOW THE ROLLOVER STATE
        if($(this).attr('id') == thisPageName)
          {
            $(this).attr('src', $(this).attr('src').substring(0,$(this).attr('src').length-4) + '_over' + $(this).attr('src').substring($(this).attr('src').length-4));
          }
        i++;
      });
    
    //WHEN IMAGE LINKS ARE MOUSED OVER...        
    $('a > img').hover
      (
        function()
          {
            //...SUBSTITUTE THE ROLLOVER IMAGE...
            if (thisPageName != $(this).attr('id'))
              {
                var over = $(this).attr('src').substring(0,$(this).attr('src').length-4) + '_over' + $(this).attr('src').substring($(this).attr('src').length-4);
                $(this).attr('src', over);                     
              }
          
          },
        function()
          {
            //...AND THEN REPLACE WITH ORIGINAL IMAGE WHEN MOUSED OUT.
            if (thisPageName != $(this).attr('id'))
              {
                var out = $(this).attr('src').substring(0,$(this).attr('src').length-9) + $(this).attr('src').substring($(this).attr('src').length-4);
                $(this).attr('src', out);
              }
          }
      );
  }
