var ContactDiv = $("#ContactFoldersHolder");

addContactField("Name", 'ltr', 'text', true);
addContactField("Phone Number", 'ltr', 'text', true);
addContactField("E-mail", 'ltr', 'text', true);
addContactField("Message", 'ltr', 'text', true);

ContactDiv.append('<a href="http://facebook.com" class="Facebook"></a>');

var REDIRECT_URL = "";
// change SuccessMessage to custom message after sending form
//SuccessMessage = ""
// set REDIRECT_URL to redirect after form submitting
// REDIRECT_URL = "";
addContactButton("");

function submitContactUsForm(){
	// for requered fields add class : ContactUs_required
	var emptyfields = $(".ContactUs_required ", ContactDiv).filter(function() { return $(this).val() == ""; });
	if(emptyfields.length){
		emptyfields.effect("highlight", {color:'#FF4200'}, 2500);
	} else {
		var fields = $("input,textarea", ContactDiv);
		var values = "", fieldNames = "", directions = "";
		fields.each(function(index) {
			values = values + $(this).val() + ",";
			fieldNames = fieldNames + $(this).attr("rel") + ",";
			directions = directions + $(this).css("direction") + ",";
		});
		fieldNames = escape(fieldNames.substring(0,  fieldNames.length-1));
		values = escape(values.substring(0,  values.length-1));
		directions = escape(directions.substring(0,  directions.length-1));
		$.post("/contactUs/sendContactUs.asp", { "values": values, "fieldNames": fieldNames, "directions":directions },
			function (data) {
				if (REDIRECT_URL.length > 0){
					window.location.href = REDIRECT_URL
				} else {
					$(ContactDiv).empty().append("<p>" + SuccessMessage + "</p>");
				}
			}, "text");	
	}
}

function addContactField(FieldName, FieldDir, FieldType, isRequired){
	var fieldStr = "<span>" + FieldName + "</span>"
	if (FieldType=="text"){
		fieldStr = fieldStr + "<input type='text' rel='" + FieldName + "' id='ContactUs_" + FieldName + "' style='direction:" + FieldDir + "'"
		if (isRequired) {fieldStr = fieldStr + "class='ContactUs_required'"}
		fieldStr = fieldStr + "/> "
	}
	if (FieldType=="textarea"){
		fieldStr = fieldStr + "<textarea rel='" + FieldName + "' style='direction:" + FieldDir + "'"
		if (isRequired) {fieldStr = fieldStr + "class='ContactUs_required'"}
		fieldStr = fieldStr + "/> </textarea>"
	}
	fieldStr = "<div>"+fieldStr+"</div>"
	$(ContactDiv).append(fieldStr);
}

function addContactButton(Buttontext){
	var buttonHtml = "<div id='ContactUs_Send' name='ContactUs_Send' onclick='submitContactUsForm()'>";
	var buttonHtml = buttonHtml + "<span id='SendButtonText'>" + Buttontext + "</span></div>";
	$(ContactDiv).append(buttonHtml);
}