var images = ['img/dynamic/01.gif','img/dynamic/02.gif','img/dynamic/03.gif','img/dynamic/04.jpg','img/dynamic/05.gif','img/dynamic/06.gif','img/dynamic/07.gif','img/dynamic/08.jpg','img/dynamic/09.jpg','img/dynamic/10.jpg','img/dynamic/11.jpg'];
function _start() {
	$('yogaplakat').observe('click', setImage.bind(null, 'img/dynamic/yogaplakat.jpg', 'http://www.yogaplakat.ch/'));
	$('stempel').observe('click', setImage.bind(null, 'img/dynamic/stempel.jpg', 'http://www.ambassador-stamps.ch/'));
	$('bettwasche').observe('click', setImage.bind(null, ['img/dynamic/bettwaesche.jpg','img/dynamic/bettwaesche2.jpg'], 'http://www.fischbacher.ch/'));
	
	$('outer').select('img').each(function(img) { var x = new Image(); x.src = img.src; });
	
	//var imgIndex = Math.floor(Math.random()*images.length);
	var imgIndex = 0;
	var img = images[imgIndex];
	new ImagePreload([img], {pause: 1000});
	new ImagePreload(images, {pause: 1000});
	new ImagePreload(['img/dynamic/bettwaesche2.jpg','img/dynamic/bettwaesche.jpg','img/dynamic/stempel.jpg','img/dynamic/yogaplakat.jpg'], {pause: 1000});
	changeImage(imgIndex);
}

function changeImage(index) {
	setImage(images[index]);
	var nextIndex = index+1;
	if(nextIndex == images.length) {
		nextIndex = 0;
	}
	$('rightarrow').stopObserving('click');
	$('rightarrow').observe('click', changeImage.bind(null, nextIndex));
	var prevIndex = index-1;
	if(prevIndex < 0) {
		prevIndex = images.length-1;
	}
	$('leftarrow').stopObserving('click');
	$('leftarrow').observe('click', changeImage.bind(null, prevIndex));
}

function setImage(path, link) {
	var img = $('dynamic_image');
	img.stopObserving('click');
	if(Object.isArray(path)) {
		var active = -1;
		for(i = 0; i < path.length; i++) {
			if(img.src.endsWith(path[i])) {
				active = i;
				break;
			}
		}
		if(active != -1) active++;
		if(active == -1 || active == path.length) active = 0;
		path = path[active];
	}
	img.src = path;
	if(!Object.isString(link)) {
		link = '#'
		$('image_link').target = '_self';
		$('image_link').style.cursor = 'default';
	} else {
		$('image_link').target = '_blank';
		$('image_link').style.cursor = 'pointer';
	}
	$('image_link').href = link;
}

document.observe('dom:loaded', _start);