<!--
/*
##########################################
# Script: /js/functions.home.js          #
# Copyright (C) 2003-2008 Forwart Design #
# Author: Peter Arts                     #
# http://www.forwart.nl                  #
##########################################
*/

$(document).ready(function() {
	
	// DOM is ready

	$('a.weblog-link').click(function(e){
		// stop normal link click
		e.preventDefault();
	});
	
	$('a.weblog-link-first').click(function(e){
		// stop normal link click
		e.preventDefault();
	});
	
	$('a.weblog-link').toggle(function() {
		$(this).parent('.weblog-item').children('.weblog-item-detail').animate({ height: 'show' }, 'slow');
	},function(){
		$(this).parent('.weblog-item').children('.weblog-item-detail').animate({ height: 'hide' }, 'slow');
	});
	
	$('a.weblog-link-first').toggle(function() {
		$(this).parent('.weblog-item').children('.weblog-item-detail').animate({ height: 'hide' }, 'slow');
	},function(){
		$(this).parent('.weblog-item').children('.weblog-item-detail').animate({ height: 'show' }, 'slow');
	});
	
	setTimeout(function() { $('div#first-weblog-item').animate({ height: 'show' }, 'slow') }, 500);

});

function showReactForm(blogId) {
	
	var objId = 'reacties-form-' + blogId;
	var formData = '';
	formData += '<div id="post-form-result-' + blogId + '"></div>';
	formData += '<fo';
	formData += 'rm meth';
	formData += 'od="post" action="/form_handler" id="post-form-' + blogId + '"><span class="lbl">Naam:</span><input type="text" name="react_naam" value="" /> *<br /><span class="lbl">E-mail:</span><input type="text" name="react_email" value="" /><br /><span class="lbl">Reactie:</span><textarea name="react_reactie"></textarea> *<br /><br /><span class="lbl">&nbsp;</span><input type="submit" name="submit" class="btn" value="Verzenden" /><input type="hidden" name="targetID" value="' + blogId + '" /><input type="hidden" name="form_type" value="blog" /></fo';
	formData += 'rm>';
	$('#' + objId).html(formData);
	$('#' + objId).animate({ height: 'show' }, 'fast');
	
	objId = 'reacties-form-toggle-' + blogId;
	$('#' + objId).hide();
	
	$('form#post-form-' + blogId).ajaxSubmit(blogId);
}

function showReact(blogId) {
	
	$('#reacties-show-toggle-' + blogId).hide();
	$('#reacties-content-' + blogId).animate({ height: 'hide' }, 'fast');
	var params = {};
	params['form_type'] = 'getreacties';
	params['blog_id'] = blogId;
	$.post('/form_handler', params, function(html){
		$('#reacties-content-' + blogId).html(html);
		$('#reacties-content-' + blogId).animate({ height: 'show' }, 'fast');
	});
}

$.fn.ajaxSubmit = function(blogId) {
	/* Change a form's submission type to ajax */
	//strErrorFields = '';
	//$("div.formErrors").html('');
	this.submit(function(){
		var params = {};
	    $(this)
	    .find("input[@checked], input[@type='text'], input[@type='hidden'], input[@type='password'], input[@type='submit'], option[@selected], textarea, label, select")
	    //.find("input, option, select, textarea, label")
	    .filter(":enabled")
	    .each(function() {
	
	      params[ this.name || this.id || this.parentNode.name || this.parentNode.id ] = this.value;
	    });

		$.post('/form_handler', params, function(xml){
			error = $('error', xml).text();
			msg = $('msg', xml).text();
			$('#post-form-result-' + blogId).html(msg);
			
			if (error == 0) {
				
				// hide form
				$('form#post-form-' + blogId).animate({ height: 'hide' }, 'fast');
				
				// refresh
				setTimeout(showReact(blogId), 800);
			} 
		});
		return false;
	});
		
	return this;
}


-->