$(document).ready(
	function()
	{
		//set up variables
		var name = $("#name");
		var email = $("#email");
		var phone = $("#phone");
		var product= $("#product");
		var message = $("#message");
		
		var contact = $("#contact");
		var process = $("#processing");
		var submission = $("#submission");
		
		var checkname = $("#checkname");
		var checkemail = $("#checkemail");
		var checkmessage = $("#checkmessage");
		var checkcaptcha = $("#checkcaptcha");
		
		var problems = 0;
				
		function clearForm(event)
		{
			if(event)
				event.preventDefault();
			else
				Recaptcha.reload();
			
			message.val('');
			name.val('');
			email.val('');
			phone.val('');
			$("#recaptcha_response_field").val('');
		}
		
		//initialize the views
		function init()
		{
			contact.show();
			submission.show();
			
			checkname.hide();
			checkemail.hide();
			checkmessage.hide();
			checkcaptcha.hide();
		}
				
		//Be sure the name only includes letters, spaces
		//periods and commas and that's it's at least 5
		//characters long
		function validateName()
		{
			var filter = /^[\w\s.,]*$/i;
			if(name.val().length < 2 || !filter.test(name.val()))
			{	
				problems++;
				checkname.fadeIn();
			}
		}
		
		//validate email addresss
		function validateEmail()
		{
			var filter = /^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i;
			
			if(!filter.test(email.val()))
			{
				problems++;
				checkemail.fadeIn();
			}
		}
				
		//validate that a message exists
		function validateMessage()
		{
			if(message.val().length < 2 )
			{
				problems++;
				checkmessage.fadeIn();
			}
		}
		
		$("#clear").click(clearForm);
		
		//check required fields
		$("#contactForm").submit(function(event) {
			event.preventDefault();
			
			init();

			problems = 0;
			
			validateName();
			validateEmail();
			validateMessage();
			
			if(problems == 0)
			{
				process.show();
				
				$.ajax({	
					url: '/contact/ajaxrecaptcha',
					data: 'recaptcha_challenge_field=' + $("#recaptcha_challenge_field").val() + "&recaptcha_response_field=" + $("#recaptcha_response_field").val(),
					dataType: 'json',
					type: 'post',
					success: function (response) 
					{	
						process.hide();
						
						if (response.verified == true)
						{
							$("#popuplink").click();
												
							var dataString = 'name=' + Base64.encode($("#name").val()) + '&email=' + Base64.encode($("#email").val());
							dataString += "&phone=" + Base64.encode(phone.val()) + "&message=" + Base64.encode(message.val()); 
							dataString += "&product=" + Base64.encode(product.val()) + "&ipAddress=" + response.ipAddress;
							
							sendMail(dataString);
							
							clearForm();
						}
						else
						{
							checkcaptcha.fadeIn();
							
							$("#recaptcha_response_field").val('');
						}	
					},
					error: function(xhr) { process.hide(); alert("Captcha Error, please try again later."); }
				});
			}
		});
		
		$("#popuplink").fancybox({ type: 'iframe', width: 500, height: 215, showCloseButton: false, scrolling: "no" });
						
		//initialize
		init();
	}
);

function sendMail(dataString) 
{	
	// Add on extra configuration details
	dataString += "&os=" + BrowserDetect.OS;
	dataString += "&browser=" + BrowserDetect.browser + " " + BrowserDetect.version;
	
	dataString += "&screenResolution=" + screen.width + "x" + screen.height;
	
	if(BrowserDetect.browser == "Internet Explorer")
		dataString += "&browserSize=" + document.body.offsetWidth + "x" + document.body.offsetHeight;
	else
		dataString += "&browserSize=" + window.innerWidth + "x" + window.innerHeight;
	
	dataString += "&javascriptEnabled=true";
	
	if(GetSwfVer() != -1)
		dataString += "&flashPlayer=" + GetSwfVer();
	else
		dataString += "&flashPlayer=none";
	
	dataString += "&colorDepth=" + window.screen.colorDepth;
	
	dataString += "&cookiesEnabled=" + navigator.cookieEnabled;
	dataString += "&userAgent=" + navigator.userAgent;

	$.post( '/contact/sendmail', dataString ); 
}

/**
 * Detector for OS, Browser Info
 */
var BrowserDetect = {
		init: function () {
			this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
			this.version = this.searchVersion(navigator.userAgent)
				|| this.searchVersion(navigator.appVersion)
				|| "an unknown version";
			this.OS = this.searchString(this.dataOS) || "an unknown OS";
		},
		searchString: function (data) {
			for (var i=0;i<data.length;i++)	{
				var dataString = data[i].string;
				var dataProp = data[i].prop;
				this.versionSearchString = data[i].versionSearch || data[i].identity;
				if (dataString) {
					if (dataString.indexOf(data[i].subString) != -1)
						return data[i].identity;
				}
				else if (dataProp)
					return data[i].identity;
			}
		},
		searchVersion: function (dataString) {
			var index = dataString.indexOf(this.versionSearchString);
			if (index == -1) return;
			return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
		},
		dataBrowser: [
			{
				string: navigator.userAgent,
				subString: "Chrome",
				identity: "Chrome"
			},
			{ 	string: navigator.userAgent,
				subString: "OmniWeb",
				versionSearch: "OmniWeb/",
				identity: "OmniWeb"
			},
			{
				string: navigator.vendor,
				subString: "Apple",
				identity: "Safari",
				versionSearch: "Version"
			},
			{
				prop: window.opera,
				identity: "Opera"
			},
			{
				string: navigator.vendor,
				subString: "iCab",
				identity: "iCab"
			},
			{
				string: navigator.vendor,
				subString: "KDE",
				identity: "Konqueror"
			},
			{
				string: navigator.userAgent,
				subString: "Firefox",
				identity: "Firefox"
			},
			{
				string: navigator.vendor,
				subString: "Camino",
				identity: "Camino"
			},
			{		// for newer Netscapes (6+)
				string: navigator.userAgent,
				subString: "Netscape",
				identity: "Netscape"
			},
			{
				string: navigator.userAgent,
				subString: "MSIE",
				identity: "Internet Explorer",
				versionSearch: "MSIE"
			},
			{
				string: navigator.userAgent,
				subString: "Gecko",
				identity: "Mozilla",
				versionSearch: "rv"
			},
			{ 		// for older Netscapes (4-)
				string: navigator.userAgent,
				subString: "Mozilla",
				identity: "Netscape",
				versionSearch: "Mozilla"
			}
		],
		dataOS : [
			{
				string: navigator.platform,
				subString: "Win",
				identity: "Windows"
			},
			{
				string: navigator.platform,
				subString: "Mac",
				identity: "Mac"
			},
			{
				   string: navigator.userAgent,
				   subString: "iPhone",
				   identity: "iPhone/iPod"
		    },
			{
				string: navigator.platform,
				subString: "Linux",
				identity: "Linux"
			}
		]

	};

BrowserDetect.init();