/*
	fields		= + 30px
	Predictive	= + 12px;
	polldown	= + 14px;

*/
var csspath = 'css';

//form field decoration vars
formDecorate = true;
formButtonImg = 'button_b';
formButtonImgType = '.gif';
formButtonMh = 8;
formButtonMw = 8;

formFieldImg = 'field_b';
formFieldImgType = '.gif';
formFieldFocusedImg = 'field_focused_b';
formFieldMh = 8;
formFieldMw = 8;

predictive_next = 'Próximo';
predictive_prev = 'Anterior';


var fpath = 'kintool/css/';

var decField = 
{
	background:fpath + 'field.png',
	size:{w:90,h:36},
	container:{left:5,right:5,top:6,bottom:5},
	shadow:{left:5,right:5,top:5,bottom:5},
	crop:{left:20,right:40,top:12,bottom:12},
	blank:{left:4,right:3,top:4,bottom:4}
};

var decFieldFocused = cloneData(decField);
decFieldFocused.background = fpath + 'field_focused.png';

var decTextarea = cloneData(decField);
decTextarea.container = {left:10,right:10,top:10,bottom:10};
decTextarea.container = {left:5,right:3,top:5,bottom:5};

var decTextareaFocused = cloneData(decTextarea);
decTextareaFocused.background = decFieldFocused.background;

var decPredictive = cloneData(decField);
decPredictive.background = fpath + 'field_predictive.png';
decPredictive.container.right = 15;

var decPredictiveFocused = cloneData(decPredictive);
decPredictiveFocused.background = fpath + 'field_predictive_focused.png';

var decPulldown = cloneData(decField);
decPulldown.background = fpath + 'field_pulldown.png';
decPulldown.container.right = 25;

var decPulldownFocused = cloneData(decField);
decPulldownFocused.background = fpath + 'field_pulldown_focused.png';
decPulldownFocused.container.right = 25;

var decFieldFocused = cloneData(decField);
decFieldFocused.background = fpath + 'field_focused.png';

var decButton = cloneData( decField );
decButton.crop = {left:12,right:12,top:15,bottom:15};
decButton.container.top = 5;
decButton.container.bottom = 4;
decButton.container.left = 4;
decButton.container.right = 4;
decButton.background = fpath + 'btn_grey.png';
decButton.foreground = fpath + 'btn_gloss.png';
var decButtonOver = decButton.over = cloneData( decButton );
decButtonOver.background = fpath + 'btn_grey_over.png';
var decButtonClick = decButton.click = cloneData( decButtonOver );
decButtonClick.foreground = fpath + 'btn_gloss_down.png';
decButtonClick.container.left += 1;
decButtonClick.container.top += 1;
decButtonClick.container.right -= 1;
decButtonClick.container.bottom -= 1;


var decButtonGreen = cloneData( decField );
decButtonGreen.crop = {left:18,right:18,top:15,bottom:15};
decButtonGreen.container.top += 1;
decButtonGreen.container.bottom -= 1;
decButtonGreen.container.left = 8;
decButtonGreen.container.right = 8;
decButtonGreen.background = fpath + 'btn_r_green.png';
decButtonGreen.foreground = fpath + 'btn_r_gloss.png';
var decButtonGreenOver = decButtonGreen.over = cloneData( decButtonGreen );
decButtonGreenOver.background = fpath + 'btn_r_green_over.png';
var decButtonGreenClick = decButtonGreen.click = cloneData( decButtonGreenOver );
decButtonGreenClick.foreground = fpath + 'btn_r_gloss_down.png';

// <input type="button" decoration="decButtonGreen">
function cloneData( o ) {  return json(jsonout(o)); }

var formUseDecoration = true;

formDecorate = true;