/* FORM VARIABLES */
var f_name = "";
var f_email = "";
var f_message = "";
var contact_form = '<form> \
<div class="contact_col1"> \
	<label for="email_name">Name:</label><br><input type="text" id="email_name" name="email_name"><br><br> \
	<label for="email">Email:</label><br><input type="text" id="email" name="email"> \
</div> \
<div class="contact_col2"> \
	<label for="email_message">Message:</label><br><textarea id="email_message" name="email_message"></textarea> \
</div> \
<div class="contact_col3"> \
	<input type="button" value="submit" id="contact_button"> \
</div> \
</form>';

jQuery.fn.aPosition = function() {
	thisLeft = this.offset().left;
	thisTop = this.offset().top;
	thisParent = this.parent();
	parentLeft = thisParent.offset().left;
	parentTop = thisParent.offset().top;
	return {
		left: thisLeft-parentLeft,
		top: thisTop-parentTop
	}
}

$(document).ready( function() {
	/*var currentTallest = 0;
	$('.columns > p:first').each( function() {
		if ($(this).height() > currentTallest) { currentTallest = $(this).height(); }
	});

	$('.columns > p:first').css({'min-height': currentTallest}); */

	$('#imageContainer').cycle({
		fx:    'fade', 
		pause:  1,
		speed:  2000,
		timeout: 8000
	});
	
	SetForm();
	
	$('.contact_link').click(function() {
		$('#contact_form').css('top', $('#imageContainer').aPosition().top+'px');
		$('#contact_form').css('left', $('#imageContainer').aPosition().left+'px');
		if ( $('#contact_form').css('display') == "none" ) {
			$('#contact_form').slideDown();
			pageTracker._trackEvent('Actions', 'Contact Form', 'Slide Down');
		} else { 
			$('#contact_form').slideUp();
			pageTracker._trackEvent('Actions', 'Contact Form', 'Slide Up');
		}
	});
});

function SetForm(msg) {
	$('#contact_form').html(contact_form);
	$('#email_name').val(f_name);
	$('#email').val(f_email);
	$('#email_message').val(f_message);	

	if ( msg != "" ) {
		pageTracker._trackEvent('Actions', 'Contact Form', msg);
	}
	
	$('#contact_button').click( function() {
		pageTracker._trackEvent('Actions', 'Contact Form', 'Submit Button');
		f_name = $('#email_name').val();
		f_email = $('#email').val();
		f_message = $('#email_message').val();							 
		$.ajax({
			url: "contact.php",
			global: false,
			type: "POST",
			data: { form_submitted : 'contact_form', 
					email_name : $('#email_name').val(),
					email : $('#email').val(),
					email_message : $('#email_message').val() },
			dataType: "html",
			error: function(XMLHttpRequest, textStatus, errorThrown){
				$("#contact_form").html("ERROR:<br>"+textStatus+"<br>"+errorThrown);
			},
			success: function(msg){
				$("#contact_form").html(msg);
			}
		});					   
	});
}