function init()
{
	jQuery('#send').hide();	
	jQuery('#loading').hide();
	
	jQuery('#pickup_date_now').attr("readonly", true);
	jQuery('#pickup_date').attr("readonly", true);
	jQuery('#customer_id').attr("autocomplete","off");
	jQuery('#customer_name').attr("readonly", true); 
	jQuery('#customer_add1').attr("readonly", false); 
	jQuery('#customer_add2').attr("readonly",false);
	jQuery('#customer_city').attr("readonly",false);		
	jQuery('#customer_person').attr("readonly",false);
	jQuery('#customer_phone').attr("readonly",false);
	jQuery('#customer_email').attr("readonly",false);
	
}

function custData(data)
{	
	if(data!=0)
	{
		var det = data.split('|');
		
		jQuery('#customer_name').val(det[0]);
		jQuery('#customer_add1').val(det[1]);
		jQuery('#customer_add2').val(det[2]);
		jQuery('#customer_city').val(det[3]);		
		jQuery('#customer_person').val(det[4]);
		jQuery('#customer_phone').val(det[5]);
		jQuery('#customer_email').val(det[6]);
		jQuery('#cid').val(det[7]);		
	}	
};

function emptyCustData()
{
	jQuery('#customer_name').val('');
	jQuery('#customer_add1').val('');
	jQuery('#customer_add2').val('');
	jQuery('#customer_city').val('');
	jQuery('#customer_person').val('');
	jQuery('#customer_phone').val('');
	jQuery('#customer_email').val('');
	jQuery('#cid').val('');
}

function onComplete()
{	
	if( (jQuery('#customer_id').val()!=jQuery('#cid').val()) || jQuery('#cid').val()=='')	return false;		
	else return confirm('Are you sure to send your pickup data ?');	
}


jQuery(document).ready(function(){
	
	init();	
	jQuery('#no_data').html('');
	
	var base_link = "pickup.php?cst=";
	var message='<h3>Sorry you got the wrong number</h3>';
	var msg='You must enter minimum 5 character';
	
	//jQuery("#customer_id").blur(function(){
	jQuery("#searchCust").click(function(){		
		jQuery('#loading').html('<h3>Loading Please wait ...</h3>');
		jQuery('#no_data').html('');
		emptyCustData();
		jQuery("#customer_id").css('background','white');
		
		cst = jQuery("#customer_id").val();
		jQuery('#loading').show();		
		jQuery.post(base_link+cst, function(data){
			
			if(data==0)
			{				
				jQuery('#no_data').html(message);
				emptyCustData();
				jQuery("#customer_id").focus();
				jQuery("#customer_id").css('border-color','red');
				jQuery('#send').hide();
				jQuery('#loading').hide();								
			}			
			else
			{	
				jQuery('#no_data').html('');				
								
				jQuery.post("pickup.php?vcst="+cst, function(data){					
					custData(data);			
					if(jQuery('#cid').val()!='')jQuery('#loading').hide();	
					if(jQuery('#customer_name').val()!='') jQuery('#send').show();
				});	
				 
			}							
		});
	});	
		
	jQuery('#fpickup').RSV({
		//onCompleteHandler: myOnComplete,
		customErrorHandler: myCustomErrorDisplay,        
		rules: myRules
	});
		
});

var myRules = [
        "required,customer_add1,Please enter your address.",
        "required,customer_city,Please enter your city name.",
        "required,customer_person,Please enter your contact person.",        
        "required,customer_phone,Please enter your phone number.",
        //"required,customer_email,Please enter your email address.",
        "valid_email,customer_email,Please enter a valid email address."
];

/**
 * My custom error message handler. This displays each error message next to
 * each field. It assumes there are hidden fields
 */
function myCustomErrorDisplay(f, errorInfo)
{
        // disabled all errors by default
        for (var i=0; i<myRules.length; i++)
        {
                var parts = myRules[i].split(",");
                var fieldName = parts[1];
                
                document.getElementById(fieldName + "_error").style.display = "none";
                document.getElementById(fieldName).style.borderColor = "#ccc";
        }

        for (var i=0; i<errorInfo.length; i++)
        {
                var fieldName;

                // radio button
                if (errorInfo[i][0].type == undefined)
                        fieldName = errorInfo[i][0][0].name;
                else
                        fieldName = errorInfo[i][0].name;

                // display the error                
                document.getElementById(fieldName + "_error").style.display = "block";
                document.getElementById(fieldName).style.borderColor = "red";
                document.getElementById(fieldName + "_error").style.color = "red";
                document.getElementById(fieldName + "_error").innerHTML = errorInfo[i][1];
        }
        
		return (errorInfo.length == 0) ? true : false;
		onComplete();       
}