fireOn = Window.ie ? 'load' : 'domready';

var currentImage = "";

window.addEvent(fireOn, function(){

	if($('indekijker'))
	{
	$('indekijker').style.cursor = "pointer";
	
	$('indekijker').addEvent('click', function(){
		document.location = $('indekijker').link;
	});
	}
 	if($('otherPhotos'))
	{
		var others = $('otherPhotos').firstChild.nodeValue;
		var pics = others.split("%;%");
		var current = $('currentPhoto').firstChild.nodeValue;
		
		var data = pics[current].split("%,%");
		TITEL = data[0];
		GEMEENTE = data[1];
		IMG = data[2];
		LINK = data[3];
		$('indekijker').link = LINK;
		
		currentImage = IMG;
		
		//var pic = $('pic');
		var picca = $('picca');
		var text = $('text');	
		var gemeente = $('gemeente');	
		
		//pic.src="/uploads/pics_portfolio/thumbs/" + trim(IMG);
		picca.style.background="transparent url('" + trim(IMG) + "') no-repeat scroll center top";										
		text.innerHTML= trim(TITEL);	
		gemeente.innerHTML= trim(GEMEENTE);	
		var changePic = function(){ 
			current++;
			if(current > (pics.length - 2)) current=0;
			
			var data = pics[current].split("%,%");
			TITEL = data[0];
			GEMEENTE = data[1];
			IMG = data[2];
			LINK = data[3];
			
			if(currentImage == IMG)
			{
				return;
			}
			
			currentImage = IMG;

			$('indekijker').link = LINK;
			
			//var pic = $('pic');
			var picca = $('picca');
			var text = $('text');
			var gemeente = $('gemeente');
			
			//var outeffetPic = new Fx.Style(pic, 'opacity', {duration:1000});
			//outeffetPic.start.delay(0, outeffetPic, [1,0]);
			
			//var ineffetPic = new Fx.Style(pic, 'opacity', {duration:1000});
			//ineffetPic.start.delay(1000, ineffetPic, [0,1]);

			var outeffetLink = new Fx.Style(picca, 'opacity', {duration:1000});
			outeffetLink.start.delay(0, outeffetLink, [1,0]);
			
			var ineffetLink = new Fx.Style(picca, 'opacity', {duration:1000});
			ineffetLink.start.delay(1000, ineffetLink, [0,1]);		

			var outeffetLink = new Fx.Style(text, 'opacity', {duration:1000});
			outeffetLink.start.delay(0, outeffetLink, [1,0]);
			
			var ineffetLink = new Fx.Style(text, 'opacity', {duration:1000});
			ineffetLink.start.delay(1000, ineffetLink, [0,1]);		
			
			var outeffetLink = new Fx.Style(gemeente, 'opacity', {duration:1000});
			outeffetLink.start.delay(0, outeffetLink, [1,0]);
			
			var ineffetLink = new Fx.Style(gemeente, 'opacity', {duration:1000});
			ineffetLink.start.delay(1000, ineffetLink, [0,1]);		
			
			
			var cls = function() {
				picca.style.background="transparent url('" + trim(IMG) + "') no-repeat scroll center top";									
				text.innerHTML= trim(TITEL);
				gemeente.innerHTML= trim(GEMEENTE);	
			}.delay(1000);
			
			
					
		}

		changePic.periodical(5000);
	}
});

function trim(str) {
	str = str.replace(/^\s+/, '');
	for (var i = str.length - 1; i >= 0; i--) {
		if (/\S/.test(str.charAt(i))) {
			str = str.substring(0, i + 1);
			break;
		}
	}
	return str;
}