$(document).ready(function(){

	function overlayMessage(title, content){
		var overlayElm = document.getElementById('overlayContainer');
		if(!overlayElm){
			$('body').append('<div id="overlayContainer" title="" style="display:none;"></div>');
			overlayElm = document.getElementById('overlayContainer');
		}
		
		$(overlayElm).attr('title', title);
		$(overlayElm).html(content);
		$(overlayElm).dialog({width: '500px', modal: true, buttons: {'Ok': function() { $(this).dialog("close"); }}});
		$(overlayElm).dialog('open');
	}


	$('form.contactForm').submit(function(){
		var isError = false;
		var systemMsg = new Array();
		if(this.captcha.value == '' || this.captcha.value == 'copy code here'){
			systemMsg.push('You must correctly copy the code.');
			isError = true;
		}
		if(this.name.value == ''){
			systemMsg.push('You must include your name.');
			isError = true;
		}
		if(this.email.value == ''){
			systemMsg.push('You must include your email address.');
			isError = true;
		}
		
		if(isError){
			var content = '';
			for(var key = 0; key < systemMsg.length; key++){
				content = content + '<span class="ui-icon ui-icon-alert" style="float:left; margin-right: 0.3em; margin-top: 0.3em;"></span>' + systemMsg[key] + '<br />\n';
			}
			overlayMessage('Form Input Error', content);
		}
		else{
			$.post('contact.php', $(this).serialize(), function(data){
				// handle the response with ajax
				overlayMessage('System Message', data);
			});
		}
		return false;
	});
	
	$('form.contactForm textarea').focus(function(){
		var targetElm = this;
		if($(this).width() != 500){
			$(this).animate({ 
				width: "500px",
				height: "200px"
			  }, 250, 'swing', function(){
				targetElm.focus();
			 });
		}
		else{
			// alert('no change');	
		}
	});
	
	$('form.contactForm textarea').blur(function(){
		/*
		$(this).animate({ 
			width: "200px",
			height: "100px"
		  }, 500 );
		*/
	});

	$('img.captcha').click(function(){
		var d = new Date();
		var imageSrc = this.src;
		imageSrc = imageSrc.split('?');
		imageSrc = imageSrc[0];

		this.src = imageSrc + '?renew=true&time=' + d.getTime();
	});




});