var slideSpeed = 5;	
	var slideSteps = 5;
		
	
	var leftArrowObj = document.getElementById('arrow_left');
	if (leftArrowObj) leftArrowObj.onclick = slideCheck;
		
	var rightArrowObj = document.getElementById('arrow_right');
	if (rightArrowObj) rightArrowObj.onclick = slideCheck;
		
	var thumbDiv = document.getElementById('imagePreview');
	
	if (document.getElementById('imagesHolder')) {
		var panelWidth = document.getElementById('imagesHolder').style.width.replace('px', '') / 1;
		
		var slideWidth = Math.abs(panelWidth / 1.5);
	}

	var direction = '';

	var thumbTotalWidth = 0;

	function galleryinit (){
		
		if (document.getElementById('imagePreview')) {
			if (document.getElementById('imagePreview').getElementsByTagName('img')) {
				var subImages = document.getElementById('imagePreview').getElementsByTagName('img');
				
				for (var no = 0; no < subImages.length; no++) {
					thumbTotalWidth = thumbTotalWidth + subImages[no].offsetWidth + 5;
				}
			}
		}
		
		
	}



	function slideCheck(){
	
		if(this.id == 'arrow_right'){ 
		
			slideThumbs(slideSteps*-1,0);
			direction = "right";
		
		} else {
					
			slideThumbs((slideSteps),0);
			direction = "left";
		}
		
	}
	
	function slideThumbs(speed,currentPos){
				
		var leftPos = thumbDiv.style.left.replace('px','')/1;

		currentPos = currentPos + Math.abs(speed);
		leftPos = leftPos + speed;
		
		if (direction == "right"){
					
			if (thumbTotalWidth + thumbDiv.style.left.replace('px','')/1 > panelWidth) {
				thumbDiv.style.left = leftPos + 'px';
			} else {
				thumbDiv.style.left = panelWidth - thumbTotalWidth + 'px';
			}
			
		} else {
		
			if (thumbDiv.style.left.replace('px','')/1 < 0){
				thumbDiv.style.left = leftPos + 'px';
			} else {
				thumbDiv.style.left = '0px';
			}
		}
		
		if (currentPos < slideWidth) {
			setTimeout('slideThumbs(' + speed + ',' + currentPos + ')', slideSpeed);
		}
		
	}
	
	function isBrowserPloh()
	{
		if (navigator.userAgent.match(/MSIE 6/i) != null) return 1;
		else if (navigator.userAgent.match(/MSIE 7/i) != null) return 2;
		else return 0;
	}
	
	
	
	
	function showPreview (imagePath , element) {
		
		var subImages = document.getElementById('bigImage').getElementsByTagName('IMG');
		
		img = subImages[1];
		
		document.getElementById('waitMessage').style.display='inline';
		img.onload = function() { hideWaitMessageAndShowCaption(); };

		img.src = imagePath;
		
		// Kill all style="active"
		var lists = document.getElementById('imagePreview').getElementsByTagName("a");
		for (var i = 0; i < lists.length; i++) {
		  lists[i].className = "";
		}
		
		element.setAttribute( (document.all ? "className" : "class") , "active");
		
		if (isBrowserPloh()!=0) {img.setAttribute("onclick", new Function ("open_big('"+imagePath+"');"));
		} else {img.setAttribute("onclick", "open_big('"+imagePath+"');");}
		
		
		
	}
	
	function open_big (imagePath) {
		var i = imagePath.split("/");
		var image = i[i.length-1];
		var site = i[0];
		
		document.getElementById('overlay').style.display = 'block';
		document.getElementById('overlay_image').style.display = 'block';
		document.getElementById('overlay_image').innerHTML = '<div style="padding-top: 5px;" align="right"><a href="#" onclick="close_big();" style="color: black;"><img src="http://specialt.net/css/i/close.gif"></a></div> <img src="'+site+"/content/products_images/800x600/"+image+'" alt="Click to close" title="Click to close" onclick="close_big();" />';
		// 
	}
	
	function close_big(){
		
		document.getElementById('overlay').style.display = 'none';
		document.getElementById('overlay_image').style.display = 'none';
	}
	
	function hideWaitMessageAndShowCaption()
	{
		//alert(imageIndex);
		document.getElementById('waitMessage').style.display='none';	
		
	}