var imagewidth = $$('.slider_img')[0].getSize().x;
var shownImages = Math.ceil(800 / imagewidth);
var nextImgIndex = 0; //Math.floor(800 / imagewidth) - $$('.slider_img').length;

var cloneImage = function(index, pos) {
	var image = $$('.slider_img')[index];
	var imageLink = new Element('a', {
		href: image.getAttribute('link')
	});
	var nextImage = image.clone();
	nextImage.setStyle('left', pos);
	nextImage.inject(imageLink);
	imageLink.inject($('slider'));	
}

var slideAStep = function(img) {
		
	var highestRightPos = 0;
	$$('.slider_img').each(function(img) {
		var oldPos = parseInt(img.getStyle('left'));
		var newPos = oldPos - 1;
		img.setStyle('left', newPos);
		
		var offPos = -img.getSize().x;
		if(newPos < offPos) {
			img.getParent().dispose();
		}
		if(newPos > highestRightPos) {
			highestRightPos = newPos;	
		}
	});
	if(highestRightPos + imagewidth - 20 < $('slider').getSize().x) {
		cloneImage(nextImgIndex, highestRightPos + imagewidth + 2);					
	}
};
var interval;
window.addEvent('domready', function() {
	var imageCount = $$('.slider_img').length;
	for(var i = imageCount; i < shownImages; i++) {
		cloneImage(i % imageCount, i * (imagewidth + 2));
		nextImgIndex = (nextImgIndex + 1) % imageCount;
	}
	interval = window.setInterval(slideAStep, 10);
	$('slider').addEvent('mouseover', function(div) {
		window.setTimeout(function() {
			if(interval == null) return;
			window.clearInterval(interval);
			interval = null;
			//console.log('off');
		}, 100);
	});
	$('slider').addEvent('mouseout', function(div) {
		window.setTimeout(function() {
			if(interval != null) return;
			interval = window.setInterval(slideAStep, 10);
			//console.log('on');
		}, 100);
	});
});