title: Javascript hashtag navigation
body: <p>Currently, I'm using following function which works with click event.</p>
  
  <pre><code>$('a.ux-thumb-wrap').click(function(e){
      e.preventDefault();
      href=$(this).attr('href');
      if($(player_container).is(":visible")){
          $(player).tubeplayer('play', href)
  
      }
  
      else {
          $(player).tubeplayer({
              width: 853,
              height: 480, 
              allowFullScreen: "true",
              preferredQuality: "large",
              loadSWFObject: false,
              modestbranding: false,
              initialVideo: href,
              autoPlay: true
          });
          player_container.slideDown("slow");
      }
  </code></pre>
  
  <p>I want to get this result</p>
  
  <ul>
  <li><p>If visitor entered direct url address of some movie (which looks like: domain.com/?page=youtube#5hly8) into the address bar then fetch the value standing after <code>#</code> symbol and assign to <code>href</code>, do the rest of function</p></li>
  <li><p>During playback, If user clicks on another thumbnail, change the value after <code>#</code> symbol on adress bar to thumbnails href tag, and do the rest of function</p></li>
  </ul>
  
  <p>I didn't work with hashtags before. Please Help me to modify this function.</p>