aj_setReqPrefix("/cgi-bin/DIYRegister.pl");

function check_doc_exists(tgid, docname, callback_name){
	aj_sndReq('aj_dex_lup', '&tgid=' + tgid + '&doc=' + docname + '&callback=' + callback_name);
}


var fieldArr = ["FORMEMAIL", "FORMPWD", "FORMNEWDOCUMENT", "NEWDOCUMENT_RIGHT", "PWD_RIGHT", "EMAIL_RIGHT", "NEWDOCUMENT_LEFT", "PWD_LEFT", "EMAIL_LEFT"];

var documentNameOK = false;

function showCreate(event, theDesign, direction, imageObj, posleft){
	var createYOffset = 115;
	if(!event){
		event = window.event;
	}	
	var postop = event.clientY + document.documentElement.scrollTop - createYOffset;
	var theBackground = document.getElementById('createdesignbg' + direction);


	theBackground.style.top = postop + "px";
	theBackground.style.left = posleft + "px";
	var theFormArea = document.getElementById('createdesignform' + direction);
	theFormArea.style.top = postop + "px";
	theFormArea.style.left = posleft + "px";

	var theCreateLeft = document.getElementById('createleft');
	var theCreateRight = document.getElementById('createright');
	if (direction == 'left') {
		theCreateLeft.style.display = 'block';
		theCreateRight.style.display = 'none';
	} else {
		theCreateLeft.style.display = 'none';
		theCreateRight.style.display = 'block';
	}
	clearCreateForms();
	document.getElementById('createdesign').DOCUMENTID.value = theDesign;
	documentNameOK = false;
}

function updateEMAIL(val){
	document.getElementById("FORMEMAIL").value = val;
}

function updatePWD(val){
	document.getElementById("FORMPWD").value = val;
}

function updateNEWDOCUMENT(val){
	document.getElementById("FORMNEWDOCUMENT").value = val;
}

function clearCreateForms(){
	for (var x=0; x<fieldArr.length;x++){
		document.getElementById(fieldArr[x]).value = "";
	}
	leftresetstatus();
	rightresetstatus();
}

function leftresetstatus(){
	document.getElementById("leftstatus").innerHTML = "To create a design enter a name, password &amp; email.";
}

function rightresetstatus(){
	document.getElementById("rightstatus").innerHTML = "To create a design enter a name, password &amp; email.";
}

function leftchecking(){
	checking("leftstatus");
}

function rightchecking(){
	checking("rightstatus");
}

function checking(theDiv) {
	document.getElementById(theDiv).innerHTML = "<span style='color:#4E7DAC;'><img src='/assets/images/checking.gif' width='69' height='14' align='middle' />&nbsp;Checking name</span>";
}

function leftchecked(result){
	checked("leftstatus", result);
}

function rightchecked(result){
	checked("rightstatus", result);
}

function checked(theDiv, result){
	var statusdiv = document.getElementById(theDiv);
	if (result){
		statusdiv.innerHTML = "<span style='color:#f00;'>Document name is already taken please try another.</span>";
		documentNameOK = false;
	} else {
		statusdiv.innerHTML = "<span style='color:#4E7DAC;'>Document name is available.</span>";
		documentNameOK = true;
	}
}

function submitCreate(direction){
  var theForm = document.getElementById('createdesign');
	var documentText = (documentNameOK)?"":"Document name already taken please try another name.\n\n";
	var documentText = (theForm.NEWDOCUMENT.value != "")?documentText:"Please enter a Document Name.\n\n";

	var passwordText = (theForm.PWD.value != "")?"":"Please enter a password.\n\n";

	var pattern = /[A-Za-z0-9\.\-\_]+@[A-Za-z0-9\-\_]+\.[A-Za-z0-9\.\-\_]+/;  //Email Matching Pattern
	var emailText = (pattern.test(theForm.EMAIL.value))?"":"Please enter a valid email so we can send you your login details.";

	var alertText = documentText + passwordText + emailText;

	if (alertText != ""){
		alert(alertText);
	} else {
		theForm.submit();
	}
}