var currentPage = 1;
var totalPages = 9;

function externalLinks() { 
	if (!document.getElementsByTagName) return; 
	var anchors = document.getElementsByTagName("a"); 
	for (var i = 0; i < anchors.length; i++) { 
		var anchor = anchors[i]; 
		if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") 
			anchor.target = "_blank"; 
	} 
} 
window.onload = externalLinks;

function fillFormText(setForm) {
	formText = ''
		formText = '<form id="'+setForm+'" action="" method="post" onsubmit="return false;">';
		formText += '<table cellspacing="1" cellpadding="1" border="0" style="width: 100%">';
		formText += '<tr>';
		formText += '<td style="width: 70px;">Naam:</td>';
		formText += '<td style="width: 16px;">&nbsp;</td>';
		formText += '<td><input type="text" id="'+setForm+'_naam" value="" class="required" /></td>';
		formText += '</tr><tr>';
		formText += '<td style="width: 70px;">Adres:</td>';
		formText += '<td style="width: 16px;">&nbsp;</td>';
		formText += '<td><input type="text" id="'+setForm+'_adres" value="" class="required" /></td>';
		formText += '</tr><tr>';
		formText += '<td style="width: 70px;">Postcode/Plaats:</td>';
		formText += '<td style="width: 16px;">&nbsp;</td>';
		formText += '<td><input type="text" id="'+setForm+'_postcode" style="width:50px;" value="" class="required" />&nbsp;<input type="text" id="'+setForm+'_plaats" style="width:220px;" value="" class="required" /></td>';
		formText += '</tr><tr>';
		formText += '<td style="width: 70px;">Telefoon:</td>';
		formText += '<td style="width: 16px;">&nbsp;</td>';
		formText += '<td><input type="text" id="'+setForm+'_tel" value="" class="required validate-number" /></td>';
		formText += '</tr><tr>';
		formText += '<td style="width: 70px;">E-mail:</td>';
		formText += '<td style="width: 16px;">&nbsp;</td>';
		formText += '<td><input type="text" id="'+setForm+'_mail" value="" class="required validate-email" /></td>';
		formText += '</tr><tr>';
		formText += '<td colspan="3" style="text-align: center"><br /><input type="button" id="'+setForm+'_btn" class="button" value="Verstuur" onClick="submitForm(\''+setForm+'\'); this.disable(); this.style.backgroundColor = \'#AAAAAA\'" /></td>';
		formText += '</tr>';
		formText += '</table>';
		formText += '</form>';
		
		$(setForm+"_form").innerHTML = formText;
}

function showDiv(divName) {
	setForm = '';
	if(divName == 'party') {
		setForm = 'part';
	} else if(divName == 'consulente') {
		setForm = 'cons';
	}
	if(setForm != '') {
		fillFormText(setForm);
	}
	var divElement = $(divName);
	var divElementInner = $(divName+"Inner");
	divElementInner.style.overflow = "auto";
	divElementInner.scrollTop = 0;
	divElementInner.style.visibility = "visible";
	
	$('collectie').style.visibility = "hidden";
    divElement.style.visibility = "visible";
}

function hideDiv(divName) {
alert(divName);
	var divElement = $(divName);
	var divElementInner = $(divName+"Inner");
	divElementInner.style.overflow = "hidden";
	divElementInner.style.visibility = "hidden";
	divElement.style.visibility = "hidden";
}

function swapDiv(divName, oldName) {
	setForm = '';
	if(divName == 'party') {
		setForm = 'part';
	} else if(divName == 'consulente') {
		setForm = 'cons';
	}
	if(setForm != '') {
		fillFormText(setForm);
	}
	if(oldName != '') {
		var oldElement = $(oldName);
		var oldElementInner = $(oldName+"Inner");
    	oldElementInner.style.overflow = "hidden";
    	oldElement.style.visibility = "hidden";
	}
	var divElement = $(divName);
	var divElementInner = $(divName+"Inner");
    divElementInner.style.overflow = "auto";
    divElementInner.scrollTop = 0;
    divElement.style.visibility = "visible";
}

function openCollection(oldName) {
	$('collectie').style.visibility = "visible";
}
function closeCol(colState) {
	if(colState && colState == "true") {
		$('collectie').style.visibility = "hidden";
	}
}

function moveToPrevious() {
	if(currentPage > 1) {
		new Effect.Move('collectionImagesInner', { x: 780, y: 0, transition: Effect.Transitions.sinoidal });
		currentPage--;
	}
}

function moveToNext() {
	if(currentPage < totalPages) {
		new Effect.Move('collectionImagesInner', { x: -780, y: 0, transition: Effect.Transitions.sinoidal });
		currentPage++;
	}
}

function sendMail(formId) {
	var naam = $(formId+"_naam").value;
	var email = $(formId+"_mail").value;
	
	if(formId == 'news') {
		new Ajax.Request('../ajax/test.php', { method: 'post', parameters: {naam: naam, email: email, formId: formId, f: 'sendNews'}, onComplete: callback_setcontent }); 
	} else {
		var adres = $(formId+"_adres").value;
		var postcode = $(formId+"_postcode").value;
		var plaats = $(formId+"_plaats").value;
		var tel = $(formId+"_tel").value;
		
		new Ajax.Request('../ajax/test.php', { method: 'post', parameters: {naam: naam, adres: adres, tel: tel, postcode: postcode, plaats: plaats, email: email, formId: formId, f: 'sendEmail'}, onComplete: callback_setcontent }); 
	}
}

function callback_setcontent(request) {	
	eval( 'var result = ' + request.responseText );
	$(result['formId']+"_btn").style.backgroundColor = "#006829";
	$(result['formId']+"_btn").enable();
	Form.reset(result['formId']);
	
	$(result['formId']+"_form").innerHTML = "<br /><br /><center>" + result['message'] + "</center>";
}

function formCallback(result, form) {
	if(result) {
		sendMail(form.id);
	} else {
		$(form.id+"_btn").style.backgroundColor = "#FF3300";
		$(form.id+"_btn").enable();
	}
}