function send(data,url){
	$("textarea, input").attr("disabled","disabled");
	
	$.ajax({
		type: 'POST',
		url: "resources/"+url,
		data: data,
		success: function(data) {
			if(data != "Success") {
				console.log(data);
			} else {
				location.reload();
			}
		}
	});
}

function move_box(t){
	e = $("#edit-box"); a = $("#arrow-box"); offset = t.offset(); e.html("");
	padding = parseInt(t.css("padding-left"))+parseInt(t.css("padding-right"));
	padding_e = parseInt(e.css("padding-left"))+parseInt(e.css("padding-right"));
	console.log(padding);
	width = t.width();
	height = 0;
	$("#"+t.attr("id")+" > span").each(function(){
		height += $(this).height();			
		class = $(this).attr("class");
		content = $(this).html();
		if(content.search(/<br>/) > 0 || content.length>60)  e.append("<p><textarea id='"+class+"'>"+content+"</textarea></p>");
		else e.append("<p><input id='"+class+"' type='text' value='"+content+"' />");
	});
	
	e.append("<p class='submit-button submit'></p>");
	
	$("textarea").css({
		"height": height+"px",
		"width": (width+padding-padding_e-20)+"px"
	});
	
	$("input").css({
		"width": (width+padding-padding_e-20)+"px"
	});
	
	css = {
		 'width' : (width+padding-padding_e)+'px',
		 'left' : offset.left+'px',
		 'top' : (offset.top-e.height()-60)+'px'
	}
	
	a.css({
		 'left' : offset.left+20+'px',
		 'top' : (offset.top-29)+'px'
	});
	
	a.css("display","block");
	e.css("display","block");
	e.css(css);
}

function init() {
	$(".edit").click(function(){
		id = $(this).attr("id");
		move_box($(this));
		
		$(".submit").click(function(){
			obj = new Object;
			$("input,textarea").each(function(){obj[$(this).attr("id")+"-"+id] = $(this).val();});
			send(obj, "send_request.php");
		});
	});
}