var url = 'http://www.trices.nl/';
//var url = 'http://localhost/www.trices.nl/';

function intro(){
	new Effect.Move ('tekst',{ y: 0, x: 200, duration:0.6, queue:'front'});
	new Effect.Appear('logo', { duration: 0.3, queue:'end' });	
	//setTimeout(function(){ new Effect.Opacity("content", {duration:0.5, from:0.2, to:1.0}) }, 900);		
}

function showFriend(friend){
	Element.setOpacity('contents', 0.0);  
	$('vriend').innerHTML = "Over "+friend;
	new Effect.Appear('contents', { duration: 1.0, queue:'end'});
}


function loadKennis(eid){
	
	Element.setOpacity('kbcontent', 0.0);  
	new Ajax.Updater(
		'kbcontent',
		url+'pages/kennisbank_data.php',
		{
			method: 'post',
			parameters: 'eid='+eid,
			requestHeaders: ['Expires', 'Thu, 17 May 2001 10:17:17 GMT', 'Cache-Control', 'no-cache, must-revalidate', 'Pragma', 'no-cache'],
			onComplete: function () {
				Effect.Appear('kbcontent',{duration:0.5});
			}
		}
	);
}
function medewerker(eid){
	
	Element.setOpacity('kbcontent', 0.0);  
	new Ajax.Updater(
		'kbcontent',
		url+'pages/medewerkers_data.php',
		{
			method: 'post',
			parameters: 'eid='+eid,
			requestHeaders: ['Expires', 'Thu, 17 May 2001 10:17:17 GMT', 'Cache-Control', 'no-cache, must-revalidate', 'Pragma', 'no-cache'],
			onComplete: function () {
				Effect.Appear('kbcontent',{duration:0.5});
			}
		}
	);
}

function nieuws(eid){
	
	Element.setOpacity('kbcontent', 0.0);  
	new Ajax.Updater(
		'kbcontent',
		url+'extranet/extranet_data.php',
		{
			method: 'post',
			parameters: 'eid='+eid,
			requestHeaders: ['Expires', 'Thu, 17 May 2001 10:17:17 GMT', 'Cache-Control', 'no-cache, must-revalidate', 'Pragma', 'no-cache'],
			onComplete: function () {
				Effect.Appear('kbcontent',{duration:0.5});
			}
		}
	);
}



Event.observe (window, 'load', function(){
	loadAccordion ()
	intro();
});

function loadAccordion (){
	var elements = $$(".accordion_i");
	
	elements.each(function(e){
		e.observe('click', accordion);
		e.observe('mouseover',function(event){
			Event.element(event).addClassName('hover')
		});
		e.observe('mouseout',function(event){
			Event.element(event).removeClassName('hover')
		});
	});
}

function accordion(e) {
	var ele = Event.element(e);
	var openElement = $$('.open');
	var oE = openElement[0];
	if (!oE) {
		new Effect.BlindDown (ele.next(), {Duration:'0.2'});
	}
	else {
		if (!ele.hasClassName('open')) {
			oE.removeClassName('open');
			new Effect.Parallel(
				[
					new Effect.BlindUp(oE.next(), {Duration:'0.2'}), 
					new Effect.BlindDown(ele.next(), {Duration:'0.2'})
				]
			);
		}
	}
	ele.addClassName('open');
}