/*
 * This is FieldText Component of JavaScript.
 * 
 */

function createTextAreaDefault(object) {
	var fieldHTML = "";
	var fieldName = object.attr("title");
	var objInput = object.children("textarea");
	
	objInput.addClass("textarea_default_input");
	if (fieldName != "") {
		object.attr("title", "");
		fieldHTML = '<div class="text_default_title textarea_default_title" onclick="focusTextAreaInputText($(this))">' + fieldName + '</div>'
		if (objInput.val() != "") {
			fieldHTML = '<div class="text_default_title textarea_default_title" style="display:none;" onclick="focusTextAreaInputText($(this))">' + fieldName + '</div>'
		}
		objInput.addClass("text_default_input_field");
	}
	var objWidth = object.css("width").replace("px","");
	objInput.width(objWidth -20);
	objInput.css("*width",(objWidth - 14) + "px");
	var objHeight = object.css("height").replace("px","") 
	objInput.height(objHeight -24);
	objInput.css("*height",(objHeight -20) + "px" );
	
	var strHTML = '<div class="textarea_default_top">' 
					+ '<div class="textarea_top_left"></div>'
					+ '<div class="textarea_top_right"></div>'
					+ '<div class="textarea_top_center"></div>'
				+ '</div>'
				+ '<div class="textarea_default_bottom" style="margin-top:' + (objHeight - 20) + 'px;">'
					+ '<div class="textarea_top_left"></div>'
					+ '<div class="textarea_top_right"></div>'
					+ '<div class="textarea_top_center"></div>'
				+ '</div>'
					+ '<div class="textarea_default_middle" style="margin-top:-' + (objHeight - 12) + 'px;">'
					+ '<div class="textarea_default_left" style="height:' + (objHeight - 20) + 'px;"></div>'
					+ '<div class="textarea_default_right" style="height:' + (objHeight - 20) + 'px;"></div>'
					+ '<div class="textarea_default_center">' + fieldHTML + object.html() + '</div>';
				+ '</div>'
	object.html(strHTML);
}

function focusTextAreaInputText(object) {
	$(object).css("display", "none");
	$(object).nextAll("textarea").focus();
}