// Contact opname
function contact(user, domain, name, url, nooutput) {
	if (!domain) domain = 'froxy.nl';
	if (!name) name = user + '@' + domain;
	if (!url) {
		url = 'mail' + 'to:' + user + '@' + domain;
		if (!nooutput) document.write('<a href="' + url + '" title="' + name + '">' + name + '</a>'); else return url;
	} else {
		if (!nooutput) document.write(name); else return naam;
	}
	return false;
}


// Toon een layer
function showElement(ElementID) {
	if (document.getElementById(ElementID)) {
		var toggleNode = document.getElementById(ElementID).nodeName;
		var toggleType = (toggleNode == 'TD' ? 'table-cell' : (toggleNode == 'TR' ? 'table-row' : 'block'))
		document.getElementById(ElementID).style.display = toggleType;
	}
}


// Verberg een layer
function hideElement(ElementID) {
	if (document.getElementById(ElementID)) {
		document.getElementById(ElementID).style.display = 'none';
	}
}


// Toggle (toon/verberg) een layer
function toggleElement(ElementID, keepOpen) {
	if (!keepOpen) keepOpen = 0;
	if (document.getElementById(ElementID)) {
		if ( (document.getElementById(ElementID).style.display != 'none') || (document.getElementById(ElementID).style.display == '') ) {
			if (keepOpen != 1) hideElement(ElementID);
		} else {
			showElement(ElementID); 
		}
	}
}


// Vouw een element in of uit
function foldElement(ElementID) {
	var linkElement = 'link_' + ElementID;
	var divElement = 'div_' + ElementID;
	if (document.getElementById(divElement)) {
		if (document.getElementById(divElement).style.display != 'none') {
			hideElement(divElement);
			document.getElementById(linkElement).className = 'plus';
		} else {
			showElement(divElement);
			document.getElementById(linkElement).className = 'min';
		}
	}
}


// submitForm : Verstuurt een formulier
function submitForm(formName, returnConfirm) {
	returnForm = (returnConfirm ? confirm(returnConfirm) : true);
	if (returnForm) document.forms[formName].submit();
}


// Maakt het mogelijk om intern data in te laden
function getHTTPRequest() {
	var request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		request = new XMLHttpRequest();
	} else if (window.ActiveXObject) { // IE
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e) {}
		}
	}
	return request;
}


// Tijdsweergave / ticker
function ShowDateTime(TheTicker) {
	if ( !document.all && !document.getElementById )
	return
	var TheElement = document.getElementById ? document.getElementById(TheTicker) : document.all.TheTicker
	var TheDate = new Date()
	var dayarray = new Array("zondag","maandag","dinsdag","woensdag","donderdag","vrijdag","zaterdag")
	var montharray = new Array("januari","februari","maart","april","mei","juni","juli","augustus","september","oktober","november","december")
	var dayname = dayarray[TheDate.getDay()]
	var day = TheDate.getDate()
	var month = montharray[TheDate.getMonth()]
	var year = TheDate.getFullYear()
	var hour = TheDate.getHours()
	var minute = TheDate.getMinutes()
	var second = TheDate.getSeconds()
	if (minute <= 9) minute = "0" + minute
	if (second <= 9) second = "0" + second
	var output = dayname + " " + day + " " + month + " " + year + ", " + hour + ":" + minute + ":" + second
	TheElement.innerHTML = "" + output + ""
	setTimeout("ShowDateTime('" + TheTicker + "')", 1000)
}

/* Image rotator */
function theRotator() {
	$('div#rotator ul li').css({opacity: 0.0}); //Set the opacity of all images to 0
	$('div#rotator ul li:first').css({opacity: 1.0}); //Get the first image and display it (gets set to full opacity)
	setInterval('rotate()',6000); //Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
}

function rotate() {	
	var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first')); //Get the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first')); //Get next image, when it reaches the end, rotate it back to the first image
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
};