function createUploader1() {
	var uploader = new qq.FileUploader({
		element: document.getElementById('file-uploader'), 
		action: 'php.php', 
		debug: true
	});
}



function setSelected(field) {
	$(".row .label").attr("class", "label");
	
	$("#become-label-" + field).attr("class", "label label-selected");
}



function init() {
	document.getElementById('file_upload_form').onsubmit=function() {
		document.getElementById('file_upload_form').target = 'upload_target'; //'upload_target' is the name of the iframe
	}
}



function becomeStep2() {
	var lang = $("#languageValue").val();
	$("#pages-container-become").animate({top: "0%", opacity: 0}, 600, "easeInOutCirc", function() { $(this).remove(); });
	
	
	$("#content-container").append('<div id="pages-container-become2" class="pages-container" style="opacity: 0; filter: alpha(opacity=0); top: 100%;"></div>');
	
	
	$.ajax({
		url: "page-form.php", 
		cache: false, 
		success: function(response) {
			$("#pages-container-become2").html(response);
			
			$("#pages-container-become2").animate({top: "50%", opacity: 1}, 600, "easeInOutCirc");
			
			mytip();
			init();
			$("#become-lastname").focus();
			
			
			$('.date-pick').datePicker({
				startDate: '01/01/1980', 
				clickInput: true
			}).val(new Date().asString()).trigger('change');
			
			
			$(function() {
				if (lang == 1) { $(":file").uniform({fileDefaultText: 'fájl kiválasztása...', fileBtnText: 'Tallózás'}); }
				else if (lang == 2) { $(":file").uniform({fileDefaultText: 'no file selected...', fileBtnText: '...'}); }
			});
			
			
			$("#visibleContainer").attr("value", "13");
		}
	});
}



function becomeStep3(email) {
	$("#pages-container-become2").animate({top: "0%", opacity: 0}, 600, "easeInOutCirc", function() { $(this).remove(); });
	
	
	$("#content-container").append('<div id="pages-container-become3" class="pages-container" style="opacity: 0; filter: alpha(opacity=0); top: 100%;"></div>');
	
	
	$.ajax({
		url: "page-finished.php?mail=" + email, 
		cache: false, 
		success: function(response) {
			$("#pages-container-become3").html(response);
			$("#pages-container-become3").animate({top: "50%", opacity: 1}, 600, "easeInOutCirc");
		}
	});
}



