/*
 * 
	bm_ui
	place to centralize UI tasks, like formating and enabling and disabling input control
 */

;(function($){

var $$;


$$ = $.fn.bm_ui = function($options) {
	// set default options
	var $defaults = {
		poemid   : 0,
		history : true,
		onLoad     : function() {},
	};
	
	// extend the options
	var $opts = $.extend($defaults, $options);
	
	// bring the options to the jquery object
	for (var i in $opts) {
		$.bm_ui[i]  = $opts[i];
	}
};


$.extend({bm_ui : {
	colorscheme : "WHITE",
	BOX_COLOR_DARK : "#306141", //-20 rgb
	BOX_COLOR_LIGHT : "#708161", //+20 rgb
	BOX_COLOR : "#506141", //sync with tab box-color
	TEMPLATE_COLOR : "#FFFFFF",
	ERROR_COLOR : "#FFFFFF",
	KEY_TAB : 9,
	KEY_ENTER : 13,
	KEY_SPACE : 32,
	KEY_PAGE_UP : 33,
	KEY_PAGE_DOWN : 34,
	KEY_LEFT_ARROW : 37,
	KEY_UP_ARROW : 38,
	KEY_RIGHT_ARROW : 39,
	KEY_DOWN_ARROW : 40,
	toggleInput : function(eCheck,eChange)
	{
		if ($(eCheck).attr("checked"))
		{
			$.bm_ui.formatInputEnabled(eChange);
		} else
		{
			$.bm_ui.formatInputDisabled(eChange);
		}
	},
	formatInputEnabled : function(e)
	{
		//NB Move to interface class //

		$(e).attr("disabled","");
		$(e).css("backgroundColor",$.bm_ui.TEMPLATE_COLOR);
		$(e).css({"border-style":'inset'});
		//alert("border-style "+$(e).css("border-style"));
		$(e).css({"border-right-width":"2px"});
		$(e).css({"border-right-color":"#306141"});
		$(e).css({"border-bottom-width":"2px"});
		$(e).css({"border-bottom-color":"#306141"});

		$(e).css({"border-top-width":"2px"});
		$(e).css({"border-top-color":$.bm_ui.BOX_COLOR_DARK});
		$(e).css({"border-left-width":"2px"});

		$(e).css({"border-left-color":$.bm_ui.BOX_COLOR_DARK});

		//$(e).css({"border-color":"red"});
	},
	formatInputDisabled : function(e)
	{
		//NB Move to interface class //
		$(e).attr("disabled","disabled");
		$(e).css("background-color",$.bm_ui.BOX_COLOR_LIGHT);
		$(e).css({"border": "0px"});
	}
}
})

})(jQuery);