function setOpacity(id, to) {
  var element = $(id);
  if( to > 0 && ( element.style.display=='none' || element.style.visibility=='hidden' ) ) { element.style.display = ''; element.style.visibility='';} 
    element.style.filter = (to == 1) ? '' : 'alpha(opacity=' + to * 100 + ')';
    element.style.opacity = to;
   if( to < 0 ) element.style.display='none';
}

function showImage(source, url) {
  $('mainImage').href = url;
  $$('#mainImage img')[0].src = source;
}

function ins() {
  Event.observe($('galleryPaginator'), 'mouseover', function(e) {
    var x = Event.pointerX(e);
    var u = $('galleryPaginator');
    if( (u.offsetLeft + u.offsetWidth / 2) <= x) { // Next
      setOpacity('doNext', .8);
      setOpacity('doPrev', 0);
    } else { // Previous
      setOpacity('doPrev', .8);
      setOpacity('doNext', 0);
    }
  });
  Event.observe($('galleryPaginator'), 'mouseout', function(e) {
    setOpacity('doPrev', 0);
    setOpacity('doNext', 0);
  });
  Event.observe($('doPrev'), 'mousedown', function(e) {
    doPrev();
  });
  Event.observe($('doNext'), 'mousedown', function(e) {
    doNew(this);
  });
  
  Event.observe($('doPrev'), 'mouseup', function(e) {
    clearTimeout(galleryTimeout);
  });
  Event.observe($('doNext'), 'mouseup', function(e) {
    clearTimeout(galleryTimeout);
  });
}

galleryTimeout = false;

function doPrev() {
  var e = $('galleryPaginator');
  var i = e.style.textIndent;
  var p = parseInt(( i == '' ? 0 : i.replace(/[a-z]*/ig, '') ));
  if( p == 0 ) return;
  e.style.textIndent = (p + 10) + 'px';
  galleryTimeout = setTimeout('doPrev()', 25);
}

function doNew() {
  var e = $('galleryPaginator');
  var i = e.style.textIndent;
  var p = parseInt(( i == '' ? 0 : i.replace(/[a-z]*/ig, '') ));
  var l = parseInt($('lastImage').offsetLeft + $('lastImage').offsetWidth);
  var w = parseInt(e.offsetWidth)
  if( w > l ) return;
  e.style.textIndent = (p - 10) + 'px';
  galleryTimeout = setTimeout('doNew()', 25);
}