function watchField(field) {
	var lang = $("#languageValue").val();
	
	
	
	// only empty (lastname, firstname, birthdate, mobile)
	if (field == "lastname" || field == "firstname" || field == "birthdate" || field == "mobile") {
		var value = $("#become-" + field).val();
		
		if (value == "") {
			if (lang == 1) {
				if (field == "lastname") { fieldTitle = "vezet&eacute;kn&eacute;v"; }
				else if (field == "firstname") { fieldTitle = "keresztn&eacute;v"; }
				else if (field == "birthdate") { fieldTitle = "sz&uuml;let&eacute;si id&#337;"; }
				else if (field == "mobile") { fieldTitle = "mobil"; }
				
				var errorMessage = 'hiba: ' + fieldTitle + ' mez&#337; kit&ouml;lt&eacute;se k&ouml;telez&#337;<br />';
			}
			
			else if (lang == 2) {
				if (field == "lastname") { fieldTitle = "lastname"; }
				else if (field == "firstname") { fieldTitle = "firstname"; }
				else if (field == "birthdate") { fieldTitle = "birthdate"; }
				else if (field == "mobile") { fieldTitle = "mobile"; }
				
				var errorMessage = 'error: ' + fieldTitle + ' field is required<br />';
			}
			
			
			$("#become-" + field).attr("class", "error");
			var errorMsg = errorMessage;
			$("#row-" + field).attr("rel", errorMsg);
		}
		
		else {
			$("#become-" + field).attr("class", "");
			$("#row-" + field).attr("rel", "");
		}
	}
	
	
	
	
	// empty OR wrong email address (email)
	if (field == "email") {
		var value = $("#become-" + field).val();
		
		// empty
		if (value == "") {
			if (lang == 1) {
				if (field == "email") { fieldTitle = "e-mail c&iacute;m"; }
				
				var errorMessage = 'hiba: ' + fieldTitle + ' kit&ouml;lt&eacute;se k&ouml;telez&#337;<br />';
			}
			
			else if (lang == 2) {
				if (field == "email") { fieldTitle = "e-mail"; }
				
				var errorMessage = 'error: ' + fieldTitle + ' field is required<br />';
			}
			
			
			$("#become-" + field).attr("class", "error");
			var errorMsg = errorMessage;
			$("#row-" + field).attr("rel", errorMsg);
		}
		
		// not empty
		else {
			// we have at and dot
			if (value.indexOf("@") != -1 && value.indexOf(".") != -1) {
				$("#become-" + field).attr("class", "");
				$("#row-" + field).attr("rel", "");
			}
			
			// we dont have at and dot
			else {
				if (lang == 1) {
					if (field == "email") { fieldTitle = "e-mail c&iacute;m"; }
					
					var errorMessage = 'hiba: rossz e-mail c&iacute;m (kell bele \'@\' és \'.\')<br />';
				}
				
				else if (lang == 2) {
					if (field == "email") { fieldTitle = "e-mail"; }
					
					var errorMessage = 'error: wrong e-mail format (we need \'@\' and \'.\')<br />';
				}
				
				
				$("#become-" + field).attr("class", "error");
				var errorMsg = errorMessage;
				$("#row-" + field).attr("rel", errorMsg);
			}
		}
	}
	
	
	
	
	// empty OR wrong email address (msn)
	if (field == "msn") {
		var value = $("#become-" + field).val();
		
		// we have at and dot
		if (value.indexOf("@") != -1 && value.indexOf(".") != -1 || value == "") {
			$("#become-" + field).attr("class", "");
			$("#row-" + field).attr("rel", "");
		}
		
		// we dont have at and dot
		else {
			if (lang == 1) {
				if (field == "msn") { fieldTitle = "e-mail c&iacute;m"; }
				
				var errorMessage = 'hiba: rossz e-mail c&iacute;m (kell bele \'@\' és \'.\')<br />';
			}
			
			else if (lang == 2) {
				if (field == "msn") { fieldTitle = "e-mail"; }
				
				var errorMessage = 'error: wrong e-mail format (we need \'@\' and \'.\')<br />';
			}
			
			
			$("#become-" + field).attr("class", "error");
			var errorMsg = errorMessage;
			$("#row-" + field).attr("rel", errorMsg);
		}
	}
	
	
	
	
	// empty OR only numbers
	if (field == "weight" || field == "height" || field == "bust" || field == "waist" || field == "hip" || field == "confection" || field == "footsize") {
		var value = $("#become-" + field).val();
		
		// empty
		if (value == "") {
			if (lang == 1) {
				if (field == "weight") { fieldTitle = "s&uacute;ly"; }
				else if (field == "height") { fieldTitle = "magass&aacute;g"; }
				else if (field == "bust") { fieldTitle = "mellb&#337;s&eacute;g"; }
				else if (field == "waist") { fieldTitle = "der&eacute;kb&#337;s&eacute;g"; }
				else if (field == "hip") { fieldTitle = "cs&iacute;p&#337;b&#337;s&eacute;g"; }
				else if (field == "confection") { fieldTitle = "konfekci&oacute;"; }
				else if (field == "footsize") { fieldTitle = "l&aacute;bm&eacute;ret"; }
				
				var errorMessage = 'hiba: ' + fieldTitle + ' mez&#337; kit&ouml;lt&eacute;se k&ouml;telez&#337;<br />';
			}
			
			else if (lang == 2) {
				if (field == "weight") { fieldTitle = "weight"; }
				else if (field == "height") { fieldTitle = "height"; }
				else if (field == "bust") { fieldTitle = "bust"; }
				else if (field == "waist") { fieldTitle = "waist"; }
				else if (field == "hip") { fieldTitle = "hip"; }
				else if (field == "confection") { fieldTitle = "confection"; }
				else if (field == "footsize") { fieldTitle = "footsize"; }
				
				var errorMessage = 'error: ' + fieldTitle + ' field is required<br />';
			}
			
			
			$("#become-" + field).attr("class", "error");
			var errorMsg = errorMessage;
			$("#row-" + field).attr("rel", errorMsg);
		}
		
		// not empty
		else {
			var isNum = /^\s*\d+\s*$/;
			var result = value.search(isNum);
			
			
			if (value.length > 3) {
				if (lang == 1) {
					var errorMessage = 'hiba: t&uacute;l nagy sz&aacute;m<br />';
				}
				
				else if (lang == 2) {
					var errorMessage = 'error: this number is too big<br />';
				}
				
				
				$("#become-" + field).attr("class", "error");
				var errorMsg = errorMessage;
				$("#row-" + field).attr("rel", errorMsg);
			}
			
			
			else {
				if (result != -1) {
					$("#become-" + field).attr("class", "");
					$("#row-" + field).attr("rel", "");
				}
				
				
				else {
					if (lang == 1) {
						var errorMessage = 'hiba: csak sz&aacute;m &iacute;rhat&oacute; be<br />';
					}
					
					else if (lang == 2) {
						var errorMessage = 'error: numbers only<br />';
					}
					
					
					$("#become-" + field).attr("class", "error");
					var errorMsg = errorMessage;
					$("#row-" + field).attr("rel", errorMsg);
				}
			}
		}
	}
	
	
	
	mytip();
}



