// SFEERFOTO'S //

var active_sfeer = 1;
var sfeer_id = 1;

function slideshow()
{
	active_sfeer++;
	active_sfeer_id = sfeer_id;
	sfeer_id++;
	if(active_sfeer > 12)
	{
		active_sfeer = 1;
	}
	if(sfeer_id > 2)
	{
		sfeer_id = 1;
	}

	image = new Image();
	image.src = 'images/sfeer/'+active_sfeer+'.jpg';
	
	$('sfeer'+sfeer_id).src = 'images/sfeer/'+active_sfeer+'.jpg';
	
	new Effect.Fade('sfeer'+active_sfeer_id, {
		delay: 3.5,
		duration: 1
	});
	new Effect.Appear('sfeer'+sfeer_id, {
		from: 0.0,
		to: 1.0,
		duration: 1,
		delay: 3.5,
		afterFinish: function() { 
			slideshow(); 
		}
	});
}

function popup(actie,popup)
{
	var complete = true;
	if(actie == 'show') {
		
		new Effect.Appear(popup, { 
			from: 0.0, 
			to: 1.0, 
			duration: 0.5,
			delay: 0.5
		});
		new Effect.Appear(popup+'_layer', { 
			from: 0.0, 
			to: 0.7, 
			duration: 0.2
		});
	}
	else if (actie == 'hide')
	{
		
		new Effect.Appear(popup, { 
			from: 1.0, 
			to: 0.0, 
			duration: 0.5,
			afterFinish: function() {
				$(popup).style.display = 'none';
			}
		});
		new Effect.Appear(popup+'_layer', { 
			from: 0.7, 
			to: 0.0, 
			duration: 0.5,
			delay: 0.5,
			afterFinish: function() {
				$(popup+'_layer').style.display = 'none';
			}
		});		
	}
}

function send_form(formulier) {
		
	url = 'includes/interesse.php';
	formValues = $(formulier+'_serialized').value;
	
	new Ajax.Request(url, { 
		method:'post', 
		postBody: 'form=true&' + formValues,
		onSuccess: 
		function(response) {
			msg = response.responseText;
			//alert(response.responseText);
			var sResponse = msg.split('|');
			
			if(sResponse[0] == 'error')
			{
				$('interesse_error').innerHTML = sResponse[1];
				$('interesse_error').show();
				
			} else if(sResponse[0] == 'success') {
			
				$('form').hide();
				$('interesse_success').innerHTML = sResponse[1];
				$('interesse_success').show();
			
				new Effect.Appear('interesseform', { 
					from: 1.0, 
					to: 0.0, 
					duration: 0.5,
					delay: 2.0,
					afterFinish: function() {
						$('interesseform').style.display = 'none';
					}
				});
				new Effect.Appear('interesseform_layer', { 
					from: 0.7, 
					to: 0.0, 
					duration: 0.5,
					delay: 2.5,
					afterFinish: function() {
					$('interesseform_layer').style.display = 'none';
					}
				});		
				
			} 

		}
		
	});
}

//	Aanbod foto overzicht
var movePicture = true;
function nextPicture() {
	if(movePicture) {
		Effect.MoveBy('slider', 0, -238, { duration: 0.2, beforeStart: function() { movePicture = false; },  afterFinish: function() { movePicture = true; $('prev').style.display = 'block'; $('next').style.display = 'none'; }});
	}
}
function prevPicture() {
	if(movePicture) {
		Effect.MoveBy('slider', 0, 238, { duration: 0.2, beforeStart: function() { movePicture = false; },  afterFinish: function() { movePicture = true; $('prev').style.display = 'none'; $('next').style.display = 'block'; }});
	}
}

function tabs(id) {
	closeAll();
	document.getElementById('content' + id).style.display = 'block';
	document.getElementById('tab' + id).style.color = '#FFFFFF';
	
	var sBG;
	switch(id) {
		case '1' :
			sBG = 'tab_zoeken_active';
		break;
		case '2' :
			sBG = 'tab_aanmelden_active';
		break;
	}
	document.getElementById('tab' + id).style.background = 'url(\'images/template/' + sBG + '.jpg\')';
}

function closeAll() {
	var nTabs = 2;
	var sBG;
	for(i = 1; i <= nTabs; i++) {
		document.getElementById('content' + i).style.display = 'none';
		document.getElementById('tab' + i).style.color = '#003a81';
	}
	document.getElementById('tab1').style.background = 'url(\'images/template/tab_zoeken_normaal.jpg\')';
	document.getElementById('tab2').style.background = 'url(\'images/template/tab_aanmelden_normaal.jpg\')';
}

var open_slide = "";
var action = true;
var bmeer = true;

function meer(id) {
	if(bmeer) {
		bmeer = false;
		if(document.getElementById(id).style.display == 'none') {
			Effect.BlindDown(id,{duration: 0.5, beforeStart: function(){ $('meer_' + id).style.display = 'none'; $('minder_' + id).style.display = 'block';  }, afterFinish: function(){ bmeer = true; }});
		}
		else {
			Effect.BlindUp(id,{duration: 0.5, beforeStart: function(){ }, afterFinish: function(){ bmeer = true; $('minder_' + id).style.display = 'none'; $('meer_' + id).style.display = 'block'; }});
		}
	}
}

function tip(id, arg) {
	if(action == true)
	{
		action = false;
		if($(id).style.display == 'block')
		{
			Effect.BlindUp(id,{duration: 0.5, afterFinish: function(){ action = true; }});
			open_slide = "";
		}
		else
		{
			if(open_slide != id)
			{
				if(open_slide == "")
				{
					Effect.BlindDown(id,{duration: 0.5, afterFinish: function(){ action = true; }});
					open_slide = id;
				}
				else
				{
					Effect.BlindUp(open_slide,{duration: 0.5});
					Effect.BlindDown(id,{delay: 0.5, duration: 0.5, afterFinish: function(){ action = true; }});
					open_slide = id;
				}
			}
			else
			{
				Effect.BlindUp(open_slide,{duration: 0.5, afterFinish: function(){ action = true; }});
				open_slide = "";
			}
		}
	}
}

function slide(id, arg)
{
	if(action == true)
	{
		action = false;
		if($(id).style.display == 'block')
		{
			Effect.BlindUp(id,{duration: 0.5, afterFinish: function(){ action = true; }});
			open_slide = "";
		}
		else
		{
			if(open_slide != id)
			{
				if(open_slide == "")
				{
					Effect.BlindDown(id,{duration: 0.5, afterFinish: function(){ action = true; }});
					document.getElementById('interesse').style.background = 'url(\'images/template/interesse01.jpg\') no-repeat right 7px #016297';
					open_slide = id;
				}
				else
				{
					Effect.BlindUp(open_slide,{duration: 0.5});
					Effect.BlindDown(id,{delay: 0.5, duration: 0.5, afterFinish: function(){ action = true; }});
					open_slide = id;
				}
			}
			else
			{
				Effect.BlindUp(open_slide,{duration: 0.5, afterFinish: function(){ action = true; }});
				document.getElementById('interesse').style.background = 'url(\'images/template/interesse02.jpg\') no-repeat right 7px #016297';
				open_slide = "";
			}
		}
	}
}

//	AJAX Request

function setRequest(option, value, type) {
	switch(option) {
		default :
			new Ajax.Request('includes/request.php', {
				method: 'post', 
				postBody: option + '=' + value,
				onSuccess: function() {
					switch(type) {
						case 'image' :
							location.href = 'aanmelden.php?stap=1';
						break;
					}
				}
			});
		break;
	}
}