/**
*
*	Schedule Dialog creation methods.
*
*/

//dateText mm-dd-yy
function startDpSelect(dateText, inst) {
	var time, date;

	time = dateText.split("-");
	date = new Date(time[0], time[1] - 1, time[2]);

	$("#add_show_end_date").datepicker("option", "minDate", date);
}

function endDpSelect(dateText, inst) {
	var time, date;

	time = dateText.split("-");
	date = new Date(time[0], time[1] - 1, time[2]);

	$("#add_show_start_date").datepicker( "option", "maxDate", date);
}

function createDateInput(el, onSelect) {
	var date;

	el.datepicker({
			minDate: new Date(),
			onSelect: onSelect,
			dateFormat: 'yy-mm-dd' 
		});

	date = $.datepicker.formatDate("yy-mm-dd", new Date());
	el.val(date);
}

function autoSelect(event, ui) {

	$("#add_show_hosts-"+ui.item.value).attr("checked", "checked");
	event.preventDefault();
}

function findHosts(request, callback) {
	var search, url;

	url = "/User/get-hosts";
	search = request.term;

	$.post(url, 
		{format: "json", term: search}, 
		
		function(json) {
			callback(json.hosts);
		});
	
}

function setAddShowEvents() {
	var start, end;

	$(".tabs").tabs();

    if(!$("#add_show_repeats").attr('checked')) {
        $("#schedule-show-when > fieldset:last").hide();
    }

    $("#add_show_repeats").click(function(){
        $("#schedule-show-when > fieldset:last").toggle();
    });

	start  = $("#add_show_start_date");
	end  = $("#add_show_end_date");

	createDateInput(start, startDpSelect);
	createDateInput(end, endDpSelect);

    $("#add_show_start_time").timepicker();

	$("#add_show_hosts_autocomplete").autocomplete({
		source: findHosts,
		select: autoSelect
	});

	$("#schedule-show-style input").ColorPicker({
		onSubmit: function(hsb, hex, rgb, el) {
			$(el).val(hex);
			$(el).ColorPickerHide();
		},
		onBeforeShow: function () {
			$(this).ColorPickerSetColor(this.value);
		}
	});

	$("#add-show-submit")
		.button()
		.click(function(){
			$("form").submit();
		});
}

$(document).ready(function() {

	setAddShowEvents();

	$("#fullcalendar_show_display").fullCalendar({
		header: {
			left: 'prev, next, today',
			center: 'title',
			right: 'agendaDay, agendaWeek, month'
		}, 
		defaultView: 'agendaDay',
		editable: false,
		allDaySlot: false,
		lazyFetching: false,

		events: getFullCalendarEvents,

		//callbacks
		eventRender: eventRender
	});

});