$(document).ready(function() {
    
    	$("#easyslider").easySlider({
			auto: true,
			pause: 4000,
			continuous: true 
		});
    
        $("#day_selector").change(onDayChanged);  

		function onDayChanged() {
				var weekdays 	= [ {optionValue:-1, optionDisplay: 'All'},
									{optionValue:1, optionDisplay: 'Monday'},
									{optionValue:2, optionDisplay: 'Tuesday'},
									{optionValue:3, optionDisplay: 'Wednesday'},
									{optionValue:4, optionDisplay: 'Thursday'},
									{optionValue:5, optionDisplay: 'Friday'}];
				var weekend 	= [ {optionValue:-1, optionDisplay: 'All'},
									{optionValue:6, optionDisplay: 'Saturday'},
									{optionValue:7, optionDisplay: 'Sunday'}];
			var selected = $("#day_selector option:selected");  
			var options = '';
			if (selected.val() == 1) {
				jQuery.each(weekdays, function() {
					 options += '<option value="' + this.optionValue + '">' + this.optionDisplay + '</option>';
				});
			} else {
				jQuery.each(weekend, function() {
					 options += '<option value="' + this.optionValue + '">' + this.optionDisplay + '</option>';
				});
			};

			$("select#day_chooser").html(options);
		}
		
		setTimeout(function(){
  			$("div.success").fadeOut("slow", function () {
  			$("div.success").remove();
      		});
    	}, 2000);
		
		$("#username").keyup(function(R) {
        	if (jQuery.inArray(R.keyCode, [16, 17, 18, 20, 27, 33, 34, 35, 37, 38, 39, 40, 144]) == -1) {
                    if ($("#username").val() != "") {
                        validate_email_account($("#username"));
                	}
			}
        });
		$("#password").keyup(function(R) {
        	if (jQuery.inArray(R.keyCode, [16, 17, 18, 20, 27, 33, 34, 35, 37, 38, 39, 40, 144]) == -1) {
                    if ($("#password").val() != "") {
                        validate_password($("#password"));
                	}
			}
        });
  	});

function validate_email_account(username_field) {
		var inhoud = username_field.val();

            jQuery.ajax({
                type: "GET",
                url: "/ajax_callbacks.php",
                data: {
                    username: inhoud
                },
                dataType: "json",
                beforeSend: function() {
                    console.log("info laten zien");
                },
                success: function(data) {
                    if (data.available) {
						console.log(data.msg);
                    } else {
                        console.log(data.msg);
                    }
                },
                complete: function() {
                    console.log("complete");
                }
            });
}

function validate_password(password_field) {
		var inhoud = password_field.val();

            jQuery.ajax({
                type: "GET",
                url: "/ajax_callbacks.php",
                data: {
                    password: inhoud
                },
                dataType: "json",
                beforeSend: function() {
                    console.log("spinner");
                },
                success: function(data) {
					console.log("remove spinner");
                    if (data.available) {
						console.log(data.msg);
                    } else {
                        console.log(data.msg);
                    }
                },
                complete: null
            });
    }