$("#monslide").slider({
	range: true,
	values: [360, 1320],
	min: 360,
	max:  1320,
	step: 30,
	slide: monSlideTime
});
function monSlideTime(event, ui) {
	var val0 = $("#monslide").slider("values", 0),
		val1 = $("#monslide").slider("values", 1),
		minutes0 = parseInt(val0 % 60, 10),
		hours0 = parseInt(val0 / 60 % 24, 10),
		minutes1 = parseInt(val1 % 60, 10),
		hours1 = parseInt(val1 / 60 % 24, 10);
	monStartTime = monGetTime(hours0, minutes0);
	monEndTime = monGetTime(hours1, minutes1);
	$("#montime").text( 'Monday Availability: ' + monStartTime + ' - ' + monEndTime);
	document.getElementById("monraw").value = $("#monslide").slider("values", 0) + "," + $("#monslide").slider("values", 1);
	document.getElementById("monobj").value = ( monStartTime + ' - ' + monEndTime );
}
function monGetTime(hours, minutes) {
	var time = null;
	minutes = minutes + "";
	if (hours < 12) {time = "AM";}
	else {  time = "PM";}
	if (hours == 0) {hours = 12;}
	if (hours > 12) {hours = hours - 12; }
	if (minutes.length == 1) {minutes = "0" + minutes;}
	return hours + ":" + minutes + " " + time;
}
monSlideTime();