function ShowIndex(set)
            	{
            		set = (set != undefined) ? set : 'front';
            
            		$('view_hole').hide();
            		$('index_front').hide();
            		$('index_back').hide();
            
            		$('index_' + set).show();
            	}
            
            	function ShowMenu(set)
            	{
            		set = (set != undefined) ? set : 'front';
            
            		$('index_menu_front').hide();
            		$('index_menu_back').hide();
            
            		$('index_menu_' + set).show();
            
            		ShowIndex(set);
            	}
            
            	function ShowHole(hole)
            	{
            		$('index_front').hide();
            		$('index_back').hide();			
            
            		$('hole_id').innerHTML = hole;
            		$('view_hole').show();
            
            		var index_loc = (hole <= 9) ? 'front' : 'back';
            		
            		$('index_link').innerHTML = '<a href="javascript:ShowIndex(\'' + index_loc + '\')">&laquo; Back to index</a>';
            	
            		ShowHoleView(hole, 0);
            		ShowHoleImages(hole);
            	}   
            	
            	function ShowHoleView(hole, view)
            	{
            		//---[ set view to default ]---
            		view = (view != undefined) ? view : 0;
            	
            		$('hole_image').innerHTML = '<img src="/info/courseimagehole/' + $('course_guid').value + '/' + hole + '/' + view + '/450/450" border="0" />';
            	}         
            
            	function ShowHoleImages(hole)
            	{
		  			if( $('hole_images') )
		  			{
		  				//---[ reset to blank ]---
		  				$('hole_images').innerHTML = '';            	
            	
            			new Ajax.Request('/info/courseimageholelist', 
            			{
            				requestHeaders: {Accept: 'application/json'},
            				asynchronous: false,
            				method: 'post',
            				parameters: { 
            					course_guid: $('course_guid').value,
            					hole: hole
            				},
            				onSuccess: function(transport, json)
            				{  
								var hole_images = (json) ? json : null;
				  				
				  				//---[ loop through images found ]---
				  				hole_images.each( function(tour_image, index) 
				  				{
                    				var info = new Template('<td><a href="javascript:ShowHoleView(#{hole}, #{hole_view});"><img src="/info/courseimage/#{image_guid}/100/100" border="0" /></a></td>');
                    				var html = info.evaluate(tour_image);
                                  
                                  	$('hole_images').innerHTML += html;	
                                });
            				},					
            				onFailure: function(){ alert('Something went wrong...') }
            			});   
        			
        			}          	
            	}
            	
            	function ShowMenuOptions(set)
            	{
            		hole = (set == undefined) ? 1 : 10;
            		
            		var b_show = false;
            	
        			new Ajax.Request('/info/courseimageholelist', 
        			{
        				requestHeaders: {Accept: 'application/json'},
        				asynchronous: false,
        				method: 'post',
        				parameters: { 
        					course_guid: $('course_guid').value,
        					hole: hole
        				},
        				onSuccess: function(transport, json)
        				{  
							b_show = (json[0]) ? true : false;
        				},					
        				onFailure: function(){ alert('Something went wrong...') }
        			});   
        			
        			return b_show;          	
            	}