$(document).ready(function () {


	

	jQuery('#emai_email, #referral_email, #design_email, #support_email').focus(function () {  
		if ( jQuery(this).val() == 'Your Email' ){
			jQuery(this).val(''); 
		}
	});	
	jQuery('#emai_email, #referral_email, #design_email, #support_email').blur(function () {  
		if ( jQuery(this).val() == '' ){
			jQuery(this).val('Your Email'); 
		}
	});

	
	jQuery('#support_comment').focus(function () {  
		if ( jQuery(this).val() == 'Questions' ){
			jQuery(this).val(''); 
		}
	});	
	jQuery('#support_comment').blur(function () {  
		if ( jQuery(this).val() == '' ){
			jQuery(this).val('Questions'); 
		}
	});
	
	jQuery('#design_comment').focus(function () {  
		if ( jQuery(this).val() == 'Questions' ){
			jQuery(this).val(''); 
		}
	});	
	jQuery('#design_comment').blur(function () {  
		if ( jQuery(this).val() == '' ){
			jQuery(this).val('Questions'); 
		}
	});
		
		
	jQuery('#design_name, #support_name').focus(function () {  
		if ( jQuery(this).val() == 'Your Name' ){
			jQuery(this).val(''); 
		}
	});	
	jQuery('#design_name, #support_name').blur(function () {  
		if ( jQuery(this).val() == '' ){
			jQuery(this).val('Your Name'); 
		}
	});
	

	// horizontal scrollables. each one is circular and has its own navigator instance
	var horizontal = jQuery("#services").scrollable({size: 1, clickable: false}).navigator(".navi");
	//var urlVar = window.location.pathname;
	
	
	// when page loads setup keyboard focus on the first horzontal scrollable
	//horizontal.eq(0).scrollable().focus();
	
	var horizontal2 = jQuery("#projects").scrollable({size: 1, clickable: false}).circular().navigator(".back-next");
	//horizonta2l.eq(0).scrollable().focus();

	
	
	//send email form	
	jQuery("#send-email-form .send-email").click(function() {		
		jQuery("#send-email-form").validate({
			rules: {
				emai_email: {
			      	required: true,
			      	email: true
			    }			    
			  },
			 submitHandler: function() {
				var email = jQuery('#send-email-form #emai_email').val();	
				var dataString = 'email=' + email;
				//alert (dataString);return false;

				jQuery('#send-email-form .send-email').hide();
				jQuery('#send-email-form p').append('<img src="/wp-content/themes/turleydesigns-2/images/loading.gif" height="20" width="20" style="margin-left:10px; vertical-align:text-top;"  />');

				jQuery.ajax({
			      type: "POST",
			      url: "wp-content/themes/turleydesigns-2/func/send-email.php",
			      data: dataString,
			      success: function() {	
			        jQuery('#send-email-form').html('<div class="message""></div>');
					jQuery('#send-email-form .message').html("<h4>Thanks!</h4>")
					.append("<p>We will be in touch soon.</p>")
					.hide()
					.fadeIn(1500, function() {
					    //jQuery('#send-email-form .message').append("<img id='checkmark' src='images/check.png' />");
					});
			      }
			     });
			 }
		});
	});
	
	
	//send referral form	
	jQuery("#send-referral-form .send-email").click(function() {		
		jQuery("#send-referral-form").validate({
			rules: {
				referral_email: {
			      	required: true,
			      	email: true
			    }			    
			  },
			 submitHandler: function() {
				var email = jQuery('#send-referral-form #referral_email').val();	
				var dataString = 'email=' + email;
				//alert (dataString);return false;

				jQuery('#send-referral-form .send-email').hide();
				jQuery('#send-referral-form p').append('<img src="/wp-content/themes/turleydesigns-2/images/loading.gif" height="20" width="20" style="margin-left:10px; vertical-align:text-top;"  />');

				jQuery.ajax({
			      type: "POST",
			      url: "wp-content/themes/turleydesigns-2/func/send-referral.php",
			      data: dataString,
			      success: function() {	
			        jQuery('#send-referral-form').html('<div class="message""></div>');
					jQuery('#send-referral-form .message').html("<h4>Thanks!</h4>")
					.append("<p>We will be in touch soon.</p>")
					.hide()
					.fadeIn(1500, function() {
					    //jQuery('#send-referral-form .message').append("<img id='checkmark' src='images/check.png' />");
					});
			      }
			     });
			 }
		});
	});
	
	
	//send design form	
	jQuery("#design_email_form .submit").click(function() {		
		jQuery("#design_email_form").validate({
			rules: {
				design_email: {
			      	required: true,
			      	email: true
			    },
				design_name: {
			      	required: true
			    }			    
			  },
			 submitHandler: function() {
				var email = jQuery('#design_email_form #design_email').val();	
				var name = jQuery('#design_email_form #design_name').val();	
				var comment = jQuery('#design_email_form #design_comment').val();	
				var dataString = 'name='+ name + '&email=' + email + '&comment=' + comment;
				//alert (dataString);return false;

				jQuery('#design_email_form .submit').hide();
				jQuery('#design_email_form .rcol').append('<img src="/wp-content/themes/turleydesigns-2/images/loading.gif" height="20" width="20" style="margin-left:10px; vertical-align:text-top;"  />');

				jQuery.ajax({
			      type: "POST",
			      url: "wp-content/themes/turleydesigns-2/func/send-design.php",
			      data: dataString,
			      success: function() {	
			        jQuery('#design_email_form').html('<div class="message""></div>');
					jQuery('#design_email_form .message').html("<h4>Thanks!</h4>")
					.append("<p>We will be in touch soon.</p>")
					.hide()
					.fadeIn(1500, function() {
					    //jQuery('#design_email_form .message').append("<img id='checkmark' src='images/check.png' />");
					});
					//var _gaq = _gaq || [];
					//_gaq.push(['_setAccount', 'UA-3870653-4']);
					//_gaq.push(['_trackPageview', '/design-contact-complete']);
					//track it
					var _gaq = _gaq || [];
					_gaq.push(['_setAccount', 'UA-3870653-4']);
					_gaq.push(['_trackPageview', '/design-contact-complete']);
					_gaq.push(['_trackEvent', 'Desgin-Contact', 1]);
			      }
			     });
			 }
		});
	});
	
	//send support form	
	jQuery("#support_email_form .send-email").click(function() {
		jQuery("#support_email_form").validate({
			rules: {
				support_email: {
			      	required: true,
			      	email: true
			    },
				support_name: {
			      	required: true
			    }			    
			  },
			 submitHandler: function() {
				var email = jQuery('#support_email_form #support_email').val();	
				var name = jQuery('#support_email_form #support_name').val();	
				var comment = jQuery('#support_email_form #support_comment').val();	
				var dataString = 'name='+ name + '&email=' + email + '&comment=' + comment;
				//alert (dataString);return false;

				jQuery('#support_email_form .submit').hide();
				jQuery('#support_email_form .rcol').append('<img src="/wp-content/themes/turleydesigns-2/images/loading.gif" height="20" width="20" style="margin-left:10px; vertical-align:text-top;"  />');

				jQuery.ajax({
			      type: "POST",
			      url: "wp-content/themes/turleydesigns-2/func/send-support.php",
			      data: dataString,
			      success: function() {	
			        jQuery('#support_email_form').html('<div class="message""></div>');
					jQuery('#support_email_form .message').html("<h4>Thanks!</h4>")
					.append("<p>We will be in touch soon.</p>")
					.hide()
					.fadeIn(1500, function() {
					    //jQuery('#support_email_form .message').append("<img id='checkmark' src='images/check.png' />");
					});
			      }
			    });
			 }
		});
	});



});