// Pre-loading Menu Images //
function preloadImagesLang(base_url){
form_loading_pic= new Image(); 
form_loading_pic.src=base_url+"/images/form-loading.gif";
}
////////////////////////////////

// Pre-loading check boxes Images //
function preloadCheckBoxesImages(base_url,lang){
check_box_pic= new Image();
check_box_pic.src=base_url+"/images/"+lang+"/form-checkbox.png";
check_box_pic_selected= new Image(); 
check_box_pic_selected.src=base_url+"/images/"+lang+"/form-checkbox-checked.png";
}
////////////////////////////////////

/////// to open-close the hidden div ////

function openCloseADiv(div_id,div_id_to_hide){
	if(div_id_to_hide != ''){
		var div_id_object = document.getElementById(div_id_to_hide);
	}
	var div_style = document.getElementById(div_id);
	var div_visibility = div_style.style.visibility;
	if(div_visibility == 'hidden'){
		div_style.style.visibility = "visible";
		if(div_id_to_hide != ''){
			div_id_object.style.visibility = "hidden";
		}
	}else{
		div_style.style.visibility = "hidden";
		if(div_id_to_hide != ''){
			div_id_object.style.visibility = "visible";
		}
	}
	return false;
}

/////////////////////////////////////////

/////// select the div for the selectBOX ////

function selectTheDivValues(div_value,div_input_display,div_input_id,div_id,div_id_to_show){
	var div_value_array = div_value.split("-");
	var id_value = div_value_array[0];
	var display_value = div_value_array[1];
	if(div_id_to_show != ''){
		document.getElementById(div_id_to_show).style.visibility = "visible";
	}
	document.getElementById(div_id).style.visibility = "hidden";
	document.getElementById(div_input_id).value = id_value;
	document.getElementById(div_input_display).value = display_value;
	return false;
}

//////////////////////////////////////////////

////// submit the FORM  /////

function submitTheForm(base_url,form_id,url_to_send,form_method,div_to_display_msg,messageDivClass,extra_arguments_to_send,element_initial_values,loading_height){
	var parameters_to_send = constructPOST(form_id);
	
	var div_msg = document.getElementById(div_to_display_msg);
	
	div_msg.className = messageDivClass;
	
	div_msg.innerHTML = "<img src='"+base_url+"/images/form-loading.gif' alt='' border='0' height='"+loading_height+"' />";

	var extra_parameter = '';
	
	if(extra_arguments_to_send != ''){
		var extra_arguments_array = extra_arguments_to_send.split("|");
		var extra_arguments_array_size = extra_arguments_array.length;
		for(var j = 0; j < extra_arguments_array_size; j++) {
			var extra_arguments = extra_arguments_array[j];
			var extra_arguments_array_values = extra_arguments.split("-");
			var extra_parameter = extra_parameter+"&"+extra_arguments_array_values[0]+"="+extra_arguments_array_values[1];
		}
	}
	url_to_send = base_url+url_to_send;
	parameters_to_send += extra_parameter;
	$.ajax({
	      url: url_to_send,
	      global: false,
	      type: form_method,
	      data: parameters_to_send,
	      dataType: "html",
	      success: function(msg){
//	      	alert(msg);
//	      	return false;
	      	var msg_array = msg.split("|");
	      	var msg_type = msg_array[0];
	      	var msg_value = msg_array[1];
	      	var color_msg = '';
	      	// warning //
	      	if(msg_type == '1'){
      			color_msg = '#ff1616';
      		}
      		// error //
      		else if(msg_type == '2'){
      			color_msg = '#ff1616';
      		}
      		// success //
      		else if(msg_type == '3'){
      			color_msg = '#24a107';
      			resetTheForm(form_id,element_initial_values);
      		}
      		else{
      			window.location = msg_value;
      			return false;
      		}
      	  	div_msg.innerHTML = '<span style="color: '+color_msg+'; font-weight: bold;">'+msg_value+'</span>';
         	return false;
	      },
		  error: function(msg){
		  	div_msg.className = 'originalMessageDivClass';
		  	div_msg.style.height = "0px";
		  	div_msg.innerHTML = "";
			alert("Something wrong happened !!! Please try again later");
	        return false;
		  }
	   }
	)
}
	
////////////////////////////

////// construct the FORM POST /////

