var Box;
var regDiv = ' <div class="popup"><div class="head"><span>تسجيل</span><a href="#" onclick="hide();"><img src="'+images+'/btnClose.gif" alt="إغلاق" /></a><div class="cls"></div></div><div class="contents"><div id="errorDiv" align="center" style="display:none;"><font color="#FF0000" id="errorTxt">Error</font></div><div class="popupForm"><p><label for="txtFirstName">الإسم الأول:<strong class=\'mandatory\'>*</strong></label><input id="firstName" name="firstName" type="text" onkeypress="OnKeyPressDoAction(event,\'validation\')"/></p><p><label for="txtLastName">إسم العائلة:<strong class=\'mandatory\'>*</strong></label><input id="lastName" id="lastName" type="text"  onkeypress="OnKeyPressDoAction(event,\'validation\')"/></p><p><label for="cmbGender">الجنس:</label><select name="gender" id="gender" size="1" dir="rtl" onkeypress="OnKeyPressDoAction(event,\'validation\')">';

regDiv +='<option value="">-إختر-</option><option value="m">ذكر</option><option value="f">أنثى</option></select></p>';
regDiv +='<p><label for="txtcountry">بلد الإقامة:</label><select name="country" id="country" size="1" dir="rtl" onkeypress="OnKeyPressDoAction(event,\'validation\')"><option value="">-إختر-</option><option value="Algeria">الجزائر</option><option value="Bahrain">البحرين</option><option value="Djibouti">جيبوتي</option><option value="Egypt">مصر</option><option value="Ethiopia">الحبشة</option><option value="Eritrea">أريتريا</option><option value="Iran">إيران</option><option value="Iraq">العراق</option><option value="Jordan">الأردن</option><option value="Kuwait">الكويت</option><option value="Lebanon">لبنان</option><option value="Libya">ليبيا</option><option value="Mali">دولة مالي</option>	<option value="Mauritania">موريتانيا</option>	<option value="Morocco">المغرب</option>	<option value="Oman">عُمان</option>	<option value="Palestine">فلسطين</option>	<option value="Qatar">قطر</option>	<option value="Saudi Arabia">السـعودية</option>	<option value="Somalia">الصومال</option>	<option value="Sudan">السودان</option>	<option value="Syria">سوريا</option>	<option value="Tunisia">تونس</option>	<option value="United Arab Emirates">الامارات العربية المتحدة</option>	<option value="Yemen">اليمن</option>';


