var slider = null;
var sliderInterval = null;
var sliderWidth = null;
var arrowLeft = null;
var arrowRight = null;
var bigImage = null;
var sliderCurrentSpeed = null;
var sliderSpeed = 5;
var sliderFastSpeed = 20;

function initSlider() {
	slider = document.getElementById('slider');
	
	if(slider) {
		
		bigImage = document.getElementById('bigImage');
		
		var images = slider.getElementsByTagName('img');
		var offsetLeft = images[0].offsetLeft;
		for(var i = 0; i < images.length; i++) {
			
			sliderWidth += parseInt(images[i].offsetWidth)+offsetLeft;
			
			images[i].onmouseover = function() {
				this.style.borderColor = 'white';
			};
			images[i].onmouseout = function() {
				this.style.borderColor = '#717E5F';
			};
			images[i].onclick = function() {
				bigImage.src = this.src.replace(/thumbs\//g, '');
			};
		}
		var sliderContainer = document.getElementById('sliderContainer');
		sliderWidth = -(sliderWidth+offsetLeft-sliderContainer.offsetWidth);
		
		slider.style.marginLeft = '0px';
		
		arrowLeft = document.getElementById('arrowLeft');
		arrowRight = document.getElementById('arrowRight');
		
		arrowLeft.style.opacity = '0.2';
		arrowLeft.style.filter = 'Alpha(opacity=20)';
		
		arrowLeft.onmouseover = function() {
			if(!sliderInterval) {
				sliderInterval = window.setInterval('slide("right");', 30);
			}
		};
		
		arrowLeft.onmouseout = function () {
			if(sliderInterval) {
				window.clearInterval(sliderInterval);
				sliderInterval = null;
				sliderCurrentSpeed = sliderSpeed;
			}
		}
		
		arrowLeft.onclick = function () {
			sliderCurrentSpeed = sliderFastSpeed;
		}
		
		arrowRight.onmouseover = function() {
			if(!sliderInterval) {
				sliderInterval = window.setInterval('slide("left");', 30);
			}
		};
		
		arrowRight.onmouseout = function () {
			if(sliderInterval) {
				window.clearInterval(sliderInterval);
				sliderInterval = null;
				sliderCurrentSpeed = sliderSpeed;
			}
		}
		
		arrowRight.onclick = function () {
			sliderCurrentSpeed = sliderFastSpeed;
		}
	}
}

function slide(direction) {
	var currentMarginLeft = slider.style.marginLeft;
	currentMarginLeft = parseInt(currentMarginLeft.substr(0, currentMarginLeft.length-2));
	if(direction == 'left') {
		if(currentMarginLeft > sliderWidth) {
			slider.style.marginLeft = currentMarginLeft-sliderCurrentSpeed+'px';
			arrowLeft.style.opacity = '1.0';
			if(document.all)
				arrowLeft.style.filter = "Alpha(opacity=100)";
		} else {
			window.clearInterval(sliderInterval);
			sliderInterval = null;
			slider.style.marginLeft = sliderWidth+'px';
			sliderCurrentSpeed = sliderSpeed;
			arrowRight.style.opacity = '0.2';
			if(document.all)
				arrowRight.style.filter = "Alpha(opacity=20)";
		}
	}
	
	if(direction == 'right') {
		if(currentMarginLeft < 0) {
			slider.style.marginLeft = currentMarginLeft+sliderCurrentSpeed+'px';
			arrowRight.style.opacity = '1.0';
			if(document.all)
				arrowRight.style.filter = "Alpha(opacity=100)";
		} else {
			window.clearInterval(sliderInterval);
			sliderInterval = null;
			slider.style.marginLeft = '0px';
			sliderCurrentSpeed = sliderSpeed;
			arrowLeft.style.opacity = '0.2';
			if(document.all)
				arrowLeft.style.filter = "Alpha(opacity=20)";
		}
	}
}