/**
 * @author mememe
 *  */

jQuery.fn.delay = function(time,func){
	return this.each(function(){
		setTimeout(func,time);
	});
};
	function newTooltip(el) {
		num = el.attr("tabindex");
		$("input").css('background', '#fff');
		$("body").append("<div class='tooltip' id='tooltip"+num+"'>"+ hjalp[num-1] +"</div>");
		$("#tooltip"+num)
			.css("top",(el.offset().top ) + "px")
			.css("left",(el.offset().left + el.width() + 13) + "px")
			.fadeIn("fast");
		el.css('background', '#f2f2f2');
		
		if (jQuery.browser.msie) {
			$("#tooltip"+num).css('padding-bottom', '9px');			
		}
		
		var toreturn = new Array(el.attr("name"), num,el.attr("value"));
		return toreturn;		
	}
	
	function checkData(name, num, value) {
		jQuery.get("/account/check/"+name+"/"+encodeURI(value)+"/", {}, function(data){
			
			$("#tooltip" +data.id).empty();
			
			$("#tooltip" + data.id).css('padding', '10px');			

			if (jQuery.browser.msie) {
				$("#tooltip" + data.id).css('padding-bottom', '9px');			
			}

			if(data.result == 'Ok') {
				$("#tooltip"+data.id).append('<strong><img src="/images/icons/accept.png" style="vertical-align:middle;" /> Ok</strong>');
				$("#tooltip" +data.id).css('width', '50px');
			}
			else {
				$("#tooltip"+data.id).append('<strong><img src="/images/icons/exclamation.png" style="vertical-align:middle;" /> '+data.result+'</strong>');				
			}
			$("#tooltip"+data.id).removeClass('loading');
			$("#loading").remove();
		}, 'json'); 		

		
	}
	
	function preCheckData(name, num, value){
		if (name == 'nickname') {
			$("#nickUpdate").text(this.value);
		}
		
		$("#tooltip" + num).addClass("dontremove");
		
		if (!$("#tooltip" + num).hasClass('loading')) {
			$("#tooltip" + num).addClass('loading');
			$("#tooltip" + num).html("<span id='loading'><img src='/images/icons/loading.gif' /></span>");
			$("#tooltip" + num).css('padding-bottom', '13px');
		}
	}
$(document).ready(function(){

	$("#content-main input[type='text']").focus(function(e) {
		//Check name availability IF non empty value and IF name==nickname
			num = this.getAttribute("tabindex");
			
			$(".tooltip").each(function() {
				if(!$(this).hasClass("dontremove")) {
					$(this).remove();
				}
			});
		if(!this.value) {
			newTooltip($(this));
		}
	});
	
	
	
	$("#content-main input[type='text']").keyup(function(e) {
		if(this.value) {
			num = $(this).attr("tabindex");
			name = this.getAttribute('name');
			value=this.value;

			preCheckData(name, num, value);
			setTimeout(function(){
				now = new Date;
				now = now.getTime();
				if (((now - this.time) > 1000) || !this.time) {
					this.time = now;
					checkData(name, num, value);
				}
			}, 1000);
				
			}
			else {
				$("#tooltip"+num).removeClass("dontremove");		
			}
	});
	
	//Check current data
	a=false;
	$("#content-main input[type='text']").each(function() {
		if(this.value) {
			data = newTooltip($(this));
			preCheckData(data[0], data[1], data[2]);
			checkData(data[0], data[1], data[2]);	
			a=true;
		}	
	});
	if(!$("#content-main input[type='checkbox']").attr('checked') && a) {
			data = newTooltip($("input[type='checkbox']"));
			$("input[type='submit']").css("margin-top","15px");
			preCheckData(data[0], data[1], data[2]);
			checkData(data[0], data[1], data[2]);			
	}
		
});