jQuery.fn.extend({
	formDesign: function(options){
		conf = jQuery.extend({
			textFlag : true,
			btnFlag  : false,
			textTdW : 4, //追加ＴＤの幅
			textTdH : 4, //追加ＴＤの高さ
			textBgW : '',//横の背景
			textBgH : '',//縦の背景
			textBgColor : '#aaa', //四隅の背景#282219
			btnTdW : 5, //追加ＴＤの幅
			btnTdH : 5, //追加ＴＤの高さ
			btnBgW : '',//横の背景
			btnBgH : '',//縦の背景
			btnBgColor: '#00f',
			btnBgPath : '/image/formDesign/btnBrown/' //四隅の背景#282219
		}, options);
		var inputParts = $(':input', this);
		inputParts.each(function(i){
			var type = $(this).attr('type');
			switch (type) {
				case 'text':
				case 'textarea':
					if (conf.textFlag) {
						$(this).css({
							display:'block',
							margin : '-3px'
						});
						$(this).wrap('<div class="formDesignTextWrap"><table class="formDesign"><tbody><tr><td><div class="formDesignInner"></div></td></tr></tbody></table></div>');
						var formDesign = $('table.formDesign:eq('+i+')');
						var formDesignTable = $('table.formDesign:eq('+i+') tbody tr');
						formDesign.append('<tfoot><tr><td></td><td></td><td></td></tr></tfoot>');
						formDesign.prepend('<thead><tr><td></td><td></td><td></td></tr></thead>');
						formDesignTable.append('<td></td>');
						formDesignTable.prepend('<td></td>');
						var formDesignTextWrap = $('div.formDesignTextWrap');
						formDesignTextWrap.css({
							display: 'inline',
							margin : 0,
							padding: 0,
							border : '0px'
						});
						var divInner  = $('div.formDesignInner:eq('+i+')');
						var textTd    = $('td',formDesign);
						var textThead = $('thead td',formDesign);
						var textTbody = $('tbody td',formDesign);
						var textTfoot = $('tfoot td',formDesign);

						divInner.css({ margin:0, padding:0, background: '', border : '0px',	overflow: 'hidden' });
						textTd.css({ margin  : 0, padding : 0, width : 0, height: 0, background: '', border : '0px' });
						textThead.css({ height : conf.textTdH, background : conf.textBgColor });
						textTbody.css({ width: conf.textTdW, background: conf.textBgColor });
						textTfoot.css({ height: conf.textTdH, background: conf.textBgColor });
						$(this)
						.focusin(function(){ 
							$(this).css('background-color','#fff');
							textTd.css('background-color','#f0b149');
						})
						.focusout(function(){
							$(this).css('background-color','#eee')
							textTd.css('background-color',conf.textBgColor);
						});
					}
					break;
				case 'submit':
				case 'button':
				case 'reset':
					if (conf.btnFlag) {
						$(this).css({
							display:'block',
							overflow:'hidden',
							textAlign:'center',
							border:'0px',
							cursor:'pointer'
						});
						$(this).wrap('<div class="formDesignBtnWrap"><table class="formDesign"><tbody><tr><td><div class="formDesignInner"></div></td></tr></tbody></table></div>');
						var formDesign = $('table.formDesign:eq('+i+')');
						var formDesignTable = $('table.formDesign:eq('+i+') tbody tr');
						formDesign.append('<tfoot><tr><td></td><td></td><td></td></tr></tfoot>');
						formDesign.prepend('<thead><tr><td></td><td></td><td></td></tr></thead>');
						formDesignTable.append('<td></td>');
						formDesignTable.prepend('<td></td>');
						
						$('div.formDesignBtnWrap').css({
							margin : 0,
							padding: 0,
							display: 'inline',
							border : '0px'
						});
						var divInner = $('div.formDesignInner:eq('+i+')');
						var btnTd    = $('td',formDesign);
						var btnThead = $('thead td',formDesign);
						var btnTbody = $('tbody td',formDesign);
						var btnTfoot = $('tfoot td',formDesign);
						divInner.css({ margin:0, padding:0, background: '', border : '0px',	overflow: 'hidden' });
						btnTd.css({ margin  : 0, padding : 0, width : 0, height: 0, background: '', border : '0px', cursor:'pointer' });
						
						btnThead.eq(0).css({ height : conf.btnTdH, background : 'url('+conf.btnBgPath+'btn0.png)' });
						btnThead.eq(1).css({ height : conf.btnTdH, background : 'url('+conf.btnBgPath+'btn1.png)' });
						btnThead.eq(2).css({ height : conf.btnTdH, background : 'url('+conf.btnBgPath+'btn2.png)' });
						
						btnTbody.css({ width: conf.btnTdW, background: conf.btnBgColor });
						btnTfoot.css({ height: conf.btnTdH, background: conf.btnBgColor });

					}
					break;
			default:
			}
		});
	}
});