function becomeApply() {
	var lang = $("#languageValue").val();
	var itsokey = 0;
	
	
	
	// checking images
	for (i = 1; i <= 4; i++) {
		var field = '#become-photo' + i;
		
		if ($(field).val() != '') {
			$('div#uniform-become-photo' + i).css('border', '1px solid transparent');
			$('div#uniform-become-photo' + i + ' span.action').css('background-position', 'right -20px');
			
			$('div#uniform-become-photo' + i).hover(
				function() { $(this).find('span.action').css('background-position', 'right -40px'); }, 
				function() { $(this).find('span.action').css('background-position', 'right -20px'); }
			);
		}
		
		else {
			$('div#uniform-become-photo' + i).css('border', '1px solid #cc7cb2');
			$('div#uniform-become-photo' + i + ' span.action').css('background-position', 'right -60px');
			
			$('div#uniform-become-photo' + i).hover(
				function() { $(this).find('span.action').css('background-position', 'right -60px'); }, 
				function() { $(this).find('span.action').css('background-position', 'right -60px'); }
			);
		}
	}
	
	
	
	
	
	
	// checking divs
	var fields = $(".become-field");
	for (l = 0; l <= (fields.length - 1); l++) {
		var id = $(fields[l]).attr("id");
		var field = id.split("-");
		field = field[2];
		
		if (field == "sex" || field == "eyecolor" || field == "haircolor" || field == "hairlength") {
			var value = $("#become-field-" + field).html();
			
			if (lang == 1) { var searchFor = value.indexOf('válassz'); }
			else if (lang == 2) { var searchFor = value.indexOf('choose'); }
			
			if (searchFor == 0) {
				if (lang == 1) {
					if (field == "sex") { fieldTitle = "nem"; }
					else if (field == "eyecolor") { fieldTitle = "szemsz&iacute;n"; }
					else if (field == "haircolor") { fieldTitle = "hajsz&iacute;n"; }
					else if (field == "hairlength") { fieldTitle = "hajhossz"; }
					
					var errorMessage = 'hiba: ' + fieldTitle + ' mez&#337; kit&ouml;lt&eacute;se k&ouml;telez&#337;<br />';
				}
				
				else if (lang == 2) {
					if (field == "sex") { fieldTitle = "sex"; }
					else if (field == "eyecolor") { fieldTitle = "eye color"; }
					else if (field == "haircolor") { fieldTitle = "hair color"; }
					else if (field == "hairlength") { fieldTitle = "hair length"; }
					
					var errorMessage = 'error: ' + fieldTitle + ' field is required<br />';
				}
				
				
				$("#become-field-" + field).attr("class", "become-field become-field-error");
				var errorMsg = errorMessage;
				$("#row-" + field).attr("rel", errorMsg);
			}
			
			else {
				$("#become-field-" + field).attr("class", "become-field");
				$("#row-" + field).attr("rel", "");
				
				itsokey++;
			}
		}
	}
	
	
	
	// checking inputs
	var inputs = $("input[type=text]");
	for (i = 0; i <= (inputs.length - 1); i++) {
		var id = $(inputs[i]).attr("id");
		var field = id.split("-");
		field = field[1];
		
		
		
		// only empty (lastname, firstname, birthdate, mobile)
		if (field == "lastname" || field == "firstname" || field == "birthdate" || field == "mobile") {
			var value = $("#become-" + field).val();
			
			if (value == "") {
				if (lang == 1) {
					if (field == "lastname") { fieldTitle = "vezet&eacute;kn&eacute;v"; }
					else if (field == "firstname") { fieldTitle = "keresztn&eacute;v"; }
					else if (field == "birthdate") { fieldTitle = "sz&uuml;let&eacute;si id&#337;"; }
					else if (field == "mobile") { fieldTitle = "mobil"; }
					
					var errorMessage = 'hiba: ' + fieldTitle + ' mez&#337; kit&ouml;lt&eacute;se k&ouml;telez&#337;<br />';
				}
				
				else if (lang == 2) {
					if (field == "lastname") { fieldTitle = "lastname"; }
					else if (field == "firstname") { fieldTitle = "firstname"; }
					else if (field == "birthdate") { fieldTitle = "birthdate"; }
					else if (field == "mobile") { fieldTitle = "mobile"; }
					
					var errorMessage = 'error: ' + fieldTitle + ' field is required<br />';
				}
				
				
				$("#become-" + field).attr("class", "error");
				var errorMsg = errorMessage;
				$("#row-" + field).attr("rel", errorMsg);
			}
			
			else {
				$("#become-" + field).attr("class", "");
				$("#row-" + field).attr("rel", "");
				
				itsokey++;
			}
		}
		
		
		
		// empty OR wrong email address (email)
		if (field == "email") {
			var value = $("#become-" + field).val();
			
			// empty
			if (value == "") {
				if (lang == 1) {
					if (field == "email") { fieldTitle = "e-mail c&iacute;m"; }
					
					var errorMessage = 'hiba: ' + fieldTitle + ' kit&ouml;lt&eacute;se k&ouml;telez&#337;<br />';
				}
				
				else if (lang == 2) {
					if (field == "email") { fieldTitle = "e-mail"; }
					
					var errorMessage = 'error: ' + fieldTitle + ' field is required<br />';
				}
				
				
				$("#become-" + field).attr("class", "error");
				var errorMsg = errorMessage;
				$("#row-" + field).attr("rel", errorMsg);
			}
			
			// not empty
			else {
				// we have at and dot
				if (value.indexOf("@") != -1 && value.indexOf(".") != -1) {
					$("#become-" + field).attr("class", "");
					$("#row-" + field).attr("rel", "");
					
					itsokey++;
				}
				
				// we dont have at and dot
				else {
					if (lang == 1) {
						if (field == "email") { fieldTitle = "e-mail c&iacute;m"; }
						
						var errorMessage = 'hiba: rossz e-mail c&iacute;m (kell bele \'@\' és \'.\')<br />';
					}
					
					else if (lang == 2) {
						if (field == "email") { fieldTitle = "e-mail"; }
						
						var errorMessage = 'error: wrong e-mail format (we need \'@\' and \'.\')<br />';
					}
					
					
					$("#become-" + field).attr("class", "error");
					var errorMsg = errorMessage;
					$("#row-" + field).attr("rel", errorMsg);
				}
			}
		}
		
		
		
		// empty OR wrong email address (msn)
		if (field == "msn") {
			var value = $("#become-" + field).val();
			
			// we have at and dot
			if (value.indexOf("@") != -1 && value.indexOf(".") != -1 || value == "") {
				$("#become-" + field).attr("class", "");
				$("#row-" + field).attr("rel", "");
				
				itsokey++;
			}
			
			// we dont have at and dot
			else {
				if (lang == 1) {
					if (field == "msn") { fieldTitle = "e-mail c&iacute;m"; }
					
					var errorMessage = 'hiba: rossz e-mail c&iacute;m (kell bele \'@\' és \'.\')<br />';
				}
				
				else if (lang == 2) {
					if (field == "msn") { fieldTitle = "e-mail"; }
					
					var errorMessage = 'error: wrong e-mail format (we need \'@\' and \'.\')<br />';
				}
				
				
				$("#become-" + field).attr("class", "error");
				var errorMsg = errorMessage;
				$("#row-" + field).attr("rel", errorMsg);
			}
		}
		
		
		
		// empty OR only numbers
		if (field == "weight" || field == "height" || field == "bust" || field == "waist" || field == "hip" || field == "confection" || field == "footsize") {
			var value = $("#become-" + field).val();
			
			// empty
			if (value == "") {
				if (lang == 1) {
					if (field == "weight") { fieldTitle = "s&uacute;ly"; }
					else if (field == "height") { fieldTitle = "magass&aacute;g"; }
					else if (field == "bust") { fieldTitle = "mellb&#337;s&eacute;g"; }
					else if (field == "waist") { fieldTitle = "der&eacute;kb&#337;s&eacute;g"; }
					else if (field == "hip") { fieldTitle = "cs&iacute;p&#337;b&#337;s&eacute;g"; }
					else if (field == "confection") { fieldTitle = "konfekci&oacute;"; }
					else if (field == "footsize") { fieldTitle = "l&aacute;bm&eacute;ret"; }
					
					var errorMessage = 'hiba: ' + fieldTitle + ' mez&#337; kit&ouml;lt&eacute;se k&ouml;telez&#337;<br />';
				}
				
				else if (lang == 2) {
					if (field == "weight") { fieldTitle = "weight"; }
					else if (field == "height") { fieldTitle = "height"; }
					else if (field == "bust") { fieldTitle = "bust"; }
					else if (field == "waist") { fieldTitle = "waist"; }
					else if (field == "hip") { fieldTitle = "hip"; }
					else if (field == "confection") { fieldTitle = "confection"; }
					else if (field == "footsize") { fieldTitle = "footsize"; }
					
					var errorMessage = 'error: ' + fieldTitle + ' field is required<br />';
				}
				
				
				$("#become-" + field).attr("class", "error");
				var errorMsg = errorMessage;
				$("#row-" + field).attr("rel", errorMsg);
			}
			
			// not empty
			else {
				var isNum = /^\s*\d+\s*$/;
				var result = value.search(isNum);
				
				
				if (value.length > 3) {
					if (lang == 1) {
						var errorMessage = 'hiba: t&uacute;l nagy sz&aacute;m<br />';
					}
					
					else if (lang == 2) {
						var errorMessage = 'error: this number is too big<br />';
					}
					
					
					$("#become-" + field).attr("class", "error");
					var errorMsg = errorMessage;
					$("#row-" + field).attr("rel", errorMsg);
				}
				
				
				else {
					if (result != -1) {
						$("#become-" + field).attr("class", "");
						$("#row-" + field).attr("rel", "");
						
						itsokey++;
					}
					
					
					else {
						if (lang == 1) {
							var errorMessage = 'hiba: csak sz&aacute;m &iacute;rhat&oacute; be<br />';
						}
						
						else if (lang == 2) {
							var errorMessage = 'error: numbers only<br />';
						}
						
						
						$("#become-" + field).attr("class", "error");
						var errorMsg = errorMessage;
						$("#row-" + field).attr("rel", errorMsg);
					}
				}
			}
		}
	}
}



