function FXEffectsClass() { }

FXEffectsClass.prototype.ShowAJAXLoader = function (objContainer, strMessage)
{
    var objAJAXLoaderContainer = document.createElement("div");
    objAJAXLoaderContainer.className = "ajaxLoaderContainer";

    var objAJAXLoaderImg = new Image();
    objAJAXLoaderImg.src = "/Images/ajax-loader.gif";
    objAJAXLoaderImg.setAttribute("style", "float: left;");
    objAJAXLoaderImg.alt = "";
    objAJAXLoaderImg.title = "AJAX loader";

    objAJAXLoaderContainer.appendChild(objAJAXLoaderImg);

    if (strMessage !== undefined && strMessage != null && strMessage != "")
    {
        var objTextContainer = document.createElement("div");
        objTextContainer.setAttribute("style", "margin-top: 3pt; margin-left: 3em;");
        var objP = document.createElement("p");
        objP.className = "lightGray";
        var objText = document.createTextNode(strMessage);

        objP.appendChild(objText);
        objTextContainer.appendChild(objP);
        objAJAXLoaderContainer.appendChild(objTextContainer);
    }

    objContainer.appendChild(objAJAXLoaderContainer);

    return objAJAXLoaderContainer;
}

FXEffectsClass.prototype.HideAJAXLoader = function (objContainer, objAJAXLoader)
{
    objContainer.removeChild(objAJAXLoader);
}

FXEffectsClass.prototype.ToggleSlidingContainer = function (Control, strContainerID, strControlClassName, strControlAlternateClassName)
{
    var objControl = $(Control);
    var objContainer = $("#" + strContainerID);
    objContainer.slideToggle(200, function ()
    {
        if (objContainer.is(":visible"))
        {
            objControl.removeClass(strControlClassName);
            objControl.addClass(strControlAlternateClassName);
        }
        else
        {
            objControl.removeClass(strControlAlternateClassName);
            objControl.addClass(strControlClassName);
        }
    });
}