$.blockUI.defaults.css.border = '4px solid #ff2b06'; 
$.blockUI.defaults.css.top = '136px'; 
var qNodeID = false;

$(function(){

		$('#Generate').click( function ( e ) {
				if ( ! confirm ('Really create email?') ) {
					return false;
				}

				var params = { m: 'service_offer', rpc: 'generate_email' };
				$.ajax({ type: 'post', url: '/index.php', data: params, complete: function() { alert ( 'Done' ); } });

				return false;
			});

	});

function Enquiry( node_id ) {
	qNodeID = node_id;

	var s = '';

	s += '<h2>';
	s += 'Send an Enquiry';
	s += '</h2>';

	s += '<div id="EnquiryBoxInner"> ';

	s += '<form>';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Title';
	s += '</label>';

	s += '<select name="EnquiryTitle" id="EnquiryTitle">';
	s += '<option value="">Please specify</option>';
	s += '<option value="Mr">Mr</option>';
	s += '<option value="Mrs">Mrs</option>';
	s += '<option value="Ms">Ms</option>';
	s += '<option value="Miss">Miss</option>';
	s += '<option value="Dr">Dr</option>';
	s += '</select>';
	s += '<br /><span id="EnquiryTitle-error" class="form-error"></span>';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Given Name';
	s += '</label>';

	s += '<input type="text" name="EnquiryName_given" id="EnquiryName_given" size="48" />';
	s += '<br /><span id="EnquiryName_given-error" class="form-error"></span>';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Family Name';
	s += '</label>';

	s += '<input type="text" name="EnquiryNname_family" id="EnquiryName_family" size="48" />';
	s += '<br /><span id="EnquiryName_family-error" class="form-error"></span>';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Email';
	s += '</label>';
	s += '<input type="text" name="EnquiryEmail" id="EnquiryEmail" size="48" />';
	s += '<br /><span id="EnquiryEmail-error" class="form-error"></span>';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Phone(Day)';
	s += '</label>';
	s += '<input type="text" name="EnquiryPhone" id="EnquiryPhone" size="48" />';
	s += '<br /><span id="EnquiryPhone-error" class="form-error"></span>';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Mobile Phone';
	s += '</label>';
	s += '<input type="text" name="EnquiryMobile" id="EnquiryMobile" size="48" />';
	s += '<br /><span id="EnquiryMobile-error" class="form-error"></span>';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Interested Purchasing Within:';
	s += '</label>';

	s += '<input type="radio" name="EnquiryPurchasing_within" id="EnquiryPurchasing_within" value="Within a week"  checked />Within a week ';
	s += '<input type="radio" name="EnquiryPurchasing_within" id="EnquiryPurchasing_within" value="Within a fortnight" />Within a fortnight<br />';
	s += '<input type="radio" name="EnquiryPurchasing_within" id="EnquiryPurchasing_within" value="Within a month" />Within a month ';
	s += '<input type="radio" name="EnquiryPurchasing_within" id="EnquiryPurchasing_within" value="Over a month" />Over a month<br />';

	s += '<br /><span id="EnquiryPurchasing_within-error" class="form-error"></span>';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Do you require finance:';
	s += '</label>';

	s += '<input type="radio" name="EnquiryFinance" id="EnquiryFinance" value="Yes" />Yes ';
	s += '<input type="radio" name="EnquiryFinance" id="EnquiryFinance" value="No" checked />No<br />';

	s += '<div class="clear"></div>';

	s += '<label>';
	s += 'Message';
	s += '</label>';
	s += '<textarea name="EnquiryMessage" id="EnquiryMessage"></textarea>';
	s += '<br /><span id="EnquiryMessage-error" class="form-error"></span>';

	s += '<div class="clear"></div>';
	s += '<label>';
	s += '&nbsp;';
	s += '</label>';
	s += '<input type="submit" value="Send" onclick="EnquiryProcess(); return false;"/>';
	s += '<input type="submit" value="Cancel" onclick="$.unblockUI(); return false;" />';

	s += '</form>';

	s += '<div class="clear"></div>';

	s += '</div>';

	$('#EnquiryBox').html(s);

	$.blockUI( { css: { left: ( (screenWidth()/2) - 240), width: '624px', height: '620px' }, message: $('#EnquiryBox') } ); 
	return false;
}; 

