function doScroll()
{
  scrollPos += scrollDir*15;
  if(scrollPos<-scrollMax)
    scrollPos = -scrollMax;
  if(scrollPos>0)
    scrollPos = 0;
  Element.setStyle($('vignettes'), {'marginTop': scrollPos + 'px'});
}
function scrollInit()
{
  scrollMax = Element.getHeight('vignettes')-370;
}
function scrollUp()
{
  scrollDir = +1;
  doScroll();
  i = window.setInterval('doScroll()', 100);
}
function scrollDown()
{
  scrollDir = -1;
  doScroll();
  i = window.setInterval('doScroll()', 100);
}
function scrollStop()
{
  scrollDir=0;
  doScroll();
  window.clearInterval(i);
}
var scrollPos = 0;
var scrollMax = 0;
var scrollDir = 0;
var i = undefined;
Event.observe(window, 'load', scrollInit);

function loadDetails(id)
{
  if(id==cur_id)
    return;
	var URL = 'ajax/load-details.php';
  var pars = 'id=' + id;
  var myAjax = new Ajax.Request(URL, {method: 'get', parameters: pars, onComplete: updateDetails});
  Element.update('photo', '<a href="/zoom/voir/' + id + '/"><img src="/upload/bijoux/' + id + '-m.jpg" alt="" title=""/></a>');
  $('details').hide();
  cur_id = id;
  return false;
}
function updateDetails(originalRequest)
{
  if(originalRequest.responseText!='')
  {
    Element.update('details', originalRequest.responseText);
    $('details').show();
  }
}