regDiv += '<option value="">-------------------</option>	<option value="Afghanistan">Afghanistan</option>	<option value="Albania">Albania</option>	<option value="Anguilla">Anguilla</option>	<option value="Antigua">Antigua</option>	<option value="Argentina">Argentina</option>	<option value="Armenia">Armenia</option>	<option value="Aruba">Aruba</option>	<option value="Australia">Australia</option>	<option value="Austria">Austria</option>	<option value="Azerbaijan">Azerbaijan</option>	<option value="Bahamas">Bahamas</option>	<option value="Bangladesh">Bangladesh</option>	<option value="Barbados">Barbados</option>	<option value="Belarus">Belarus</option>	<option value="Belgium">Belgium</option>	<option value="Belize">Belize</option>	<option value="Bermuda">Bermuda</option>	<option value="Bolivia">Bolivia</option>	<option value="Bosnia">Bosnia</option>	<option value="Botswana">Botswana</option>	<option value="Brazil">Brazil</option>	<option value="British Virgin Islands">British Virgin Islands</option>	<option value="Brunei Darussalam">Brunei Darussalam</option>	<option value="Bulgaria">Bulgaria</option>	<option value="Cote d Ivoire">Cote d Ivoire</option>	<option value="Cambodia">Cambodia</option>	<option value="Cameroon">Cameroon</option>	<option value="Canada">Canada</option>	<option value="Cayman Islands,">Cayman Islands,</option>	<option value="Channel Islands">Channel Islands</option>	<option value="Chile">Chile</option>	<option value="China">China</option>	<option value="Colombia">Colombia</option>	<option value="Comoros">Comoros</option>	<option value="Cook Islands">Cook Islands</option>	<option value="Costa Rica">Costa Rica</option>	<option value="Croatia">Croatia</option>	<option value="Cyprus">Cyprus</option>	<option value="Czech Republic">Czech Republic</option>	<option value="Denmark">Denmark</option>	<option value="Dominican Republic">Dominican Republic</option>	<option value="Ecuador">Ecuador</option>	<option value="El Salvador">El Salvador</option>	<option value="Estonia">Estonia</option>	<option value="Finland">Finland</option>	<option value="France">France</option>	<option value="Gabon">Gabon</option>	<option value="Germany">Germany</option>	<option value="Ghana">Ghana</option>	<option value="Gibraltar">Gibraltar</option>	<option value="Greece">Greece</option>	<option value="Greenland">Greenland</option>	<option value="Guatemala">Guatemala</option>	<option value="Guinea">Guinea</option>	<option value="Guyana">Guyana</option>	<option value="Haiti">Haiti</option>	<option value="Honduras">Honduras</option>	<option value="Hong Kong">Hong Kong</option>	<option value="Hungary">Hungary</option>	<option value="Iceland">Iceland</option>	<option value="India">India</option>	<option value="Indonesia">Indonesia</option>	<option value="Ireland">Ireland</option>	<option value="Isle of Man">Isle of Man</option>	<option value="Italy">Italy</option>	<option value="Jamaica">Jamaica</option>	<option value="Japan">Japan</option>	<option value="Kenya">Kenya</option>	<option value="Kingdom of Swaziland">Kingdom of Swaziland</option>	<option value="Korea">Korea</option>	<option value="Laos">Laos</option>	<option value="Latvia">Latvia</option>	<option value="Liechtenstein">Liechtenstein</option>	<option value="Lithuania">Lithuania</option>	<option value="Luxembourg">Luxembourg</option>	<option value="Malaysia">Malaysia</option>	<option value="Malta">Malta</option>	<option value="Mauritius">Mauritius</option>	<option value="Mexico">Mexico</option>	<option value="Monaco">Monaco</option>	<option value="Mongolia">Mongolia</option>	<option value="Myanmar">Myanmar</option>	<option value="Nepal">Nepal</option>	<option value="The Netherlands">The Netherlands</option>	<option value="Netherlands Antilles">Netherlands Antilles</option>	<option value="New Zealand">New Zealand</option>	<option value="Nicaragua">Nicaragua</option>	<option value="Nigeria">Nigeria</option>	<option value="Northern Ireland">Northern Ireland</option>	<option value="Norway">Norway</option>	<option value="Pakistan">Pakistan</option>	<option value="Papua New Guinea">Papua New Guinea</option>	<option value="Paraguay">Paraguay</option>	<option value="Peru">Peru</option>	<option value="Poland">Poland</option>	<option value="Portugal">Portugal</option>	<option value="Panama">Panama</option>	<option value="Philippines">Philippines</option>	<option value="Puerto Rico">Puerto Rico</option>	<option value="Romania">Romania</option>	<option value="Russia">Russia</option>	<option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option>	<option value="Saint Vincent/Grenadines">Saint Vincent/Grenadines</option>	<option value="Scotland">Scotland</option>	<option value="Senegal Republic">Senegal Republic</option>	<option value="Sierra Leone">Sierra Leone</option>	<option value="Singapore">Singapore</option>	<option value="Slovakia">Slovakia</option>	<option value="Slovenia">Slovenia</option>	<option value="South Africa">South Africa</option>	<option value="Spain">Spain</option>	<option value="Sri Lanka">Sri Lanka</option>	<option value="Sweden">Sweden</option>	<option value="Switzerland">Switzerland</option>	<option value="Taiwan">Taiwan</option>	<option value="Tajikistan">Tajikistan</option>	<option value="Tanzania">Tanzania</option>	<option value="Thailand">Thailand</option>	<option value="Trinidad and Tobago">Trinidad and Tobago</option>	<option value="Turkey">Turkey</option>	<option value="Turks Caicos Islands">Turks Caicos Islands</option>	<option value="Uganda">Uganda</option>	<option value="Ukraine">Ukraine</option>	<option value="United Kingdom">United Kingdom</option>	<option value="United States">United States</option>	<option value="Uruguay">Uruguay</option>	<option value="Uzbekistan">Uzbekistan</option>	<option value="Venezuela">Venezuela</option>	<option value="Vietnam">Vietnam</option>	<option value="Yugoslavia">Yugoslavia</option>	<option value="Zambia">Zambia</option>	</select>	</p>';

