function removeFromSet( resourceId, idOfSet ) {
	new Ajax.Request("/AloeView/ajax/removeFromSet", {
		method: 'get',
		parameters: {
            resourceId: resourceId,
            setId: idOfSet
		},
		onSuccess: function( transport ) {
			location.reload();
		},
		onFailure: function( transport ) {
			// do nothing
		}
	});
}


function removeFromGroup( resourceId, nameOfGroup, followUpUrl ) {
	new Ajax.Request("/AloeView/ajax/removeFromGroup", {
		method: 'get',
		parameters: {
            resourceId: resourceId,
            groupName: nameOfGroup
		},
		onSuccess: function( transport ) {
			//alert( location.href );
			if ( followUpUrl != null ) {
				location.href = followUpUrl;
			}
			else {
				location.reload();
			}
		},
		onFailure: function( transport ) {
			// do nothing
		}
	});
}

function deleteGroupResourceAsAdmin( resourceId, userId, allOccurences ) {
		new Ajax.Request("/AloeView/ajax/deleteResource", {
			method: 'get',
			parameters: {
	            resourceId: resourceId,
	            userId: userId,
	            allOccurences: allOccurences
			},
			onSuccess: function( transport ) {
				document.body.removeChild(document.body.firstChild);
			},
			onFailure: function( transport ) {
				// do nothing
			}
		});
}

function removeGroupMemberAsGroupAdmin( groupName, userId ) {
	new Ajax.Request("/AloeView/ajax/removeUserFromGroup", {
		method: 'get',
		parameters: {
            groupName: groupName,
            userId: userId
		},
		onSuccess: function( transport ) {
			document.body.removeChild(document.body.firstChild);
			location.reload();
		},
		onFailure: function( transport ) {
			// do nothing
		}
	});
}


/*
 Create an HTML subtree like:
	<div id="floatingDeleteResourceAsGroupAdmin"> 
	<h2><fmt:message key="Content_DeleteResource" /></h2>
	<form accept-charset="utf-8" id="delete_resource_form" action="javascriptDisabled" method="post">
	    <div class="alert"><fmt:message key="Content_DoYouReallyWantToDelete" /></div>
	    <div>
	        <span class="grey tiny"><fmt:message key="Content_ThisActionCannotBeUndone" /></span>
	    </div>
	    <div class="clear"></div>
	    <div class="buttons_floating_element">
	        <input class="button" name="delete" type="submit" value="${aloefn:message('Button_Delete')}" id="button_for_resource_deletion"
	         onclick="deleteGroupResourceAsAdmin('resourceId',null,true);return(false);"/>
	        <input class="button" type="submit" value="${aloefn:message('Button_Cancel')}" onclick="document.getElementById('floating_delete_group_resource_as_admin').style.display='none';return(false);"/>
	    </div>
	</form>
	</div>
*/

function createAjaxDeleteGroupResourceAsAdminDiv( event, resourceId, headline, alert, infos, cannotBeUndone, xOffset, yOffset, buttonDelete, buttonCancel ) {
    
    if ( document.getElementById( 'floatingDeleteResourceAsGroupAdmin' ) == null ) {
        
        var geometry = getGeometry();
        var xPos = event.clientX + geometry.getHorizontalScroll() + xOffset;
        var yPos = event.clientY + geometry.getVerticalScroll() + yOffset;
        
        //alert( "x position: " + xPos + ", y position: " + yPos );
                        
        var floatingMessage = document.createElement( "div" );
        //floatingMessage.appendChild( document.createTextNode( " " ) );

        var innerHtml = "<div id=\"floatingDeleteResourceAsGroupAdmin\" style=\"top:" + yPos + "px;left:" + xPos + "px;\">\n"
          + "<h2>" + headline + "</h2>\n"          
          + "<form accept-charset=\"utf-8\" class=\"delete_group_resource_as_admin_form\" action=\"javascriptDisabled\" method=\"post\" >\n"
          + "<div class=\"alert\">" + alert + "</div>\n"
          + infos
          + "<div>\n"
          + "   <span class=\"grey tiny\">" + cannotBeUndone + "</span>\n"
          + "</div>\n"
          + "<div class=\"clear\"></div>\n"
          + "<div class=\"buttons_floating_element\">\n"
	      + "<input class=\"button\" name=\"delete\" type=\"submit\" value=\"" + buttonDelete + "\" "
   	      + "onclick=\"deleteGroupResourceAsAdmin('" + resourceId + "',null,true);return(false);\"/>\n"
   	      + "<input class=\"button\" type=\"submit\" value=\"" + buttonCancel + "\"  "
   	      + "onclick=\"document.body.removeChild(document.body.firstChild);return(false);\"/>\n"
   	      + "</div>\n";
          + "</form>\n"
          + "</div>\n";
        
        /* Workaround for IE: add empty div as first child of body tag, then
             replace inner HTML of this newly inserted div by our floating
             element, which is positioned by css style specifications */
        var replaceHere = document.body.insertBefore( floatingMessage, document.body.firstChild );
        replaceHere.innerHTML = innerHtml;
    }
}

