var imageGalleryLeftPos = [];
var imageGalleryWidth = [];
var imageGalleryObj = []
var maxGalleryXPos = [];
var minGalleryXPos = [];
var slideSpeed = [];
var timer = [];

function startSlide(e)
{
 if(document.all) e = event;
 var id = this.id;
 var idx = id.substring(2);
 id = id.substring(0,2);
 var s;
 if(id=='ar'){ s = -10; } else { s = 10; }
 slideSpeed[idx] = s;
 if (timer[idx] == 0)
  timer[idx] = setInterval('gallerySlide('+idx+')',20);
}
function releaseSlide()
{
 var id = this.id;
 var idx = id.substring(2);
 slideSpeed[idx] = 0;
 if (timer[idx]) {
  clearInterval(timer[idx]);
  timer[idx] = 0;
 }
}

function gallerySlide(idx)
{
 if(slideSpeed[idx]==0)	return;
 var leftPos = imageGalleryObj[idx].offsetLeft;
 var s = slideSpeed[idx]
 leftPos = leftPos/1 + s;
 if(leftPos>maxGalleryXPos[idx]){
 leftPos = maxGalleryXPos[idx];
 slideSpeed[idx] = 0;
 }
 if(leftPos<minGalleryXPos[idx]){
  leftPos = minGalleryXPos[idx];
  slideSpeed[idx] =0;
 }
 imageGalleryObj[idx].style.left = leftPos + 'px';
}

function initSlideShow(idx)
{
 var al = document.getElementById('al'+idx);
 var ar = document.getElementById('ar'+idx);
 al.onmouseover = startSlide;
 al.onmouseout = releaseSlide;
 ar.onmouseover = startSlide;
 ar.onmouseout = releaseSlide;

 slideSpeed[idx] = 0; timer[idx] = 0;
 imageGalleryObj[idx] = document.getElementById('gal'+idx);
 imageGalleryLeftPos[idx] = imageGalleryObj[idx].offsetLeft;
 imageGalleryWidth[idx] = document.getElementById('galc'+idx).offsetWidth - 80;
 maxGalleryXPos[idx] = imageGalleryObj[idx].offsetLeft; 
 minGalleryXPos[idx] = (imageGalleryWidth[idx] - document.getElementById('ge'+idx).offsetLeft) * -1;
 var slideshowImages = imageGalleryObj[idx].getElementsByTagName('IMG');
}

function showP(imagePath,idx){
 var subImages = document.getElementById('tg'+idx).getElementsByTagName('IMG');
 img = subImages[0];
 img.src = imagePath;
 return false;
}