title: animated scroll to a specific position vertically using jquery
body: <p>Hey guys I am quite a newbie to JS.
  I am wording on a vertical image scroller.
  Now, I am using this code to scroll to  LI from left to right and the page is scrolled till centre of that Li reaches.
  Now I want to integrate this functionality to a vertical scroller.
  I have 6 divs set up and when I click on a thumb the li's should be scrolled to that position.
  here is my horizontal code for it.</p>
  
  <p><a href="http://jsfiddle.net/p45fu/" rel="nofollow"><strong>FIDDLE</strong></a></p>
  
  <pre><code>$('html, body').animate({                    
  scrollLeft: ((thisImg.offset().left)-windowWidth+imagewidth)}, 1300);});
  </code></pre>
  
  <p>I trid scrollToTop but it didnt work.
  Please tell me how to fix it.
  Please see my fidde.
  And i also wanted the crimson list items to capture 100% width and height. How should I do that.
  thanks.
  Ps: I want to achieve something like this <a href="http://thelifelessordinary.co.uk/" rel="nofollow"><strong>Demo Site</strong></a></p>