function createDeleteGroupResourceAsAdminDiv( event, resourceId, headline, alert, infos, cannotBeUndone, xOffset, yOffset, buttonDelete, buttonCancel ) {
    
    if ( document.getElementById( 'floatingDeleteResourceAsGroupAdmin' ) == null ) {
        
        var geometry = getGeometry();
        var xPos = event.clientX + geometry.getHorizontalScroll() + xOffset;
        var yPos = event.clientY + geometry.getVerticalScroll() + yOffset;
        
        //alert( "x position: " + xPos + ", y position: " + yPos );
                        
        var floatingMessage = document.createElement( "div" );
        //floatingMessage.appendChild( document.createTextNode( " " ) );

        var innerHtml = "<div id=\"floatingDeleteResourceAsGroupAdmin\" style=\"top:" + yPos + "px;left:" + xPos + "px;\">\n"
          + "<h2>" + headline + "</h2>\n"          
          + "<form accept-charset=\"utf-8\" class=\"delete_group_resource_as_admin_form\" action=\"deleteResource\" method=\"post\" >\n"
          + "<div class=\"alert\">" + alert + "</div>\n"
          + "<div>\n"
          +  infos
          + "   <span class=\"grey tiny\">" + cannotBeUndone + "</span>\n"
          + "</div>\n"
          + "<div class=\"clear\"></div>\n"
          + "<div class=\"buttons_floating_element\">\n"
          + "<input type=\"hidden\" name=\"resourceId\" value=\"" + resourceId + "\" />\n"
          + "<input type=\"hidden\" name=\"allOccurences\" value=\"true\" />\n"
	      + "<input class=\"button\" name=\"delete\" type=\"submit\" value=\"" + buttonDelete + "\" />\n"
   	      + "<input class=\"button\" type=\"submit\" value=\"" + buttonCancel + "\"  "
   	      + "onclick=\"document.body.removeChild(document.body.firstChild);return(false);\"/>\n"
   	      + "</div>\n";
          + "</form>\n"
          + "</div>\n";
                                           
        /* Workaround for IE: add empty div as first child of body tag, then
             replace inner HTML of this newly inserted div by our floating
             element, which is positioned by css style specifications */
        var replaceHere = document.body.insertBefore( floatingMessage, document.body.firstChild );
        replaceHere.innerHTML = innerHtml;
    }
}


function createAjaxRemoveGroupMemberAsGroupAdminDiv( event, groupName, userId, headline, alert, infos, xOffset, yOffset, buttonRemove, buttonCancel ) {
    
    if ( document.getElementById( 'floatingRemoveGroupMemberAsGroupAdmin' ) == null ) {
        
        var geometry = getGeometry();
        var xPos = event.clientX + geometry.getHorizontalScroll() + xOffset;
        var yPos = event.clientY + geometry.getVerticalScroll() + yOffset;
        
        //alert( "x position: " + xPos + ", y position: " + yPos );
                        
        var floatingMessage = document.createElement( "div" );
        //floatingMessage.appendChild( document.createTextNode( " " ) );

        var innerHtml = "<div id=\"floatingRemoveGroupMemberAsGroupAdmin\" style=\"top:" + yPos + "px;left:" + xPos + "px;\">\n"
          + "<h2>" + headline + "</h2>\n"          
          + "<form accept-charset=\"utf-8\" class=\"remove_group_member_as_group_admin_form\" action=\"javascriptDisabled\" method=\"post\" >\n"
          + "<div class=\"alert\">" + alert + "</div>\n"
          + "<div>\n"
          +  infos
          + "</div>\n"
          + "<div class=\"clear\"></div>\n"         
          + "<div class=\"buttons_floating_element\">\n"
	      + "<input class=\"button\" name=\"delete\" type=\"submit\" value=\"" + buttonRemove + "\" "
   	      + "onclick=\"removeGroupMemberAsGroupAdmin('" + groupName + "','" + userId + "');return(false);\"/>\n"
   	      + "<input class=\"button\" type=\"submit\" value=\"" + buttonCancel + "\"  "
   	      + "onclick=\"document.body.removeChild(document.body.firstChild);return(false);\"/>\n"
   	      + "</div>\n";
          + "</form>\n"
          + "</div>\n";
                                           
        /* Workaround for IE: add empty div as first child of body tag, then
             replace inner HTML of this newly inserted div by our floating
             element, which is positioned by css style specifications */
        var replaceHere = document.body.insertBefore( floatingMessage, document.body.firstChild );
        replaceHere.innerHTML = innerHtml;
    }
}