$(document).ready(function() {

	//Get the data from first step fields
	var name = $('input[name=name]');	
	var address = $('input[name=address]');
	var phone = $('input[name=phone]');	
	var hatstylename = $('input[name=hatstylename]');	
	var comments = $('textarea[name=comments]');  
  
      
   
       $.fn.clearForm = function() {
      return this.each(function() {
        var type = this.type, tag = this.tagName.toLowerCase();
        if (tag == 'form')
          return $(':input',this).clearForm();
        if (type == 'text' || type == 'password' || tag == 'textarea')
          this.value = '';
        else if (type == 'checkbox' || type == 'radio')
          this.checked = false;
        else if (tag == 'select')
          this.selectedIndex = -1;
      });
    };

   
   
 // fields focus function
  $('.default-value').each(function() {
    var default_value = this.value;
   
    $(this).focus(function() {
        if(this.value == default_value) {
            this.value = '';            
        }
    });
	
    $(this).blur(function() {
        if(this.value == '') {           
            this.value = default_value;
        }
    });
    });
  
  
   //form submit flase by default
    $('form').submit(function(){ return false; });
   
   
    $('#wpcf7-submit').click(function(){
		
	//organize the data properly
	var data = 'name=' + name.val() + '&address=' + address.val() + '&phone=' + phone.val() +  '&hatstylename=' + hatstylename.val()
	+ '&comments=' + comments.val();
		
	var error = 0;
	
	
	
	if (name.val()=='name') {
	  name.addClass('error');
	  $(this).effect("shake", { times:1 }, 50);
		error++;
		return false;
	}else{
	 name.removeClass('error');	
	}	

	
		
	if(!error) {
	$("#loader").css({display:"block"});		
	$.ajax({	
	url: "sendmail.php",		
	type: "GET",		
	data: data,	
	cache: false,	
	success: function (html) {					
	if (html==1) {	

    $("#loader").css({display:"none"});
	$("#successmessage").css({display:"block"});
	$('#successmessage').delay(3000).fadeOut();	
	$('form').clearForm();
	}   
	else { 
	alert(html); 
	$("#loader").css({display:"none"});
	}				
	}		
	});
             
   } else return false;
    
	});


});