regDiv +='<p><label for="txtUsername">البريد الإلكتروني:<strong class=\'mandatory\'>*</strong></label><input id="username" type="text" name="username" onkeypress="OnKeyPressDoAction(event,\'validation\')"/></p><p><label for="txtPassword">كلمة السر:<strong class=\'mandatory\'>*</strong></label><input id="password" type="password" id="password" onkeypress="OnKeyPressDoAction(event,\'validation\')"/></p><p><label for="txtPassword2">إعادة كلمة السر:<strong class=\'mandatory\'>*</strong></label><input id="password2" type="password" name="password2" onkeypress="OnKeyPressDoAction(event,\'validation\')"/></p><p><label for="cmbOccupation">المهنة:</label>';

regDiv += '<select name="occupation" id="occupation" size="1" dir="rtl" onkeypress="OnKeyPressDoAction(event,\'validation\')">	<option value="">-إختر-</option>	<option value="executive/managerial">تنفيذي/إداري</option>	<option value="professional (doctor, lawyer, etc.)">مهني،طبيب، محامي، إلخ</option>	<option value="academic/educator">أكاديمي/تعليمي</option>	<option value="banking &amp; finance">مالية ومصرفية</option>	<option value="computer technical/engineering">فني/مهندس حاسوب</option>	<option value="other technical/engineering">فني/مهندس في مجالات أخرى</option>	<option value="service/customer support">خدمة زبائن</option>	<option value="clerical/administrative">إداري/كاتب</option>	<option value="sales/marketing">مبيعات/تسويق</option>	<option value="college/graduate student">طالب/خريج جامعة</option>	<option value="student">طالب</option>	<option value="housewife">ربة منزل</option>	<option value="self-employed/own company">صاحب عمل/مالك شركة</option>	<option value="unemployed">عاطل عن العمل</option>	<option value="looking for work">باحث عن عمل</option>	<option value="retired">متقاعد</option>	<option value="Armed Forces / Government">قوات مسلحة/حكومي</option>	<option value="Journalist">صحافي</option>	<option value="other"> غير ذلك</option>	</select>	</p>';

regDiv += '<p><label for="txtCheck">يرجى طباعة الرقم الظاهر في المربع:<strong class=\'mandatory\'>*</strong></label><input id="textCheck" name="textCheck" type="text" size="3" onkeypress="OnKeyPressDoAction(event,\'validation\')" /><br /><p id="image"><img src="viewImage.php" style="border:1px solid #000" alt="" /></p></p></div><div class="cntr">';

regDiv +='<input id="btnReg" type="button" class="btn grn" value=" تسجيل " onclick="validation(13);"  />&nbsp;&nbsp;&nbsp;<input id="btnCancel" type="button" class="btn grn" value=" إلغاء " onclick="hide();"/><span style="display: none;" id="loader"> <span id="loading_text">الرجاء الإنتظار ...</span> <img src="'+images+'loader.gif"/></span></div></div><div class="footCrv">&nbsp;</div></div>';



