var pictures = new Array(5);
pictures[0] = new Array('images/home/ali_b.jpg');
pictures[1] = new Array('images/home/tramps.jpg');
pictures[2] = new Array('images/home/berget.jpg');
pictures[3] = new Array('images/home/bbb.jpg');
pictures[4] = new Array('images/home/xander.jpg');
var counter =3 ;

function slideNews(){
	new Effect.Morph('NewsHeader',{transition: Effect.Transitions.spring ,duration:2, style :'margin-left:5px;',queue:{position:"start",scope:"News"}});
	
	setTimeout('new Effect.Morph("NewsMessage",{transition: Effect.Transitions.spring,duration:3,style:"margin-left:5px;",queue:{position:"start",scope:"News"}})',400);
	
	setTimeout('new Effect.Morph("NewsMessage",{transition: Effect.Transitions.linear,duration:0.5,style:"margin-left:-180px;",queue:{position:"end",scope:"News"}})',8000);
	setTimeout('new Effect.Morph("NewsHeader",{transition: Effect.Transitions.linear ,duration:0.5, style :"margin-left:-180px;",afterFinish:newsCallback,queue:{position:"end",scope:"News"}});',8500);
}

function newsCallback(){
	new Ajax.Request('ajax.php?action=news', {onSuccess : function(t){
		
		var serializer = new PHP_Serializer(); 
		var data = serializer.unserialize(t.responseText);
		
		Element.remove('NewsHeader');
		Element.remove('NewsMessage');
		
		var link  = document.createElement('a');
		var header = document.createElement('h2');
		var message = document.createElement('p');
		header.id ="NewsHeader";
		message.id ="NewsMessage";
		message.className = "message";
		message.style.marginLeft = "180px";
		message.style.width = "180px";
		header.style.marginLeft = "180px";
		header.style.width = "180px";
	
		header.appendChild(document.createTextNode('nieuwsbericht'));
		message.appendChild(document.createTextNode(data['NewsTitle']));
		
		link.href = '/Nieuws/' +data['NewsTitle'].replace(/ /g,'_') ;
		link.appendChild(header);
		link.appendChild(message);
		
		$('News').appendChild(link);
		
	
		setTimeout('slideNews()',2000);		
	}});
	
}

function slideImages(){
	new Effect.Morph('frame1',{transition: Effect.Transitions.sinoidal  ,duration:3, style:'margin-left:-387px;',afterFinish:finishCallback,queue:{position:"end",scope:"Images"}});
}
function finishCallback(){
	Element.remove('frame1');
	$("frame2").id = 'frame1';
	$("frame3").id = 'frame2';
	var frame = document.createElement('div');
	frame.id = 'frame3';
	frame.className = 'frame';
	frame.style.marginRight = '30px';
	
	//var link = document.createElement('a');
	//link.href = pictures[counter][2];
	//link.title = pictures[counter][1];

	var newimg = document.createElement('img');
	newimg.src = pictures[counter][0];
	
	frame.appendChild(newimg);
	//link.appendChild(newimg);
	//frame.appendChild(link);
	$('Scroller').appendChild(frame);
	
	if(counter == (pictures.length-1)){
		counter =0;
	} else {
		counter++;
	}
}

window.onload = function () {
	/**
	new Ajax.Request('ajax.php?action=news', {onSuccess : function(t){
		var serializer = new PHP_Serializer(); 
		var data = serializer.unserialize(t.responseText);
		$("NewsHeader").innerHTML ='<a href="/nieuws/' +data["NewsTitle"].replace(/ /g,"_") +'">nieuwsbericht</a>';
		$("NewsMessage").innerHTML ='<a href="/nieuws/' +data["NewsTitle"].replace(/ /g,"_") +'">' +data['NewsTitle'] +'</a>';
	}});
	slideNews();
	*/
	setInterval('slideImages()' ,6000);
}