##if request.IsEqual(Method,Cancel)
##NotHtml 
{
    ##if error.Level
    	"success" : "false",    	        
        "description" : ##error.AsJScriptLit(Description)
    ##else
    	"success" : "true"
    ##endif
}
##else

##formatter.TextRender()<contentof>
	##helpcontext.addHelp(BrowseReservation)  
	##helpcontext.addHelp(Toolbar)  

	##include(Defaults)			

	##local.define(Section)<contentof>CurrentReservations</contentof>		
	##local.define(SectionTitle)<CONTENTOF>##leg.Portal3.Reservations.Title</CONTENTOF>
	##local.define(PageLeftMenu)<contentof>##local.MyZonePageLeftMenu</contentof>
	##local.define(ListHitsTitle)<contentof>
		
		##local.define(BoldHits)<contentof><b>##startpoint.Hits</b></contentof>
        ##leg.Expand(Portal3.Reservations.ListHitsTitle,Hits,##local.BoldHits)

	</contentof>
				

	##local.define(Content)<contentof>
		##local.MyZoneBrowseListContent
		<div id="ConfirmCancelDLG" title="##leg.Portal3.Reservations.ConfirmCancelTitle" style="display:none;">		
			<TABLE width="100%" style="height:65px">
					<TR>
						<TD align=left colspan=4>
							##leg.Portal3.Reservations.ConfirmCancelAdvice
						</TD>
					</TR>
					<TR>
			            <TD nowrap align=right>					
							<table>
								<tr>
									<td>
										##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.Yes</contentof>
					                    ##local.define(ButtonTip)<contentof>##leg.Portal3.Reservations.ConfirmCancelYes</contentof>
					                    ##local.define(ButtonHref)<contentof>javascript:answerYesCancel()</contentof>
					                    ##local.define(ButtonID)<contentof>buttonYes</contentof>
					                    ##local.ButtonFMT
	        						</td>
	        						<td>
										##local.define(ButtonCaption)<contentof>##leg.GLOBAL.Buttonprompts.No</contentof>
					                    ##local.define(ButtonTip)<contentof>##leg.Portal3.Reservations.ConfirmCancelNo</contentof>
					                    ##local.define(ButtonHref)<contentof>javascript:answerNoCancel()</contentof>
					                    ##local.define(ButtonID)<contentof>buttonNo</contentof>
					                    ##local.ButtonFMT
									</td>
								</tr>
							</table>		            
			            </TD>
			            
					</TR>		        
			</TABLE>
		</div>

	</contentof>
	
</contentof>
/*
	##this&amp;Method=Cancel&amp;##value.Data(__Item)&amp;ItemHandle=##value.Data(__ItemHandle)
*/
##local.Define(PageHeaderScripts)<contentof>

	<script>
		$( function () {
	       $('#ConfirmCancelDLG').dialog( 
				{ 
					width: "400px",
					autoOpen: false,
					
					close: function(event, ui) 
					{ 
						if
							(cancelHighlight != null)
						{
							cancelHighlight();
						}	
					}

				}						
			);			
		}
		);

		
		function Highlight( item , state )
		{
			var e = $("#item_"+item);		
			
			if
				(state)
			{
				if (e.hasClass("MessageBrowseItemDetailsCell"))
				{
					e.addClass("MessageBrowseItemDetailsCellSelected");
					e.removeClass("MessageBrowseItemDetailsCell");
				}
				else if
					(e.hasClass("MessageBrowseItemDetailsCellStripe"))
				{
					e.addClass("MessageBrowseItemDetailsCellStripeSelected");
					e.removeClass("MessageBrowseItemDetailsStripeCell");	
				}
				
			}
			else
			{
				if (e.hasClass("MessageBrowseItemDetailsCellSelected"))
				{
					e.removeClass("MessageBrowseItemDetailsCellSelected");
					e.addClass("MessageBrowseItemDetailsCell");
				}
				else if
					(e.hasClass("MessageBrowseItemDetailsCellStripeSelected"))
				{
					e.removeClass("MessageBrowseItemDetailsCellStripeSelected");
					e.addClass("MessageBrowseItemDetailsStripeCell");	
				}	
			}
		}


		function DisableItem( item )
		{
			var e = $("#item_"+item);		
			
			if (e.hasClass("MessageBrowseItemDetailsCell"))
			{
				e.addClass("MessageBrowseItemDetailsCellDisabled");
				e.removeClass("MessageBrowseItemDetailsCell");
			}
			else if
				(e.hasClass("MessageBrowseItemDetailsCellStripe"))
			{
				e.addClass("MessageBrowseItemDetailsCellStripeDisabled");
				e.removeClass("MessageBrowseItemDetailsStripeCell");	
			}	
			else if (e.hasClass("MessageBrowseItemDetailsCellSelected"))
			{
				e.removeClass("MessageBrowseItemDetailsCellSelected");
				e.addClass("MessageBrowseItemDetailsCellDisabled");
			}
			else if
				(e.hasClass("MessageBrowseItemDetailsCellStripeSelected"))
			{
				e.removeClass("MessageBrowseItemDetailsCellStripeSelected");
				e.addClass("MessageBrowseItemDetailsStripeCellDisabled");	
			}
            
            var button = $("#buttonCancelReservation_"+item);
            if(button != null) {
                if(button.hasClass("button")) {
                    button.removeClass("button");
                    button.addClass("button_gray_disabled");
                    button.attr("href","#");
                    button.attr("title","");
                }
            }
		}
			
	   
       	function ConfirmDeleteNotes()
		{				
            ##if sessioncfg.ZONES.RequireConfirmDeleteNotes
        	##else
            ##endif
		}

		function answerYesCancel() {
			var item = cancelItem;
			cancelHighlight = null;
			$('#ConfirmCancelDLG').dialog('close');
            window.setTimeout("PerformCancelReservation("+cancelItem+")",1);
		}

		function cancelHighlight()
		{
			if (cancelItem != null)
			{
				Highlight(cancelItem, false);			
				cancelItem = null;
			}			
		}
		
		function answerNoCancel() {
			if (cancelItem != null)
			{
				Highlight(cancelItem, false);			
			}			
			$('#ConfirmCancelDLG').dialog('close');	

		}

		var cancelItem = null;
		
		function ConfirmCancelReservation( item )
		{
			// so we should highlight the selected item, and bring up a cancel dialog. 
			
			// If the user confirms we call CancelReservation, and if it succeeds we refresh the current page, by submitting the page
			// change form - with luck the resevation will be gone ? - if not we could use the same trick as for search history items,
			// and update the browse item to mark it as cancelled.
			if (cancelItem != null)
			{
				Highlight(cancelItem, false);			
			}
			
			Highlight(item, true);
			cancelItem = item;				
			$('#ConfirmCancelDLG').dialog('open');
			
					
		}
		
		function CancelReservation( item )
		{

			ConfirmCancelReservation( item );			
		}
		
		function PerformCancelReservation( item )
		{
			$.getJSON("##this&Method=Cancel&Accepted=1", {"Item": item },
			        function(data){
						if
							(data.success)
						{
							DisableItem( item );
						}
						else
						{
							Highlight( item , false);
						}
			});		
			
		}
		
		
	</script>
</contentof>

##include(Body)
##endif