﻿function BindSlider(sliderClientID, LabelClientID, minimum, maximum, fromHiddenFieldClientID, untilHiddenFieldClientID, sliderEnabled) {
    var start = $("#" + fromHiddenFieldClientID).val();
    var end = $("#" + untilHiddenFieldClientID).val();
    //alert(start);
    //alert(end);
    $("#" + sliderClientID).slider({
        range: true,
        min: minimum,
        max: maximum,
        step: 0.25,
        values: [start, end],
        slide: function(event, ui) {
        SetLabelText(sliderClientID, LabelClientID, fromHiddenFieldClientID, untilHiddenFieldClientID);
        }

    });
    
    if (sliderEnabled == 'False' && start == 0 && end == 0) {
        $("#" + sliderClientID).slider('option', 'values', [minimum, maximum]);
        //disable slider
        $("#" + sliderClientID).slider('disable');
        $("#" + LabelClientID).html('');
    }
    else {
        SetLabelText(sliderClientID, LabelClientID);
        if (sliderEnabled == 'False') {
            $("#" + sliderClientID).slider('disable');
            //alert('disable');
        }
    }
}

function SetLabelText(sliderClientID, LabelClientID, fromHiddenFieldClientID, untilHiddenFieldClientID) {
    var from = ConvertToCorrectTimeFormat(String($("#" + sliderClientID).slider("values", 0)));
    var till = ConvertToCorrectTimeFormat(String($("#" + sliderClientID).slider("values", 1)));
    $("#" + LabelClientID).html(from + ' - ' + till);
    $("#" + fromHiddenFieldClientID).val($("#" + sliderClientID).slider("values", 0));
    $("#" + untilHiddenFieldClientID).val($("#" + sliderClientID).slider("values", 1));
}

function ConvertToCorrectTimeFormat(time) {
    if (time.indexOf('.5') > 0) {
        time = time.replace('.5', 'u30');
    }
    else if (time.indexOf('.25') > 0) {
        time = time.replace('.25', 'u15');
    }
    else if (time.indexOf('.75') > 0) {
        time = time.replace('.75', 'u45');
    }
    else {
        time = time + 'u';
    }

    return time;
}

function SetEmployeeAvailabilityPanel(checkboxId, panelId) {
    if (document.getElementById(checkboxId).checked) {
        $('#' + panelId).show();
    }
    else {
        $('#' + panelId).hide();
    }
}
