var actImg = 0
var images = ['head1.jpg', 'head2.jpg', 'head3.jpg', 'head4.jpg', 'head5.jpg']
	
imageFade = function() {
	$('head-image-next').src = $('head-image').src
	new Effect.Fade('head-image', {duration: .8})
	setTimeout('imageLoad()', 1500)
}

imageLoad = function() {
	if (images.length > 0) {
		$('head-image').src = '/img/'+images[actImg]
		if (actImg+1 == images.length) {
			actImg = 0
		} else {
			actImg++
		}
		setTimeout('imageEffect()', 800)
	}
}

imageEffect = function() {
	Effect.Appear('head-image', {duration: .8})
	setTimeout('imageFade()', 5000)
}

Event.observe(window, 'load', imageFade);