// Global vars :: fotoSlides();
var state = false;
var curImage = 0;

function fotoSlides() {
		gallerij_id 	= 'foto-gallery'; // De div waar je img files in staan, (zorg dat ze style="display: none;" zijn);
		pagination_id 	= 'foto-pagination'; // In welke div id worden de links neergezet ( 1 2 3 stop etc)
		pad_control 	= '/style/switchs/images/'; // Locatie waar de control images staan (play_btn.gif & stop_btn.gif)
		speed 			= 1000 // Fade tijd  in miliseconden
		tijd 			= 3; // Tijd in seconden om plaatje te switchen
		
		// In principe zou de gallerij met deze instellingen uit zichzelf moeten werken, zo niet edit onder deze lijn
		// ____________________ Do not edit below this line ____________________________________
		
		// Maak een array van de images in de div.
		mainEl = document.getElementById(gallerij_id);
		aImages = mainEl.getElementsByTagName('img');
		
		// Maximumplaatjes en tijd voor timer.
		maxImages = (aImages.length - 1);
		seconds = Math.round(tijd * 1000);
		
		// Fade eerste plaatje in tenzij curImage andere start waarde heeft.
		$(aImages[curImage]).fadeIn(speed);
		
		// Basic timer, telt x aantal seconden af en reset zichzelf dan weer. (gaat niet aan als er maar 1 plaatje is);
		// dev: Timer laten stoppen wanneer state true.
		if(maxImages > 0) {
			$.timer(seconds, function (timer) {
				changeImage(aImages, speed, maxImages);
				timer.reset(seconds);	
			});
		}
		
		// Stelt image links in aan de hand van de array lengte.
		prevLink = '';
		for(i=0;i<aImages.length;i++) {
			t = prevLink+'<a href="javascript:;" id="p_'+i+'" onclick="displayImage('+i+', aImages); ">'+(i + 1)+'</a>';
			prevLink = t;
		}
		
		// controlBtn: de start/stop knop helemaal rechts en output is de html waarde die wordt gebruikt.
		controlBtn = '<a href="javascript:;" onclick="startStopImage();"><img id="controlImage" src="'+pad_control+'control_stop_btn.gif" border="0" alt="Stop" /></a>';
		output = '<table border="0" cellspacing="0" cellpadding="0"><tr><td style="width: 20px;padding: 0 15px 0 15px;">Foto\'s</td><td style="width: 230px;">'+prevLink+'</td><td>'+controlBtn+'</td></tr></table>';
		$("#"+pagination_id).html(output);
}

function changeImage(aImages, speed, maxImages) {
	// Kijkt naar state, als state false is zal hij het huidige plaatje uitfaden.
	// curImage wordt verhoogt of reset, en het volgende plaatje in de array
	// wordt ingeladen.
	if(!state) {
		$(aImages[curImage]).fadeOut(speed);
		if(curImage < maxImages) {
			curImage++;
		} else {
			curImage = 0;
		}
		$(aImages[curImage]).fadeIn(speed);
	}
}

function displayImage(i, aImages) {
	// Zet de startStop button naar stop, pakt de huidige link en underlined hem en verandert de kleur
	// Als curImage nog niet het plaatje is dat wordt opgevraagd, fade huidige plaatje uit en zorg
	// dat de link bij dat plaatje is hersteld. fade dan i in.
	startStopImage(pad_control, true); 
	$("#p_"+i).css("text-decoration","underline");
	$("#p_"+i).css("color","#ff99cc");
	if(curImage != i) {
		$(aImages[curImage]).fadeOut((speed / 4));
		$("#p_"+curImage).css("text-decoration","none");
		$("#p_"+curImage).css("color","#fff");
		curImage = i;
	}
	$(aImages[curImage]).fadeIn((speed / 4));
	}

function startStopImage(p, o) {
	// Wanneer aangeklikt zet huidige link weer naar normaal.
	// aan de hand van state is image src play of stop en o is override om
	// te zorgen dat stop niet aankan.
	var p = "/style/switchs/images/";
	image = document.getElementById("controlImage");
	$("#p_"+curImage).css("text-decoration","none");
	$("#p_"+curImage).css("color","#fff");
	
	if(!state) {
		image.src = p + 'control_play_btn.gif';
		state = true;
		
	} else {
		if(!o) {
			image.src = p + 'control_stop_btn.gif';
			state = false;
		}
	}	
}

// Voor dropdown select menu, pak waarde van element 1 en zet die in element 2
function changeValue(el, newValue) {
	$(el).html($(newValue).text());
}

// Voor belmij formulier, onclick show div en verstop de belmij btn
function show(el, hide) {
	$(el).show('fast');
	$(hide).toggle();
	
	$(el).css('display','table');
}


// active Tooltip :: Global vars
var activePrevId = null;