var thanksDiv = '<div class="popup"><div class="head"><span>شكرا لك</span><a href="#" onclick="hide();"><img src="'+images+'/btnClose.gif" alt="إغلاق" /></a><div class="cls"></div></div><div class="contents"><br /><br /><h2 class="cntr">لقد تمت عملية التسجيل بنجاح, شكراً لك!</h2><br /><br /></div><div class="footCrv">&nbsp;</div></div>';
var regstrationThanksDiv = '<div class="popup"><div class="head"><span>شكرا لك</span><a href="#" onclick="hide(1);"><img src="'+images+'/btnClose.gif" alt="إغلاق" /></a><div class="cls"></div></div><div class="contents"><br /><br /><h2 class="cntr">لقد تمت عملية التسجيل بنجاح, شكراً لك!</h2><br /><br /></div><div class="footCrv">&nbsp;</div></div>';

var loginDiv = '<div class="popup"><div class="head"><span>دخول</span><a href="#" onclick="hide();"><img src="'+images+'/btnClose.gif" alt="إغلاق" /></a><div class="cls"></div></div><div class="contents"><div id="errorDiv1" align="center" style="display:none;"><font color="#FF0000" id="errorTxt1">Error</font></div><div class="popupForm"><p><label for="txtName">البريد الإلكتروني:</label><input id="usernamelog" type="text"  onkeypress="OnKeyPressDoAction(event,\'login\')"/></p><p><label for="txtPass">كلمة السر:</label><input id ="passwordlog" type="password" onkeypress="OnKeyPressDoAction(event,\'login\')" /></p></div><div class="cntr"><input type="button" onclick="login(13)" id="loginBtn" class="btn grn" value="دخول"/><span style="display: none;" id="loader1"> <span id="loading_text">الرجاء الإنتظار ...</span> <img src="'+images+'loader.gif"/></span></div><br/><div class="cntr" style="font-weight:bold">اذا لم يكن لديك اسم مستخدم&nbsp;&nbsp;<a href="javascript:show(\'regForm\',0,80,500);">انقر هنا</a></div></div><div class="footCrv">&nbsp;</div></div>';


function show(id, opacStart, opacEnd, millisec) {
	if (id == 'regForm') {
		var htmlContent = regDiv;
	}
	if (Box){
		Box.hide();
	}
	Box = new ShadowBox(htmlContent, {top: '10%', shaowColor:"#FFFFFF", boxWidth:"800px"  , transHoldTime:millisec , maxOpacity: opacEnd});
	//document.getElementById(id).innerHTML = ""
	Box.show();
}

