{% INCLUDEJS 'colpick.js' %}

<script>
jQuery(function($) {
	var bgcolor = '{{ A_COLOR_ADVLOGIN }}';
	$('#color_advlogin').colpick({
		layout: 'hex',
		submit: 0,
		onBeforeShow: function() {
			if (bgcolor !== '') {
				$(this).colpickSetColor(bgcolor);
				bgcolor = '';
			}
		},
		onChange: function(hsb, hex, rgb, el, bySetColor) {
			$(el).css({
				'border-right-color': '#' + hex,
				'border-right-width': '20px',
				'border-right-type': 'solid'
			});
			if (!bySetColor) {
				$(el).val(hex);
			}
		}
	}).keyup(function() {
		$(this).colpickSetColor(this.value || 'ffffff');
	});
});
</script>