NEWS Clipregion - Jquery

JavaScript:

clipregion for news
jquery-1.2.1 (www.jquery.com for latest version)
From Source:
- <script type="text/javascript">
  // NEWS CLIP REGION
  $(document).ready(function() {
  $('#clipregion').clipregion({
  'itemHeight':65,
  'itemWidth':138,
  'totalItems':$('ul > li',$('#clipregion')).size(),
  'itemsToShow':4,
  'marginL':3,
  'itemStep':true
  });
  });
  function goNext() {
  $.clipregion.next();
  }
  function goPrev() {
  $.clipregion.prev();
  }
  
  </script>

Images:

CSS: (exists in source or see below)

<style type="text/css">
#clipregion {
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
text-decoration: none;
background-color: #FFFFFF;
text-align:left;
width: 564px; /* 4 items with margin*/
/*background: url("images/newsbg.gif") no-repeat top left; */
}
/* Needed if javascript is off */
#clipregion li {
padding:0;
margin: 4px 0px 0px 3px;
list-style:none;
width: 138px;
height: 65px;
border: 0px;
overflow: hidden;
}
#clipregion a{
text-decoration: none;
color: #333333;
}
#clipregion a:hover{
color: BLACK;
}
#NewsBar {
margin:0;padding:0;
border: 1px solid #800E32;
background-color: #CCCCCC;
height: 65px;
overflow:hidden; /*ie hack */
width: 878px;
}
#NewsBar li{
list-style:none;
float:left;
}
#NewsBar img {
border:none;
}
#newslinks {
text-align:right;
font-size: 12px;
width: 210px;
height: 63px;
border:0;
padding:6px 0 0 0;
margin:0;
vertical-align: middle;
}
#newslinks a{
text-decoration: none;
font-weight:bold;
color: #339933; /* ASCO Green */
}
#newslinks a:hover{
color: #333333;
}
#prevX a {
width: 18px;
height: 65px;
display: block;
overflow: hidden;
background: url("images/newslc.gif") no-repeat ;
padding-top: 100px }
#prevX a:hover { background-position: 0 -65px; }
#prevX a:active { background-position: 0 -130px; }

#nextX a {
width: 18px;
height: 65px;
display: block;
overflow: hidden;
background: url("images/newsrc.gif") no-repeat ;
padding-top: 100px }
#nextX a:hover { background-position: 0 -65px; }
#nextX a:active { background-position: 0 -130px; }
</style>