function EnquiryProcess( qNode_id ) {

	if ( ! UploadFormValidate() ) {
		return false;
	}

	var title = ( $('#EnquiryTitle').val() );

	var name_given = ( $('#EnquiryName_given').val() );

	var name_family = ( $('#EnquiryName_family').val() );

	var email = ( $('#EnquiryEmail').val() );

	var phone = ( $('#EnquiryPhone').val() );

	var mobile = ( $('#EnquiryMobile').val() );

	var purchasing_within = $("input[@name=EnquiryPurchasing_within]:checked").val(); 

	var finance = $("input[@name=EnquiryFinance]:checked").val(); 

	var message = ( $('#EnquiryMessage').val() );

	var s = '';
	s += '<h2>Your enquiry has been sent</h2> ';
	s += '<form style="margin-left: 16px;">';
	s += '<p>Thanks for your interest</p>';
	s += '<input type="button" value="OK" onclick="$.unblockUI();" />';
	s += '</form>';

	var params = 'm=service_offer&view=enquiry&node_id=' + qNodeID + '&title=' + title + '&name_given=' + name_given + '&name_family=' + name_family + '&phone=' + phone +  '&mobile=' + mobile + '&purchasing_within=' + purchasing_within + '&finance=' + finance + '&message=' + message + '&email=' + email;

	$.ajax({ type: 'post', url: '/index.php', data: params, complete: function() { $('#EnquiryBox').html(s); } });

}


/* helpers */

function screenWidth() {
    if ( window.innerWidth ) {
        return window.innerWidth;
	} else {
		return document.documentElement.clientWidth;
	}
}

function UploadFormValidate () {

	var valid = true;

	// these are in reverse order so top-most invalid field is
	// focussed

	if ( ! $('#EnquiryMessage').val() ) {
		$('#EnquiryMessage-error').html('Please enter your message');
		$('#EnquiryMessage').focus();
		valid = false;
	} else {
		$('#EnquiryMessage-error').html('');
	}

	if ( ! $('#EnquiryMobile').val() ) {
		$('#EnquiryMobile-error').html('Please enter your mobile number');
		$('#EnquiryMobile').focus();
		valid = false;
	} else {
		$('#EnquiryMobile-error').html('');
	}

	if ( ! $('#EnquiryPhone').val() ) {
		$('#EnquiryPhone-error').html('Please enter your phone number');
		$('#EnquiryPhone').focus();
		valid = false;
	} else {
		$('#EnquiryPhone-error').html('');
	}

	if ( ! $('#EnquiryEmail').val() || ! validateEmail ( $('#EnquiryEmail').val() ) ) {
		$('#EnquiryEmail-error').html('Please enter your email address');
		$('#EnquiryEmail').focus();
		valid = false;
	} else {
		$('#EnquiryEmail-error').html('');
	}

	if ( ! $('#EnquiryName_family').val() ) {
		$('#EnquiryName_family-error').html('Please enter your family name');
		$('#EnquiryName_family').focus();
		valid = false;
	} else {
		$('#EnquiryName_family-error').html('');
	}

	if ( ! $('#EnquiryName_given').val() ) {
		$('#EnquiryName_given-error').html('Please enter your given name');
		$('#EnquiryName_given').focus();
		valid = false;
	} else {
		$('#EnquiryName_given-error').html('');
	}

	if ( ! $('#EnquiryTitle').val() ) {
		$('#EnquiryTitle-error').html('Please choice an option');
		$('#EnquiryTitle').focus();
		valid = false;
	} else {
		$('#EnquiryTitle-error').html('');
	}

	return valid;

}

function validateEmail(str) {

	var at="@";
	var dot=".";
	var lat=str.indexOf(at);
	var lstr=str.length;
	var ldot=str.indexOf(dot);
	if (str.indexOf(at)==-1) {
		return false; 
	}

	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr) {
		return false;
	}

	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr) {
		return false;
	}

	if (str.indexOf(at,(lat+1))!=-1) {
		return false;
	}

	if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot) {
		return false;
	}

	if (str.indexOf(dot,(lat+2))==-1) {
		return false;
	}
		
	if (str.indexOf(" ") != -1) {
		return false;
	}

	return true;
}