function constructPOST(form_id){
	c = 0;
	parameter = '';
	for(i=0; i<document.forms[form_id].elements.length; i++){
		if(document.forms[form_id].elements[i].type=="checkbox" || document.forms[form_id].elements[i].type=="radio"){
			if(document.forms[form_id].elements[i].type=="radio"){
				if(document.forms[form_id].elements[i].checked == true){
					nameField = document.forms[form_id].elements[i].name;
					values = document.forms[form_id].elements[i].value;
					parameter += "&"+nameField+'='+values;
				}
			}
			else{
				if(document.forms[form_id].elements[i].checked == true){
					nameField = document.forms[form_id].elements[i].name;
					values = document.forms[form_id].elements[i].value;
					parameter += "&"+nameField+'='+values;
				}
				else{
					nameField = document.forms[form_id].elements[i].name;
					parameter += "&"+nameField+'=';
				}
			}
		}
		else if(document.forms[form_id].elements[i].type=="select-one"){
			nameField = document.forms[form_id].elements[i].name;
			values = document.forms[form_id].elements[i][document.forms[form_id].elements[i].selectedIndex].value;
			parameter += "&"+nameField+'='+values;
		}
		else if(document.forms[form_id].elements[i].type=="select-multiple"){
			nameField = document.forms[form_id].elements[i].name;
			lenght = document.forms[form_id].elements[i].length;
			for(j=0;j<lenght;j++){
				if(document.forms[form_id].elements[i].options[j].selected == true){
					values = document.forms[form_id].elements[i].options[j].value;
					parameter += "&"+nameField+'_'+j+'='+values;
				}
			}
		}else{
				nameField = document.forms[form_id].elements[i].name;
				values = document.forms[form_id].elements[i].value;
				parameter += "&"+nameField+'='+values;
		}
		
	}
	return parameter;
}

/////////////////////////////


////// Reset the FORM  /////

function resetTheForm(form_id,element_initial_values){
	var element = document.getElementById(form_id).elements;
	for(var i = 0; i < element.length; i++) {
		element[i].value = '';
	}
	if(element_initial_values != ''){
		var element_initial_values_array = element_initial_values.split("|");
		var element_initial_values_array_size = element_initial_values_array.length;
		for(var k = 0; k < element_initial_values_array_size; k++) {
			var element_initial_arguments = element_initial_values_array[k];
			var element_initial_arguments_values = element_initial_arguments.split("-");
			var element_initial_name = element_initial_arguments_values[0];
			var element_initial_value = element_initial_arguments_values[1];
			element[element_initial_name].value = element_initial_value;
		}
	}
	return false;
}
	
////////////////////////////

// this function is to write only digits in the input fields //

function validChars(e,goods) {
	var key, keychar;
	key = (window.event) ? window.event.keyCode : ((e) ? e.which : null);
	if (key == null){
		return true;
	}
 
	keychar = String.fromCharCode(key);
	keychar = keychar.toLowerCase();
	goods = goods.toLowerCase();
 
	if (goods.indexOf(keychar) != -1){
		return true;
	}
	if(key >= 96 && key <= 105){
		return true;
	}
	if (key==null || key==0 || key==8 || key==9 || key==13 || key==27 || key==46)
		return true;
	return false;
}

function validateEmail(email) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   if(reg.test(email) == false) {
      return false;
   }
}
///////////////////////////////////////////////////////////////
function valivateMembership(){
	var fname= document.getElementById('fname').value;
	var lname= document.getElementById('lname').value;
	var date_of_birth= document.getElementById('date_of_birth').value;
	var place_of_birth= document.getElementById('place_of_birth').value;
	var address1= document.getElementById('address1').value;
	var city= document.getElementById('city').value;
	var country= document.getElementById('country').value;
	var phone= document.getElementById('phone').value;
	var email=document.getElementById('email').value;	

if(fname=='' || lname=='' || date_of_birth=='' || place_of_birth=='' || address1=='' || city=='' || country=='' || phone=='' ){
	$('.FormMsgHolder').css('color','#F00').html("* Please insert all required fields");
	return false;
	}
	if(email!=''){
		if(validateEmail(email) == false){
			$('.FormMsgHolder').css('color','#F00').html("* Please insert a valid email address");
			return false;
			}
	}
$('.FormMsgHolder').css('color','#090').html("Validating and redirecting...");
$('.FormMsgHolder').css('color','#F00').html("Sorry NetCommerce gateway is temporary unavailable...");
	return false;
	}
function valivateDonation(){
	var fullname= document.getElementById('fullname').value;
	var full_address= document.getElementById('full_address').value;
	var city= document.getElementById('city').value;
	var country= document.getElementById('country').value;
	var phone= document.getElementById('phone').value;
	var email= document.getElementById('email').value;
	var amount= document.getElementById('amount').value;

if(fullname=='' || full_address=='' || city=='' || country=='' || phone=='' || email=='' || amount=='' ){
	$('.FormMsgHolder').css('color','#F00').html("* Please insert all required fields");
	return false;
	}
	if(email!=''){
		if(validateEmail(email) == false){
			$('.FormMsgHolder').css('color','#F00').html("* Please insert a valid email address");
			return false;
			}
	}
if(isNaN(amount)){
			$('.FormMsgHolder').css('color','#F00').html("* Please insert a valid Amount");
			return false;
	}	
$('.FormMsgHolder').css('color','#090').html("Validating and redirecting...");
$('.FormMsgHolder').css('color','#F00').html("* Sorry NetCommerce gateway is temporary unavailable...");
	return false;
	}
//////

/// CMC js ///

//// fancy to call ////
function fancyBoxToCallImages(){
	$(document).ready(function() {
		$("a[rel=photosImages]").fancybox({
			'transitionIn'		: 'elastic',
			'transitionOut'		: 'elastic',
			'titlePosition' 	: 'over',
			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
			}
		});
	});
}
function fancyBoxToCallAjax(){
	$(document).ready(function() {
		$(".photosImagesClasses").fancybox();
	});
}
///////////////////////