var arrowImageHeight = 32;	// Height of arrow image in pixels;
	var displayWaitMessage=true;	// Display a please wait message while images are loading?
	
	var previewImage = false;
	var previewImageParent = false;
	var slideSpeed = 0;
	var previewImagePane = false;
	var slideEndMarker = false;
	var galleryContainer = false;
	var divoffsetcenter; 
	var middleposition;
	var topposition; 
	function getTopPos(inputObj)
	{		
	
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetTop;
	  return returnValue;
	 
	}
		
	function initSlide(e)
	{ 
		if(document.all)e = event;
		if(this.src.indexOf('over')<0)this.src = this.src.replace('.gif','-over.gif');
		//if(this.src.indexOf('over')<0)this.src = this.src.replace('.jpg','.jpg');
		slideSpeed = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop) - getTopPos(this);
		if(this.src.indexOf('down')>=0){
			slideSpeed = (slideSpeed)*-1;	
			
		}else{
			slideSpeed = arrowImageHeight - slideSpeed;
			
		}
		slideSpeed = Math.round(slideSpeed * 10 / arrowImageHeight);
		
	}
	
	function stopSlide()
	{		
		slideSpeed = 0;
		this.src = this.src.replace('-over','');
	}
	
	function slidePreviewPane()
	{
		if(slideSpeed!=0){
			var topPos = previewImagePane.style.top.replace(/[^\-0-9]/g,'')/1;	
			if(slideSpeed<0 && slideEndMarker.offsetTop<(previewImageParent.offsetHeight - topPos)){
				slideSpeed=0;
			}
			topPos = topPos + slideSpeed;
			if(topPos>0)topPos=0;

		 	previewImagePane.style.top = topPos + 'px';
		 	slideEndMarker = document.getElementById('slideEnd');
		 			 	
		 	divoffsetcenter = (previewImageParent.offsetHeight)/2;
			middleposition =  Math.abs(topPos) + Math.abs(divoffsetcenter) - 50;
			
			var imagediv = previewImageParent.getElementsByTagName('IMG');
			var count =  imagediv.length;
			for(var i= 0; i<count; i++)
			{
				var imagetop =imagediv[i].offsetTop;
				var imagename = imagediv[i];	
				var url =imagename.id;
				if(imagename.offsetTop > middleposition && imagename.offsetTop < imagename.offsetHeight + middleposition)
				{
					$("gadgetdesc").innerHTML = imagename.title;
					$("gadgettop").innerHTML = previewImageParent.getElementsByTagName('INPUT')[i].value;
					$('imagediv').childNodes[0].href = base_url+url;
					//$('imagediv').innerHTML="<a href='"+base_url+url+"'><img src='"+base_url+"images/compareofferbut.jpg'  /></a>";
				}
	 		}
	 	}
	 	setTimeout('slidePreviewPane()',90);		
	}
	function initGalleryScript()
	{
	
		previewImageParent = document.getElementById('theImages');
		previewImagePane = document.getElementById('theImages').getElementsByTagName('DIV')[0];
		previewImagePane.style.top = '0px';
		galleryContainer  = document.getElementById('galleryContainer');
				
		document.getElementById('arrow_up_image').onmousemove = initSlide;
		document.getElementById('arrow_up_image').onmouseout = stopSlide;
		
		document.getElementById('arrow_down_image').onmousemove = initSlide;
		document.getElementById('arrow_down_image').onmouseout = stopSlide;
	
		slidePreviewPane();
	}
	//window.onload = initGalleryScript;