function hide(refresh){
	if(refresh != null) {
		var url = window.location.toString();
		url = url.replace(/\#/g,"");
		var del = '?';
		if ( url.indexOf('?') != -1) {
			del = '&';
		}
		top.location = url + del + 'logged=1';
	} else {
		Box.hide();
	}

}

function validation(btn) {
	if(btn==13){
		var btn = document.getElementById('btnReg');
		var btn2 = document.getElementById('btnCancel');


		if(document.getElementById('firstName').value.trim() == "") {
			wait('الرجاء إدخال الأسم الأول');
			document.getElementById('firstName').focus();
			return false;
		}

		if(document.getElementById('lastName').value.trim() == "") {
			wait('الرجاء إدخال أسم العائلة');
			document.getElementById('lastName').focus();
			return false;
		}

		if(document.getElementById('gender').value.trim() == "") {
			wait('الرجاء إختيار الجنس');
			return false;
		}


		if(document.getElementById('country').value.trim() == "") {
			wait('الرجاء إختيار بلد الأقامة');
			return false;
		}


		if(document.getElementById('username').value.trim() == "") {
			wait('الرجاء إدخال البريد الألكتروني');
			document.getElementById('username').focus();
			return false;
		}

		if(!testemail(document.getElementById('username'))) {
			wait('الرجاء إدخال البريد الألكتروني بشكل صحيح');
			document.getElementById('username').focus();
			return false;
		}


		if(document.getElementById('password').value.trim() == ""){
			wait('الرجاء إدخال كلمة السر');
			document.getElementById('password').focus();
			return;
		}

		if(document.getElementById('password').length < 6 || document.getElementById('password').length > 20){
			wait('يجب أن لا  تكون كلمة السر أقل من  ستة خانات');
			document.getElementById('password').focus();
			return;
		}

		if(document.getElementById('password2').value.trim() == ""){
			wait('الرجاء إدخال إعادة كلمة السر');
			document.getElementById('password2').focus();
			return;
		}


		if(document.getElementById('password').value.trim() != document.getElementById('password2').value.trim()){
			wait('الرجاء التأكد من كلمة السر و تأكيد كلمة السر');
			document.getElementById('password').value = "";
			document.getElementById('password2').value = "";
			document.getElementById('password').focus();
			return;
		}


		if (!valid_password(document.getElementById('password'))) {
			wait('الرجاء أعادة إدخال كلمة السر');
			document.getElementById('password').value = "";
			document.getElementById('password2').value = "";
			document.getElementById('password').focus();
			return;
		}

		if(document.getElementById('occupation').value.trim() == "") {
			wait('الرجاء إختيار المهنة');
			return false;
		}


		if(document.getElementById('textCheck').value.trim() == "") {
			wait('الرجاء إدخال الأرقام التي في الصورة');
			return false;
		}

		document.getElementById('loader').style.display = "";
		btn.disabled = true;
		btn2.disabled = true;

		AJAXPost("register.php?fname="+encodeURI(document.getElementById('firstName').value)+"&lname="+encodeURI(document.getElementById('lastName').value)+"&gender="+encodeURI(document.getElementById('gender').value)+"&country="+encodeURI(document.getElementById('country').value)+"&username="+encodeURI(document.getElementById('username').value)+"&password="+encodeURI(document.getElementById('password').value+"&code="+encodeURI(document.getElementById('textCheck').value))+"&occupation="+encodeURI(document.getElementById('occupation').value), new Function("response","errorReg(response)"));
	}
}

function errorReg(response){

	if (response == 1){
		wait('الرجاء إدخال الأسم الأول');
		document.getElementById('firstName').focus();
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;
	} else if (response == 2) {
		wait('الرجاء إدخال أسم العائلة');
		document.getElementById('lastName').focus();
		document.getElementById('firstName').focus();
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;

	} else if (response == 3) {

		wait('الرجاء إختيار الجنس');
		document.getElementById('firstName').focus();
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;

	} else if (response == 4) {
		wait('الرجاء إختيار بلد الأقامة');
		document.getElementById('firstName').focus();
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;

	} else if (response == 5) {

		wait('الرجاء إدخال البريد الألكتروني');
		document.getElementById('username').focus();
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;

	} else if (response == 6) {
		wait('الرجاء إدخال البريد الألكتروني بشكل صحيح');
		document.getElementById('username').focus();
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;
	} else if (response == 7) {
		wait('الرجاء إدخال كلمة السر');
		document.getElementById('password').focus();
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return;
	} else if (response == 8) {
		wait('الرجاء إختيار المهنة');
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;
	} else if (response == 9) {
		wait('الرجاء إدخال الأرقام التي في الصورة');
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;
	} else if (response == 10) {
		wait('الرجاء إدخال الأرقام التي في الصورة بشكل صحيح');
		document.getElementById('textCheck').value = "";
		document.getElementById('textCheck').focus();
		document.getElementById("image").innerHTML = "";
		document.getElementById("image").innerHTML = '<img src="viewImage.php?u=2121" style="border:1px solid #000" alt="" />';
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";

		return false;
	} else if (response == 11) {
		wait('البريد الألكتروني مستخدم من قبل');
		document.getElementById('username').focus();
		document.getElementById('btnReg').disabled = false;
		document.getElementById('btnCancel').disabled = false;
		document.getElementById('loader').style.display = "none";
		return false;
	} else {
		Box.hide();
		Box = new ShadowBox(regstrationThanksDiv, {top: '10%', shaowColor:"#FFFFFF", boxWidth:"800px"  , transHoldTime:500 , maxOpacity: 80});
		Box.show();
	}

}

function wait(msgt,obj) {
	if (obj == null) {
		document.getElementById('errorDiv').style.display = "";
		document.getElementById('errorTxt').innerHTML = "";
		document.getElementById('errorTxt').innerHTML = "&nbsp;"+msgt;
	} else {
		document.getElementById(obj).style.display = "";
		document.getElementById('errorTxt1').innerHTML = "";
		document.getElementById('errorTxt1').innerHTML = "&nbsp;"+msgt;
	}
}

function hideWait(obj) {
	document.getElementById('errorDiv').style.display = "none";

}

String.prototype.trim = function() {
	return this.replace(/^\s+|\s+$/g,"");
}

function testemail(obj) {
	if(obj){
		var emailForm = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/
		if (emailForm.test(obj.value.trim())){
			return true;
		}
	}

	return false;
}

function valid_password(str) {
	for(var i = 0; i < str.length; i++) {
		var charcode = str.charCodeAt(i);
		/* A-Z */
		if(charcode >= 0x41 && charcode <= 0x5A) {
			continue;
		}

		/* a-z */
		if(charcode >= 0x61 && charcode <= 0x7A) {
			continue;
		}

		/* 0-9 */
		if(charcode >= 0x30 && charcode <= 0x39) {
			continue;
		}

		return false;
	}
	return true;

}

function checkLogin(){
	Box = new ShadowBox(loginDiv, {top: '10%', shaowColor:"#FFFFFF", boxWidth:"800px"  , transHoldTime:500 , maxOpacity: 80});
	Box.show();
}

function login(btn){
	if(btn==13){
		if(document.getElementById('usernamelog').value.trim() == "") {
			wait('الرجاء إدخال البريد الألكتروني','errorDiv1');
			document.getElementById('usernamelog').focus();
			return false;
		}

		if(!testemail(document.getElementById('usernamelog'))) {
			wait('الرجاء إدخال البريد الألكتروني بشكل صحيح','errorDiv1');
			document.getElementById('usernamelog').focus();
			return false;
		}

		if(document.getElementById('passwordlog').value.trim() == "") {
			wait('الرجاء إدخال كلمة السر','errorDiv1');
			document.getElementById('passwordlog').focus();
			return false;
		}
		document.getElementById('loginBtn').disabled = true;
		document.getElementById('loader1').style.display = "";

		AJAXPost("login.php?username="+encodeURI(document.getElementById('usernamelog').value.trim())+"&password="+encodeURI(document.getElementById('passwordlog').value.trim()), new Function("response","errorLogin(response)"));
	}
}

function errorLogin(response){
	if(response == 1) {
		wait('الرجاء إدخال البريد الألكتروني','errorDiv1');
		document.getElementById('usernamelog').focus();
		document.getElementById('loginBtn').disabled = false;
		document.getElementById('loader1').style.display = "none";
		return false;
	} else if(response == 2) {
		wait('الرجا إدخال البريد الألكتروني بشكل صحيح','errorDiv1');
		document.getElementById('usernamelog').focus();
		document.getElementById('loginBtn').disabled = false;
		document.getElementById('loader1').style.display = "none";
		return false;
	} else if (response == 3) {
		wait('الرجاء إدخال كلمة السر','errorDiv1');
		document.getElementById('passwordlog').focus();
		document.getElementById('loginBtn').disabled = false;
		document.getElementById('loader1').style.display = "none";
		return false;
	} else if (response == 4) {
		wait('البريد الألكتروني أو كلمة السرَ غير صحيح','errorDiv1');
		document.getElementById('usernamelog').focus();
		document.getElementById('loginBtn').disabled = false;
		document.getElementById('loader1').style.display = "none";
		return false;
	} else if (response == 0){
		var url = window.location.toString();
		url = url.replace(/\#/g,"");
		var del = '?';
		if ( url.indexOf('?') != -1) {
			del = '&';
		}
		top.location = url + del + 'logged=1';
	}
}

function OnKeyPressDoAction(e,action){
	var code = (window.event) ? event.keyCode : e.keyCode;
	if (action == 'validation') {
		return validation(code);
	} else if (action == 'login') {
		return login(code);
	}
}
