var ONELAN = {};
ONELAN.setPicker = function (target) {
	
	$(target).ColorPicker({
		onSubmit: function(hsb, hex, rgb) {
			$(target).val(hex);
		},
		
		onChange: function(hsb, hex, rgb) {
			$(target).val(hex);
		},
		
		onBeforeShow: function () {
			$(this).ColorPickerSetColor(this.value);
		}
	})
	
	.bind('keyup', function(){
		$(this).ColorPickerSetColor(this.value);
	});
}

function showInstruction() {
	instruction  = '';
	instruction += '<div id="dialog" title="How to install the clock on your NTB">';
	instruction += '<p>In order to install the widgets on your NTB simply unpack the zip archive and place its content inside the data/media folder on your NTB</p>	';
	instruction += '</div>';
	
	$('#dialog').remove();
	$('body').append($(instruction));
	$("#dialog").dialog({ modal: true, height: 530, width: 530 });
}

$(function() {
	$('a#help').bind('click', showInstruction);
});