         height: '70px'
       events: 
         render: (event, api) ->
+          console.log "Render fired"
           #Add event listener for each of the "required" "optional" and "forbidden" buttons inside the menu
           clickedIndex = $('#unallocated li').index($(clickedOn))
           $("#mamenu-required-btn").click -> network.moveToRequired(clickedIndex)

  ###
  drawAllocationMoveMenu: (clickedOn) ->
    @allocationMoveMenuOn = clickedOn
    #Create the new allocation menu
    html = '<br /><span id="mamenu-required-btn" class="mamenu-button">Required</span>
            <span id="mamenu-optional-btn" class="mamenu-button">Optional</span>

          $("#mamenu-forbidden-btn").click -> network.moveToForbidden(clickedIndex)

          #In general, remove the allocation menu one someone clicks any of the buttons
          $(".mamenu-button").click (event) -> api.hide()

        hidden: (event, api) ->
          # Removes the buttons since even though they're hidden, they're still there.
          # This fixes the click listner bug.
          $('.mamenu-button').remove()



  ###*
