/* Author: 
	Enguin Design
*/

/* General */
if (!Modernizr.input.placeholder) {
$('[placeholder]').focus(function() {
	  var input = $(this);
	  if (input.val() == input.attr('placeholder')) {
	    input.val('');
	    input.removeClass('placeholder');
	  }
	}).blur(function() {
	  var input = $(this);
	  if (input.val() == '' || input.val() == input.attr('placeholder')) {
	    input.addClass('placeholder');
	    input.val(input.attr('placeholder'));
	  }
	}).blur().parents('form').submit(function() {
	  $(this).find('[placeholder]').each(function() {
	    var input = $(this);
	    if (input.val() == input.attr('placeholder')) {
	      input.val('');
	    }
	  })
	});
}

/* 
 * jQuery scripts 
 *
*/

// when the DOM is ready...

/* Featured tabs */
$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 7500);  
$('#featured > ul').click(function() {
	$('#featured').tabs("rotate",null);
});

/* Support Page tabs */
$(".tabbed_page").tabs();  

/* Date picker */
$( ".datepicker" ).datepicker();

	// Add tasty AJAX to the Contact form //
	$('#contact_page form, #volunteer_page form').attr('action','/contact/ajax/');

	var options = {   
	    success:  processXml,
	    dataType: 'xml',
	    beforeSubmit:  makeitso
    };

	$('#contact_page form, #volunteer_page form').ajaxForm(options);

	function makeitso(){
	    $('#contact_page form > input[type="submit"], #volunteer_page form > input[type="submit"]').attr('value','Sending.');
	    $('#contact_page form label em, #volunteer_page form label em').remove();
	};
	function processXml(responseXML) { 
	    var message = $('message', responseXML).text();
	    var subject = $('subject',responseXML).text();
	    var name = $('name', responseXML).text();
	    var email = $('email', responseXML).text();

	    if (message == 'success') {
	        $('#contact_page form, #volunteer_page form').resetForm();
	        apprise('Awesome, you will be hearing from us within the next few days.',{'animate':true,'textOk':'Yeah!'});
	    }

	    else {
	    	// If the result is an error show the form again and append appropriate fields //
	    	if (name == 'missing') { $('#contact_page form label[for=contact-name], #volunteer_page form label[for=contact-name]').append(' <em class="error">This field is required.</em>'); }
	    	if (name == '') { $('#contact_page form label[for=contact-name], #volunteer_page form label[for=contact-name]').append(' <em class="valid">Nice to meet you!</em>'); }
	    	if (email == 'missing') { $('#contact_page form label[for=contact-email], #volunteer_page form label[for=contact-email]').append(' <em class="error">This field is required.</em>'); }
	    	if (email == '') { $('#contact_page form label[for=contact-email], #volunteer_page form label[for=contact-email]').append(' <em class="valid">Looks good.</em>'); }
	    	if (email == 'invalid') { $('#contact_page form label[for=contact-email], #volunteer_page form label[for=contact-email]').append(' <em class="error">This email address looks funky. (Is it correct?)</em>'); }
	    	if (message == 'missing') { $('#contact_page form label[for=contact-message], #volunteer_page form label[for=contact-message]').append(' <em class="error">This field is required.</em>'); }
	    	if (message == '') { $('#contact_page form label[for=contact-message], #volunteer_page form label[for=contact-message]').append(' <em class="valid">We can\'t wait to read this.</em>'); }
	    	$('#contact_page form label em, #volunteer_page form label em').delay(1000).hide().fadeIn(1500);
	    	$('#contact_page form > input[type="submit"], #volunteer_page form > input[type="submit"]').attr('value','Send your message.');

	    	apprise('<p>Uh oh, we had a problem sending your message, please check it for errors.</p> <p>(If you continue to have issues sending your message, email us at <a href="mailto:hcoa@homerart.org">hcoa@homerart.org</a>.)</p>',{'animate':true,'textOk':'Darn.'});
	    };
	};