$(document).ready(function() {
    $(".calendar-event-title-link").each(function() { var url = $(this).attr("href"); $(this).attr("eventurl", url); $(this).removeAttr("href"); });
    $(".calendar-event-title-link").bind("click", function() { viewEventDetails($(this).attr("eventurl")); });
});

function createOverlayAlertBannerDialog(clientName, alerts) {

    if (alerts && alerts.length > 0) {
        var img = $.create("img", { src: "/images/icons/ajax-loader.gif", alt: "" });
        var wait = $.create("span", "One moment please...");
        var container = $.create("div", { id: "overlay-alert-container", className: "content" },[img,wait]);
        var detailsDialog = $.create("div", { id: "overlay-alert-dialog", style: "display:none;" }, container);
        detailsDialog.appendTo("body");

        $("#overlay-alert-dialog").dialog({ autoOpen: true, draggable: false, width: 600, height: 550, modal: true, overlay: { opacity: 0.5, background: "black" }, title: clientName + " Notification", close: function() { $("#overlay-alert-dialog").dialog("destroy"); $("#overlay-alert-dialog").remove(); } });

        $("#overlay-alert-container").load("/alerts/active/list?modalBannersOnly=true");
    }
}

var department;
function loadFullCalendarView(month, year) {
    $("#calendar-loader").ajaxStart(function() { $("#full-page-calendar-container").html(""); $(this).show(); }).ajaxComplete(function() { $(this).unbind("ajaxStart").hide(); });
    var calUrl = "/calendar/";
    calUrl += month + "/" + year;
    department = $("#selected-department").val();
    if (department == '') {
        department = null;
    }
    if (department){
        calUrl += "/department/" + department;
    }
    
    $.get(calUrl, function(response) { $("#full-page-calendar-container").html(response).removeAttr("class"); }, "html");
}

function wireFullCalendarControl() {
    $("#lnkNextMonth").bind("click", function() { goToAnotherMonth($(this).attr("gotomonth")); });
    $("#lnkPreviousMonth").bind("click", function() { goToAnotherMonth($(this).attr("gotomonth")); });

    $(".calendar-event").each(function() { var url = $(this).attr("href"); $(this).attr("eventurl", url); $(this).removeAttr("href"); });
    $(".calendar-event").bind("click", function() {  viewEventDetails($(this).attr("eventurl")); });
}

function goToAnotherMonth(gotomonth) {
    var month = gotomonth.split("-")[0];
    var year = gotomonth.split("-")[1];
    loadFullCalendarView(month, year);
}

function loadEventsCalendar(calendar) {
    var month = calendar.formatDate(calendar.get_visibleDate(), "MM");
    var year = calendar.formatDate(calendar.get_visibleDate(), "yyyy");
    loadFullCalendarView(month, year, true);
}
function viewEventDetails(eventHref) {

    var img = $.create("img", { src: "/images/icons/ajax-loader.gif", alt: "" });
    var wait = $.create("span", "One moment please...");
    var container = $.create("div", { id: "event-details-container", className: "content" }, [img, wait]);
    var detailsDialog = $.create("div", { id: "event-details-dialog", style: "display:none;" }, container);
    detailsDialog.appendTo("body");

    $("#event-details-dialog").dialog({ autoOpen: true, draggable:false,width: 600, height: 550, modal: true, overlay: { opacity: 0.5, background: "black" }, title: "Event Details", close: function() { $("#event-details-dialog").dialog("destroy"); $("#event-details-dialog").remove(); } });
    $("#event-details-container").load(eventHref);
    $("#event-details-dialog").show().dialog("open");
}

function getDrivingDirections(locationUuId) {

    var img = $.create("img", { src: "/images/icons/ajax-loader.gif", alt: "" });
    var wait = $.create("span", "One moment please...");
    var container = $.create("div", { id: "driving-directions-container", className: "content" }, [img, wait]);
    var detailsDialog = $.create("div", { id: "driving-directions-dialog", style: "display:none;" }, container);
    detailsDialog.appendTo("body");

    $("#driving-directions-dialog").dialog({ autoOpen: true, width: 800, height: 650, modal: true, overlay: { opacity: 0.5, background: "black" }, title: "Driving Directions", close: function() { $("#driving-directions-dialog").remove(); } });
    $("#driving-directions-container").load("/" + clientNameKey + "/maps/directions/to/" + locationUuId);
    $("#driving-directions-dialog").show().dialog("open");
}