function activeToolTip(list, curEl, pos) {
	// Active tooltip kan zelf uitrekenen waar hij moet komen te staan
	// Indien override nodig gebruik pos.
	
	// spacing = height en margin / 2 ( 2 kanten).
	// kan vervelend zijn om uit te rekenen.
	startSpacing = 13;
	// Spacing tussen elements
	spacing = 0;
	
	//________ Do not edit below this line _________
	
	// Maak array van de items
	aList = list.split(',');
	sHtml = '';
	
	// Maakt html list
	for(i=0;i<aList.length;i++) {
		urlCheck = aList[i].split('_');
		if(urlCheck.length > 1) {
			uc = urlCheck[1].split('[');
			uc2 = uc[1].split(']');
			sItem = '<li><a href="'+uc2[0]+'">'+urlCheck[0]+'</a></li>';
		} else {
			sItem = '<li>'+aList[i]+'</li>';
		}
		tHtml = sHtml+sItem;
		sHtml = tHtml;
	}
	outputList = '<ul>'+sHtml+'</ul>';
	
	// - -
	tBg = $(curEl).css("background-image") ;
	// hoogte van parent element, de parent van het parent element en de id van het parent element.
	parentHeight = parseInt($(curEl).parent().css("height").split('px'));
	parentParent = $(curEl).parent().parent();
	parentId = $(curEl).parent().attr("id");
	// Zoek aan de hand van de vorige vars de positie op in de elements
	idPos = parseInt(findMyId(parentParent, parentId));
	
	if(!pos) {
		// je Startspacing + je positie * hoogte + margin/padding aka spacing
		endHeight = startSpacing + (idPos * (parentHeight + spacing));
	} else {
		endHeight = pos;
	}
	
	// -- switches bg to active.
	if(activePrevId) {
		nbg = $(activePrevId).parent().css("background-image").replace(/_omo.gif/i, '.gif');
		$(activePrevId).parent().css("background-image", nbg);
	}
	nbg = $(curEl).parent().css("background-image").replace(/.gif/i, '_omo.gif');
	$(curEl).parent().css("background-image", nbg);
	activePrevId = curEl;
	
	$('#active_tooltip_container').css("top", endHeight);
	$('#a_info_c').html(outputList);
	$('#active_tooltip_container').show('def');
}

// Returned positie in parent meot onderliggend lvl zijn
function findMyId(parent, id) {
	split = $(parent).html().split('id=');
	for(i=0;i<split.length;i++) {
		var patt1 = new RegExp(id);
		if(patt1.exec(split[i]) == id) {
			return i;
		}
	}
	return false;
}

// --
// bToggle :: Global vars
var prevEl = null;
var prevId = null;
var curI = 0;

function bToggle(object, curEl, i) {
	// show objects aan de hand van i en object
	// als i null is wordt curEl gebruikt om menu te vinden.
	if(!i) {
		aElements = curEl.split(',');

		if(curI >= aElements.length) {
			curI = 0;
		}

		curId = aElements[curI];
		pathToDiv = object+'_'+(curI+1);
		
		curI++;
	} else {
		pathToDiv = object+'_'+i;
		curId = $(curEl).parent().attr('id');
		curI = (i--);
	}

	if(prevEl) {
		$(prevEl).hide('fast');
	}
	if(prevId) {
		$('#'+prevId).removeClass();
	}
	
	// Add color
	$('#'+curId).addClass(curId+"_active");

	// show object in container.
	$(object).show('def');
	$(pathToDiv).show('def');
	
	prevEl = pathToDiv;
	prevId = curId;
}

// Split element in stukken
function splitEl(el, ident) {
	xSplit = $(el).html().split(ident);
	return xSplit;
}

 $(document).ready(function(){
    
	$('#elements').serialScroll({
		items: '.element',
		prev: 'a.prev',
		next: 'a.next',
		step: 1
	});
	
	$('#main_form').click(function () {
		$('#form').fadeIn("slow");
		$('#main_form ul li a').addClass("form_active");
	});
	
	$('td.close').click(function () {
		$('#form').fadeOut("slow");
		$("#main_form ul li a").removeClass("form_active");
	});
		
});


	$( document ).ready( function() {
		if( $( '.body-message' ).text() != "" ) {
			$( '.intro-txt' ).remove();
			$( '.projecten_subtitle' ).remove();
			$( '.switchs_project_subtitle' ).remove();
			$( '#nieuwsbrief-container' ).remove();
		}
	});
	

	$( document ).ready( function() {
		if( $( '#title_meer-nieuws' ).text() != "" ) {
			$( '#foto-gallery').remove();
			$( '#foto-pagination' ).remove();
		}
	});

		$( document ).ready( function() {
		if( $( '.body-message' ).text() != "" ) {
			$( '#foto-gallery' ).css("margin","110px 0 0 40px");
			$( '#foto-pagination' ).css("margin","20px 0 0 40px");
		}
	});