$(document).ready(function(){
	$("#uname").focusin(function(){
		if($(this).val()=="email"){
			$(this).val("");
			$(this).css("color","#ffffff");
		}
		else{
			$(this).val()=$(this).val();
			$(this).css("color","#ffffff");
		}
	});
	$("#uname").focusout(function(){
		if($(this).val()==""){
			$(this).val("email");
			$(this).css("color","#b2b6bd");
		}
	});
	$("#passwd").focusin(function(){
		if($(this).val()=="password"){
			$(this).val("");
			$(this).css("color","#ffffff");
		}
		else{
			$(this).val()=$(this).val();
			$(this).css("color","#ffffff");
		}
	});
	$("#passwd").focusout(function(){
		if($(this).val()==""){
			$(this).val("password");
			$(this).css("color","#b2b6bd");
		}
	});
	$("#daftar").click(function(){
		$.ajax({
			type : "POST",
			url  : "http://garudamedia.co.id/registrasi.php",
			data : 
				{
					daftar: $("#daftar").val(),
					nama : $("#nama").val(),
					email: $("#email").val(),
					password: $("#password").val(),
					verifikasi_passwd: $("#verifikasi_passwd").val()
				},
			success:function(data){
				$("#tab_dft").fadeOut("slow",function(){
					$("#tampil").html(data);
				});
			}
		});
	});
	$("#verifikasi_passwd").keypress(
		function(e){
			if(e.which == 13) { //Enter keycode
				//Do something
				$.ajax({
					type : "POST",
					url  : "http://garudamedia.co.id/registrasi.php",
					data : {
						daftar: $("#daftar").val(),
						nama : $("#nama").val(),
						email: $("#email").val(),
						password: $("#password").val(),
						verifikasi_passwd: $("#verifikasi_passwd").val()
					},
					success:function(data){
						$("#tab_dft").fadeOut("slow",function(){
							$("#tampil").html(data);
						});
					}
				});
			}
		}
	);
	var delay = 20;
	var tID;
	$("#menututorial").hover(
		function(){
			$(this).find('a').addClass('over');
			if(tID){clearTimeout(tID);}
			$("#expan_mntutorial").stop(true,true).fadeIn();
		},
		function(){
			if(tID){clearTimeout(tID);}
			tID = setTimeout(function(){$("#expan_mntutorial").stop(true,true).fadeOut()}, delay);
			$(this).find('a').removeClass('over');
		}
	);  
	$("#expan_mntutorial").hover(
		function(){
			$("#menututorial").find('a').addClass('over');
			if(tID){clearTimeout(tID);}
			$(this).stop(true,true).fadeIn();
		}, 
		function(){
			if(tID){clearTimeout(tID);}
			tID = setTimeout(function(){$("#expan_mntutorial").stop(true,true).fadeOut()}, delay);
			$("#menututorial").find('a').removeClass('over');
		}
	);
});