var headerPictures = new Array('oudrekem_1.jpg', 'oudrekem_2.jpg', 'oudrekem_3.jpg', 'oudrekem_4.jpg', 'oudrekem_5.jpg', 'oudrekem_6.jpg', 'oudrekem_7.jpg', 'oudrekem_8.jpg');
var headerMap = '/design/images/layout/fotos/header/';
var thumbMap = '/design/images/layout/fotos/thumbs/';
var currentPic = 0;
var periodical = false;
var slideDelay = 10002;

headerPictures.sort(function() {return 0.5 - Math.random()});

fireOn = Window.ie ? 'load' : 'domready';
window.addEvent(fireOn, function() {
	
	if($$('.overlay_center')){
		$$('.overlay_center a').addEvent('click', function(){
   			$$('.overlay_bg').setStyle('display', 'none');
			$$('.overlay_center').setStyle('display', 'none');
		});
	}
								 
	$('headPic').src = headerMap + headerPictures[currentPic];
	currentPic++;
	$('headPic1').href = headerMap + headerPictures[currentPic];
	$('headPic1').getFirst().src = thumbMap + headerPictures[currentPic];
	currentPic++;
	$('headPic2').href = headerMap + headerPictures[currentPic];
	$('headPic2').getFirst().src = thumbMap + headerPictures[currentPic];
								 
	var links =  $$('#headerImages a');
	for (i=0; i<links.length;i++)
	{
		createOver(links[i]);
	}
	
	function createOver(el)
	{
		if (!el) return false;		
		el.addEvent('click', function(e){
			$clear(periodical);
			_animateHeader(el.href);									  			
			if(el.id=='headPic1') _animatePic1();			
			_animatePic2();
			periodical = slideShow.periodical(slideDelay);
			return false; 			
		});					
	}
	
	var slideShow = function() {
		_animateHeader($('headPic1').href);		
		_animatePic1();		
		_animatePic2();
	}	
		 
	periodical = slideShow.periodical(slideDelay);
	
	var _animateHeader = function(newSrc){							  	
		var outeffet = new Fx.Style($('headPic'), 'opacity', {duration:1000});
		outeffet.start.delay(0, outeffet, [1,0]);	
		
		var ineffet = new Fx.Style($('headPic'), 'opacity', {duration:1000});
		ineffet.start.delay(1000, ineffet, [0,1]);	
		//if(currentPic > (headerPictures.length -1)) currentPic=0;
		var cls = function() {
			$('headPic').src = newSrc
		}.delay(1000);
	}
	
	var _animatePic1 = function(){
		var outeffetPic1 = new Fx.Style($('headPic1').getFirst(), 'opacity', {duration:1000});
		outeffetPic1.start.delay(0, outeffetPic1, [1,0]);	
		
		var ineffetPic1 = new Fx.Style($('headPic1').getFirst(), 'opacity', {duration:1000});
		ineffetPic1.start.delay(1000, ineffetPic1, [0,1]);	
		
		var clsPic1 = function() {
			//currentPic++;
			//if(currentPic >  (headerPictures.length -1)) currentPic=0; 
			$('headPic1').href = $('headPic2').href 
			$('headPic1').getFirst().src = $('headPic2').getFirst().src
		}.delay(1000);
	}
	
	var _animatePic2 = function(){
		var outeffetPic2 = new Fx.Style($('headPic2').getFirst(), 'opacity', {duration:1000});
		outeffetPic2.start.delay(0, outeffetPic2, [1,0]);	
		
		var ineffetPic2 = new Fx.Style($('headPic2').getFirst(), 'opacity', {duration:1000});
		ineffetPic2.start.delay(1000, ineffetPic2, [0,1]);	
		
		var clsPic2 = function() {
			currentPic++;
			if(currentPic > (headerPictures.length-1)) currentPic=0;
			$('headPic2').href = headerMap + headerPictures[currentPic];
			$('headPic2').getFirst().src = thumbMap + headerPictures[currentPic];
		}.delay(1000);
	}
});