$("#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();