// JavaScript Document
  $(document).ready(function()
  {
	$("#fr11_2").fileUpload({
		'uploader': 'uploader.swf',
		'cancelImg': 'control/images/cancel.png',
		'folder': 'control/gallery/railfans',
		'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
		'buttonText': 'Browse Photo',
		'script': 'upload.php',
		'multi': true,
		'onSelect' : function(event,queueID,fileObj)
		{
				var fname = fileObj.name;
      			document.getElementById ('fr11_2_1').value = fname;
		},
		'onComplete' : function (event,queueID,fileObj)
		{
				$("div#wait_2").hide();
				$("div#flog_2").fadeOut();
				$("div#sukses_2").fadeIn("slow");
				resetForm();
				$(".error").html("");	
		}
	});
	
   $(".mf4").click(function () 
	{
		$("body").fadeOut("slow");	
		setTimeout(document.location.href="index.php",1250);
    });
	function resetForm() {
		document.getElementById ('fr1_2').value = "";
		document.getElementById ('fr2_2').value = "";
		document.getElementById ('fr3_2_2').value = "";
		document.getElementById ('fr4_2').value = "";
		document.getElementById ('fr5_2').value = "";
		document.getElementById ('fr6_2').value = "";
		document.getElementById ('fr7_2').value = "";
		document.getElementById ('fr8_2').value = "";
		document.getElementById ('fr9_2').value = "";
		document.getElementById ('fr10_2').value = "";
		document.getElementById ('fr11_2_1').value = "";
		document.getElementById ('fr12_2').value = "";
		document.getElementById ('fr13_2').value = "";
		document.getElementById ('fr14_2').value = "";
	}
	//form railfans  
	$("div#msgbox_2").hide();	
	$("div#sukses_2").hide();	
	$("div#wait_2").hide();
	$("div#wait2_2").hide();
	$("#fr12_err_2_1").hide();
	
	$("div#again_2").click(function(){
		$("#msgbox_2").hide();
		$("span.error").html("");
		$("#flog_2").slideDown("slow");
	});	
		 
	$("#fr12_2").blur(function(){
		$("#fr12_err_2_1").slideUp("slow");
		$("#uwait").fadeIn();
		$.post("control/catalog/cekusername.php",{p1:$("#fr12_2").val()},function(data){
			if(data == 0)
			{
				$("#uwait").hide();		
			}
			else
			{
				$("#fr12_err_2_1").slideDown("slow")	;	
				$("#uwait").hide();		
			}
		});
		

	});	
	
	$("#submit_2").click(function()
	{
		var spechar = /[(\*\(\)\[\]\+\.\,\/\?\:\;\'\"\`\~\\#\$\%\^\&\<\>)+]/;
        var emailchar  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        var alphabet  = /([a-zA-Z])/;
        var numbers  = /([0-9])/;
		
		//error count
		var num_err = 0;
		
		//initial form variable
		var p1 = $('#fr1_2').val();
		var fr1_err_2 = "";
		var p2 = $('#fr2_2').val();
		var fr2_err_2 = "";
		var p3 = $('#fr3_2').val();
		var p3_1 = $('#fr3_2_1').val();		
		var p3_2 = $('#fr3_2_2').val();		
		var fr3_err_2 = "";
		var p4 = $('#fr4_2').val();
		var fr4_err_2 = "";
		var p5 = $('#fr5_2').val();
		var fr5_err_2 = "";
		var p6 = $('#fr6_2').val();
		var fr6_err_2 = "";
		var p7 = $('#fr7_2').val();
		var fr7_err_2 = "";
		var p8 = $('#fr8_2').val();
		var fr8_err_2 = "";
		var p9 = $('#fr9_2').val();
		var fr9_err_2 = "";
		var p10 = $("#fr10_2").val();
		var fr10_err_2 = "";
		var p11 = $("#fr11_2_1").val();
		var fr11_err_2 = "";
		var p12 = $("#fr12_2").val();
		var fr12_err_2 = "";
		var p13 = $("#fr13_2").val();
		var fr13_err_2 = "";
		var p14 = $("#fr14_2").val();
		var fr14_err_2 = "";
 
		
		if( p1 == "" || p1.match(spechar) || p1.match(numbers))
		{
			num_err++;
			fr1_err_2 = "Nama harus diisi, tidak boleh ada angka dan karakter khusus.";
		}
		
		
		if( p2 == ""  || p2.match(spechar) || p2.match(numbers))
		{
			num_err++;
			fr2_err_2 = "Alamat harus diisi, tidak boleh ada angka dan karakter khusus.";
		}
		
		if( p3_2 == "" || p3_2.match(spechar) || p3_2.match(alphabet))
		{
			num_err++;
			fr3_err_2 = "Tahun lahir harus diisi, tidak boleh ada huruf dan karakter khusus.";
		}
		
		if( p4 == "")
		{
			num_err++;
			fr4_err_2 += "Alamat harus diisi.";
		}
		
		if( p5 == "" || p5.match(spechar) || p5.match(alphabet))
		{
			num_err++;
			fr5_err_2 += "Kodepos harus diisi, tidak boleh diisi huruf dan karakter khusus.";
		}
		
		if( p6 == "" || p6.match(spechar) || p6.match(alphabet))
		{
			num_err++;
			fr6_err_2 += "Telepon, tidak boleh diisi huruf dan karakter khusus.";
		}
		
		if( p7!="" && p7.match(emailchar))
		{
			fr7_err_2 = "";
		}
		else
		{
			num_err++;
			fr7_err_2 += "Email harus diisi dan sesuai kaidah penamaan email.";
		}
		
		if( p9.match(spechar))
		{
			num_err++;
			fr9_err_2 += "Loco favorit tidak boleh diisi karakter khusus.";
		}
		
		if( p10.match(spechar))
		{
			num_err++;
			fr10_err_2 += "Stasiun favorit tidak boleh diisi karakter khusus.";
		}
		
		if( p12 == "" || p12.match(spechar))
		{
			num_err++;
			fr12_err_2 += "Username harus diisi, dan tidak boleh diisi karakter khusus.";
		}
		
		if( p13 == "" ||  p13.match(spechar))
		{
			num_err++;
			fr13_err_2 += "Password harus diisi, dan tidak boleh diisi karakter khusus.";
		}
		
		if( p14=="")
		{
			num_err++;
			fr14_err_2 += "Kode verifikasi harus diisi.";
		}
		
		if(num_err == 0)
		{
			var windowWidth = document.documentElement.clientWidth;
			var windowHeight = document.documentElement.clientHeight;
			var wait_2h = $("#wait_2").height();
			var wait_2w = $("#wait_2").width();
			$("#wait_2").css({
					"position": "fixed",
					"top": (windowHeight/2)-(wait_2h/2),
					"left": (windowWidth/2)-(wait_2w/2)
			});
			$("#wait_2").fadeIn("slow");
			
			$.post("control/catalog/saverailfans.php",{ 
			p1 : $('#fr1_2').val(),
			p2 : $('#fr2_2').val(),
			p3 : $('#fr3_2').val(),
			p3_1 : $('#fr3_2_1').val(),
			p3_2 : $('#fr3_2_2').val(),
			p4 : $('#fr4_2').val(),
			p5 : $('#fr5_2').val(),
			p6 : $('#fr6_2').val(),
			p7 : $('#fr7_2').val(),
			p8 : $('#fr8_2').val(),
			p9 : $('#fr9_2').val(),
			p10 : $('#fr10_2').val(),
			p11 : $('#fr11_2_1').val(),
			p12 : $('#fr12_2').val(),
			p13 : $('#fr13_2').val(),
			p14 : $('#fr14_2').val()
			} 
			,function(data)
			{
			  if(data >= 1) 
			  {
					if($("#fr11_2_1").val()=="")
					{
						$("div#wait_2").hide();
						$("div#flog_2").fadeOut();
						$("div#sukses_2").fadeIn("slow");
						resetForm();
						$(".error").html("");	
					}
					else
					{
						$("#fr11_2").fileUploadStart();
					}			
			  }
			  else 
			  {
				$("div#wait_2").hide();
				$("div#flog_2").fadeOut();
				$("div#msgbox_2").fadeIn("slow");
			  }
					
			});
		}
		else
		{
			$("div#wait_2").hide();
			$("div#flog_2").fadeIn("slow");
			$("#fr1_err_2").html(fr1_err_2);
			$("#fr2_err_2").html(fr2_err_2);
			$("#fr3_err_2").html(fr3_err_2);
			$("#fr4_err_2").html(fr4_err_2);
			$("#fr5_err_2").html(fr5_err_2);
			$("#fr6_err_2").html(fr6_err_2);
			$("#fr7_err_2").html(fr7_err_2);
			$("#fr8_err_2").html(fr8_err_2);
			$("#fr9_err_2").html(fr9_err_2);
			$("#fr10_err_2").html(fr10_err_2);
			$("#fr11_err_2").html(fr11_err_2);
			$("#fr12_err_2").html(fr12_err_2);
			$("#fr13_err_2").html(fr13_err_2);
			$("#fr14_err_2").html(fr14_err_2);

		}
 		return false; 
	});


  });