pic1 = new Image(16, 16);
pic1.src = "loader.gif";

$(document).ready(function(){
	
	$("a.details_link").click(function () {
      $("div.details").toggle();
    });

    $("#iusername")
    	.val("Username or Email ..")
	    .focus(function(){
    	    if ($(this).val() == "Username or Email ..") {
        	    $(this).val("");
	        }
    	})
	    .blur(function(){
    	    if ($(this).val() == "") {
        	    $(this).val("Username or Email ..");
	        }
    	});
    	
    $("#ipassword")
    	.val("Password ..")
	    .focus(function(){
    	    if ($(this).val() == "Password ..") {
        	    $(this).val("");
	        }
    	})
	    .blur(function(){
    	    if ($(this).val() == "") {
        	    $(this).val("Password ..");
	        }
    	});
    	
    
    
	
	$("#username").keyup(function() {
		var usr = $("#username").val();
		if(usr.length >= 3){
			$("#status").html('<img src="http://www.mysalbum.com/images/loader.gif" alt="" /> Checking availability...');
			$.ajax({
				type: "POST",
				url: "http://www.mysalbum.com/Register/",
				data: "check=available&username="+ usr,
				success: function(msg){
					$("#status").ajaxComplete(function(event, request, settings){
						if(msg == 'OK'){
							$(this).html(' <img src="http://www.mysalbum.com/images/accepted.png" alt="" /> ');
						}else{
							$(this).html(msg);
						}
					});
				}
			});
		}else{
			$("#status").html('The username should have at least 3 characters.');
			$("#username").removeClass('object_ok'); // if necessary
			$("#username").addClass("object_error");
		}
	});
	
	$("#username2").keyup(function() {
		var usr = $("#username2").val();
		if(usr.length >= 3){
			$("#status2").html('<img src="http://www.mysalbum.com/images/loader.gif" alt="" /> Checking availability...');
			$.ajax({
				type: "POST",
				url: "http://www.mysalbum.com/Register/",
				data: "check=available&username="+ usr,
				success: function(msg){
					$("#status2").ajaxComplete(function(event, request, settings){
						if(msg == 'OK'){
							$(this).html(' <img src="http://www.mysalbum.com/images/accepted.png" alt="" /> ');
						}else{
							$(this).html(msg);
						}
					});
				}
			});
		}else{
			$("#status2").html('The username should have at least 3 characters.');
			$("#username2").removeClass('object_ok'); // if necessary
			$("#username2").addClass("object_error");
		}
	});
	
	$("#username3").keyup(function() {
		var usr = $("#username3").val();
		if(usr.length >= 3){
			$("#status3").html('<img src="http://www.mysalbum.com/images/loader.gif" alt="" /> Checking availability...');
			$.ajax({
				type: "POST",
				url: "http://www.mysalbum.com/Register/",
				data: "check=available&username="+ usr,
				success: function(msg){
					$("#status3").ajaxComplete(function(event, request, settings){
						if(msg == 'OK'){
							$(this).html(' <img src="http://www.mysalbum.com/images/accepted.png" alt="" /> ');
						}else{
							$(this).html(msg);
						}
					});
				}
			});
		}else{
			$("#status3").html('The username should have at least 3 characters.');
			$("#username3").removeClass('object_ok'); // if necessary
			$("#username3").addClass("object_error");
		}
	});
});


	$(document).ready(function(){
	    $("div.success").fadeIn(2100).fadeOut(4000);
	})