function finishing_really() {
	$('#uploading-loader').fadeIn(200);
	becomeStep3($("#become-email").val());
}




// show modal box
function showModal(table) {
	var lang = $("#languageValue").val();
	$("#modal-filter, #modal-items").html("&nbsp;");
	
	$.ajax({
		url: "modal.php?table=" + table + "&lang=" + lang, 
		cache: true, 
		success: function(response) {
			$("#modal-items").html(response);
			
			var modalItemsHeight = $(".modal-item").length * 31;
			if (modalItemsHeight < (16*31)) { // kicsi a lista, nem kell scrollbar, kozepre rendezi (mindenhogy, X kozelebb kerul)
				$("#modal-container").css("margin-top", -(modalItemsHeight / 2) );
				$("#modal-close").css("margin-left", "-6px");
			}
			else { // hosszu a lista, van scrollbar
				$("#modal-container").css("margin-top", -((16*31) / 2) );
				$("#modal-close").css("margin-left", "30px");
			}
			
			$("#modal-cover").fadeIn(200);
			$("#modal-container").animate({top: "50%", opacity: 1}, 300, "easeInOutCirc", function() {
				$("#modal-container .scroll-pane").jScrollPane();
				
				$(".jspVerticalBar, .jspHorizontalBar").animate({"opacity": 1}, 500);
			});
		}
	});
}



function setHiddenField(field, value, lang, text) {
	var lang = $("#languageValue").val();
	
	$("#become-field-" + field.toLowerCase()).attr("class", "become-field");
	$("#row-" + field.toLowerCase()).attr("rel", "");
	
	
	$("#become-" + field).val(value);
	
	var fieldContent = field.toLowerCase();
	$("#become-field-" + fieldContent).html(text + ' <div class="field-icon select"></div>');
	
	$("#modal-container").animate({top: "100%", opacity: 0}, 300, "easeInOutCirc", function() {
		$(this).css("top", "-25%");
	});
	$("#modal-cover").fadeOut(300);
}