/// <reference path="scripts/jquery-3.5.1.min.js"/>

(function() {
    function main() {

		// Retrieve the navbar
        $.get('/navbar.html', function(pData) {
            $('nav').html(pData);                 
            
            // Set selected tab as selected            
            $('nav').find('a').removeClass('nav-selected');
            $('nav').find('a[href="' + window.location.pathname + '"').addClass('nav-selected');
        });

		// Set up show/hide functionality on the play/stop buttons
		$('.play_button').on('click', function() {
			$(this).hide();
			$(this).parent().find('.stop_button').show();
		});

		$('.stop_button').on('click', function() {
			$(this).hide();
			$(this).parent().find('.play_button').show();
		});
    }
    
    $(document).ready(main);
})()