var jq;
var formTemp;
var emptyerror = "Please fill out all fields.";
var emailerror = "Please enter a valid email address.";
var proxyPath = "/apps/orderLookupApp";
var cssURL= "http://orderlookupapp.com/css/app/orderLookup_v1.css";
// Only do anything if jQuery isn't defined
if (typeof jQuery == 'undefined') 
{	
	//console.log('undefined');
	function getScript(url, success) 
	{
		var script	= document.createElement('script');
		    script.src = url;
		var head = document.getElementsByTagName('head')[0];
		var done = false;
		// Attach handlers for all browsers
		script.onload = script.onreadystatechange = function() 
		{
			if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) 
			{
				done = true;
				// callback function provided as param
				success();
				script.onload = script.onreadystatechange = null;
				head.removeChild(script);
			};
		};
		head.appendChild(script);	
	};
	getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', function() 
	{
		jq = jQuery.noConflict();
		loadCSS();
		getForm();
		preLoaded();
	});
} 
// jQuery was already loaded
else 
{ 
	jq = jQuery;
	loadCSS();
	getForm();
	preLoaded();
};
function loadCSS()
{
	if (document.createStyleSheet)
	{
	    document.createStyleSheet(cssURL);
	}
	else
	{
	    jq('<link rel="stylesheet" type="text/css" href="' + cssURL + '" />').appendTo('head'); 
	}
}
function getForm()
{	
	//adjust for the jQuery breaking changes at 1.8
	//console.log(jq.fn.jquery); 
	jqV = jq.fn.jquery;
	if( parseFloat(jqV) < 1.8 )
	{
		jq("<style type=\"text\/css\">#nll_orderLookUp_result { background-color: #F8F8F8 ; color: #000000; padding: 10px; }<\/style>\n<div id=\"nll_orderLookUp_formWrapper\">\n\n\t<p id=\"nll_formHeaderText\">Please check the status of your order by inputting your order number and the e-mail address used when making your purchase. Your order number was provided in the confirmation e-mail sent when you made your purchase. A confirmation e-mail is sent automatically with each purchase and if you can't find it, please check your spam or junk mail folders.\n\n<p><b>Please also see our <a href=/>Frequently Asked Shipping and Tracking Questions<\/a>.<\/b><\/p>\t\n\t<form id=\"nll_lookupForm\">\n\t\t\t\n\t\t<label for=\"nll_orderNumber\">Order Number <\/label>\n\t\t<input type=\"text\" name=\"orderNumber\" id=\"nll_orderNumber\" value=\"\" \/>\n\t\n\t\t\n\t\t<label for=\"nll_email\">Email Address <\/label>\n\t\t<input type=\"text\" name=\"email\" id=\"nll_email\" value=\"\" \/>\n\t\t\n\t\t<div id=\"nll_error\" style=\"display:none;\"><\/div>\n\t\t\n\t\t<input type=\"button\" value=\"Find Order\" id=\"nll_submitButton\" class=\"btn button\" \/>\t\n\t<\/form>\n\t\n\t<div id=\"nll_searching\" style=\"display:none;\">Please wait, searching...<\/div>\n\n<\/div>\n\n<div id=\"nll_orderLookUp_result\" style=\"display:none;\" \/>").insertAfter("#nll_orderLookUpHook");
	}
	else
	{
		jq(jq.parseHTML("<style type=\"text\/css\">#nll_orderLookUp_result { background-color: #F8F8F8 ; color: #000000; padding: 10px; }<\/style>\n<div id=\"nll_orderLookUp_formWrapper\">\n\n\t<p id=\"nll_formHeaderText\">Please check the status of your order by inputting your order number and the e-mail address used when making your purchase. Your order number was provided in the confirmation e-mail sent when you made your purchase. A confirmation e-mail is sent automatically with each purchase and if you can't find it, please check your spam or junk mail folders.\n\n<p><b>Please also see our <a href=/>Frequently Asked Shipping and Tracking Questions<\/a>.<\/b><\/p>\t\n\t<form id=\"nll_lookupForm\">\n\t\t\t\n\t\t<label for=\"nll_orderNumber\">Order Number <\/label>\n\t\t<input type=\"text\" name=\"orderNumber\" id=\"nll_orderNumber\" value=\"\" \/>\n\t\n\t\t\n\t\t<label for=\"nll_email\">Email Address <\/label>\n\t\t<input type=\"text\" name=\"email\" id=\"nll_email\" value=\"\" \/>\n\t\t\n\t\t<div id=\"nll_error\" style=\"display:none;\"><\/div>\n\t\t\n\t\t<input type=\"button\" value=\"Find Order\" id=\"nll_submitButton\" class=\"btn button\" \/>\t\n\t<\/form>\n\t\n\t<div id=\"nll_searching\" style=\"display:none;\">Please wait, searching...<\/div>\n\n<\/div>\n\n<div id=\"nll_orderLookUp_result\" style=\"display:none;\" \/>")).insertAfter(jq("#nll_orderLookUpHook"));
	} 
	// Clears any fields in the form when the user clicks on them
	jq(":input").focus(function()
	{		
	   if (jq(this).hasClass("needsfilled") ) 
	   {
			jq(this).removeClass("needsfilled");
	   }
	});
	jq("#nll_submitButton").click(doValidate);
}
function doValidate()
{
	//required fields
	var required = ["nll_orderNumber", "nll_email"];
	var email = jq("#nll_email");
	var errornotice = jq("#nll_error");
	var errorMessages = "";
	//Validate required fields
	for (i=0; i<required.length; i++) 
	{
		var input = jq('#'+required[i]);
		if ((input.val() == "") || (input.val() == emptyerror)) 
		{
			input.addClass("needsfilled");			
			errorMessages = emptyerror;			
		} 
		else 
		{
			input.removeClass("needsfilled");
		}
	}
	//trim leading and trailing spaces
	email.val( jq.trim(email.val() ) );
	// Validate the e-mail.	
	var emailRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
	if (emailRegex.test(email.val()) == false)	
	{
		email.addClass("needsfilled");
		if (errorMessages != "")
		{
			errorMessages = errorMessages + "<br/>" + emailerror;
		}
		else
		{
			errorMessages = emailerror;
		}		
	}
	//if any inputs on the page have the class 'needsfilled' the form will not submit
	if (jq(":input").hasClass("needsfilled")) 
	{
		errornotice.html(errorMessages);
		errornotice.show();
		return false;
	} 
	else 
	{
		errornotice.html('');
		errornotice.hide();		
		doSubmit();
	}
}
function doSubmit()
{
    // setup some local variables
    var form = jq("#nll_lookupForm");
    var inputs = form.find("input, select, button, textarea");
    var serializedData = form.serialize();
    var searching = jq("#nll_searching");
    form.fadeTo(500, 0.2);
    searching.show(); 
    // let's disable the inputs for the duration of the ajax request
    inputs.attr("disabled", "disabled");
    jq.ajax({        
   	    type: 'POST',
	    url: proxyPath,
	    dataType: 'html',
        data: serializedData,
        // callback handler that will be called on success
        success: function(response, textStatus, jqXHR)
        {
   			//set the results
            jq("#nll_orderLookUp_result").html(response);             
            form.fadeTo(1, 1);
            searching.hide();
        },
        // callback handler that will be called on error
        error: function(jqXHR, textStatus, errorThrown)
        {
	        form.fadeTo(500, 1);
        },
        // callback handler that will be called on completion
        // which means, either on success or error
        complete: function()
        {
	        form.fadeTo(1, 1);
	        searching.hide();
	        jq("#nll_backButton").click(function()
	        {	
	        	jq("#nll_orderLookUp_result").hide();	
	        	jq("#nll_orderLookUp_formWrapper").show();
	        });
	        jq("#nll_orderLookUp_formWrapper").hide();
	        jq("#nll_orderLookUp_result").show();
            // enable the inputs
            inputs.removeAttr("disabled");
        }
    });
}
function getParameterByName(name) 
{
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
function preLoaded()
{
	var ordernumber = getParameterByName('ordernumber');
	var email = getParameterByName('email');
	if ( (ordernumber != "") && (email != "") )
	{
		jq("#nll_orderNumber").val(ordernumber);
		jq("#nll_email").val(email);
		doSubmit();
	}
}