// JavaScript Document
var $j = jQuery.noConflict();

$j(document).ready(function() {

	$j("#form").validate();

	$j('#successMessages, #errorMessages').fadeIn(700);
	
	$j('#contactform').submit(function(){
 
		var action = $j(this).attr('action');
 
		$j('#submit')
			.before('<img src="ajax-loader.gif" class="loader" />')
			.attr('disabled','disabled');
 
		$j.post(action, { 
			name: $j('#name').val(),
			email: $j('#email').val(),
			phone: $j('#phone').val(),
			concerning: $j('#concerning').val(),
			message: $j('#message').val()
		},
			function(data){
				$j('#contactform #submit').attr('disabled','');
				$j('.response').remove();
				$j('#contactform').before('<span class="response">'+data+'</span>');
				$j('.response').slideDown();
				$j('#contactform img.loader').fadeOut(500,function(){$j(this).remove()});
				if(data=='Message sent!') $j('#contactform').slideUp();
			}
		);
 
		return false;
 
	});

	$j('.toggle').toggle(function() { 
		$j('#' + this.title).css("display","block");
		return false; 
	},function() { 
		$j('#' + this.title).css("display","none");
		return false;  
	});
	
	$j(".rollover").hover(function() {
		$j(this).attr("src", $j(this).attr("src").split(".gif").join("-over.gif"));
	  }, function() {
		$j(this).attr("src", $j(this).attr("src").split("-over.").join("."));
	  });
});