$(document).ready(function() {

	function cback() {
		this.after('<div id="cbox" />');
		$("#cbox")
		.text('Callback fired!')
		.addClass('red')
		.fadeIn(100)
		.fadeOut(1500);
	}
			
	$("select").not("#test").change(function() {
		binder();
	});
	
	function binder() {
		var opts = {};
		$("select").not("#test").each(function() {
			if ($(this).attr("id") != 'event' && $(this).attr("id") != 'layout') {
				opts[$(this).attr("id")] = eval($(this).val());
			}
			else {
				opts[$(this).attr("id")] = $(this).val();
			}
		});	
		//console.log(opts);
		$("#clockpick1").unbind().unbind( "keydown" ).clockpick(opts);
		
		opts.valuefield = 'timefield1';
		$("#clockpick2").unbind().clockpick(opts, cback);
		
		opts.valuefield = 'timefield2';
		opts.useBgiframe = true;
		$("#clockpick3").unbind().clockpick(opts, cback);
	}
	
	binder();
	
});

$(document).ready
(function(){
  $("clockpick1").clockpick();
}
)