help slayder error

[adik7960]

у меня есть который должен листаться по оси x
есть скрипт

function PrievPhoto() {
var e = document.getElementById('PrPhScroll');
  if(!empty(e)) {
  var e = document.getElementById('PrPhScroll').getAttribute('prievphotoscroll');

  if (!empty(e)) {
   if (e == 'on') {
    var l = document.getElementById('PrievPhotoIru-Left');
    var r = document.getElementById('PrievPhotoIru-Right');
    counter_active = false;
    r.onmousedown = function(){
     counter_active = true;
     int = setInterval("PhotoInterval('r');",10);
    }
    r.onmouseup = function() {
     counter_active = false;
     return false;
    }
    l.onmousedown = function(){
     counter_active = true;
     int = setInterval("PhotoInterval('l');",10);
    }
    l.onmouseup = function() {
     counter_active = false;
     return false;
    }
   }
  }
 }
}

function PhotoInterval(e) {
 if (e == 'r') {
  if (counter_active) {
   counter--;
   document.getElementById('PrievPhotoScIru').style.marginLeft=counter;
  }
  else {
   clearInterval(int);
  }
 }
 if (e == 'l') {
   if (counter_active) {
    counter++;
    document.getElementById('PrievPhotoScIru').style.marginLeft=counter;
   }
   else {
    clearInterval(int);
   }
  }
}

но проблема в том что картинок всего 10 а скрипт прибавляет margin-left сколько захочет, и мне нужно капк нибудь преградить после 10 картинки прокрутку

[adik7960]

<div class="pr_g_1">
  <div id="PrievPhotoIru-Left"></div>
  <div id="PrievPhotoIru-Content">   <div id="PrPhScroll" prievphotoscroll="on"></div>
   <table cellspacing="0" border="0" id="PrievPhotoScIru" style="margin-left: -139px; ">
    <tbody>
     <tr>   <td><a href="/?z=photo1_669"><div class="PrievPhotoIru-Image"><img src="http://cs9671.userapi.com/u87624457/-6/z_303ed7a5.jpg"></div></a></td>   <td><a href="/?z=photo1_668"><div class="PrievPhotoIru-Image"><img src="http://cs9671.userapi.com/u87624457/-6/z_303ed7a5.jpg"></div></a></td>   <td><a href="/?z=photo1_667"><div class="PrievPhotoIru-Image"><img src="http://cs9671.userapi.com/u87624457/-6/z_303ed7a5.jpg"></div></a></td>   <td><a href="/?z=photo1_666"><div class="PrievPhotoIru-Image"><img src="http://cs9671.userapi.com/u87624457/-6/z_303ed7a5.jpg"></div></a></td>   <td><a href="/?z=photo1_2"><div class="PrievPhotoIru-Image"><img src="http://cs9671.userapi.com/u87624457/-6/z_303ed7a5.jpg"></div></a></td>   <td><a href="/?z=photo1_1"><div class="PrievPhotoIru-Image"><img src="http://cs11376.userapi.com/u80246521/-6/x_0a23a1b6.jpg"></div></a></td>     </tr>
    </tbody>
   </table>
  </div>
  <div id="PrievPhotoIru-Right"></div>
 </div>

и ксс

.pr_g_1 {
  margin: 5px;
  height: 85px;
  width: 548px;
  background-color: #F9F9F9;
  background-image: -webkit-linear-gradient(top,white,#F0F0F0);
  background-image: -moz-linear-gradient(top,white,#F0F0F0);
  background-image: -ms-linear-gradient(top,white,#F0F0F0);
  background-image: -o-linear-gradient(top,white,#F0F0F0);
  background-image: linear-gradient(top,white,#F0F0F0);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #C4C4C4;
  box-shadow: 0px 0px 1px #999;
  -o-box-shadow: 0px 0px 1px #999;
  -moz-box-shadow: 0px 0px 1px #999;
  -webkit-box-shadow: 0px 0px 1px #999;
}
#PrievPhotoIru-Right {
  background-image: url(/img/PrievPhotoIru-Right.png);
  width: 45px;
  height: 85px;
  border-radius: 0 4px 4px 0;
  right: 7px;
  position: absolute;
  z-index: 2;
  margin-top: -84px;
}
#PrievPhotoIru-Left {
  background-image: url(/img/PrievPhotoIru-Left.png);
  width: 45px;
  height: 85px;
  border-radius: 4px 0 0 4px;
  position: absolute;
  z-index: 2;
}
.PrievPhotoIru-Image {
  padding: 3px;
  background-color: #FAFAFA;
  background-image: -webkit-linear-gradient(top,#F7F7F7,#DDD);
  background-image: -moz-linear-gradient(top,#F7F7F7,#DDD);
  background-image: -ms-linear-gradient(top,#F7F7F7,#DDD);
  background-image: -o-linear-gradient(top,#F7F7F7,#DDD);
  background-image: linear-gradient(top,#F7F7F7,#DDD);
  border: 1px solid #C4C4C4;
  height: 71px;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 1px #999;
  -o-box-shadow: 0px 0px 1px #999;
  -moz-box-shadow: 0px 0px 1px #999;
  -webkit-box-shadow: 0px 0px 1px #999;
}
#PrievPhotoIru-Content {
  width: 495px;
  margin: 2px auto;
  overflow-x: hidden;
}
#PrievPhotoIru-Content img {
  max-width: 100px;
  max-height: 71px;
}