(function($) {

    $(document).ready(function() {

	// Make each .media section clickable to reach ./<id>/
	[ 'gfx', 'txt', 'vdo' ].forEach(function(id) {
	    $('#' + id)
		.click(function(e) {
		    window.location = `/${id}/`;
		    return false
		})
		.mouseover(function(e) {
		    e.target.style.cursor = 'pointer'
		    return false
		})
		.mouseout(function(e) {
		    e.target.style.cursor = 'not-allowed'
		    return false
		})
	})
	$('.media').mouseout(function(e) {
	    e.target.style.cursor = 'auto'
	    return false
	})

	// EN/FR switch
	$('footer')
	    .append('<button id="lang-switch" title="Read in English">EN</button>')
	$('#lang-switch').click(function(e) {
	    var lang = $('html').attr('lang')
	    if (lang == 'fr') {
		$('html').attr('lang', 'en')
		$(e.target).html('FR').attr('title', 'Lire en français')
	    } else {
		$('html').attr('lang', 'fr')
		$(e.target).html('EN').attr('title', 'Read in English')
	    }
	    return false
	})

    });

})($)