function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}

function sortReviews(id) {
img = id + 'img';
source = 'images/recordings/' + img + '.jpg';
sourcesml = 'images/recordings/' + img + '_sml.jpg';

if (id != 'none') {
visible = document.getElementById(id).style.display;
} else  {
visible = 'inline';
}

if (visible == 'inline')
{
setVisibility('bachfugue', 'none'); 
setVisibility('byrdsong', 'none'); 
setVisibility('spheres', 'none');
setVisibility('fourt', 'none'); 
setVisibility('orlando', 'none');
setVisibility('jenkins5', 'none'); 
setVisibility('jenkins6', 'none'); 
setVisibility('lawes6', 'none');
setVisibility('lawes45', 'none');
setVisibility('locke', 'none');
setVisibility('purcell', 'none');
setVisibility('live', 'none');
document.getElementById('jenkins5img').src = 'images/recordings/jenkins5img_sml.jpg';
document.getElementById('jenkins5img').style.width = 92;
document.getElementById('jenkins5img').style.height = 92;
document.getElementById('jenkins5img').setAttribute("width","92");
document.getElementById('jenkins5img').setAttribute("height","92");
document.getElementById('jenkins6img').src = 'images/recordings/jenkins6img_sml.jpg'
document.getElementById('jenkins6img').style.width = 92;
document.getElementById('jenkins6img').style.height = 92;
document.getElementById('jenkins6img').setAttribute("width","92");
document.getElementById('jenkins6img').setAttribute("height","92");
document.getElementById('fourtimg').src = 'images/recordings/fourtimg_sml.jpg'
document.getElementById('fourtimg').style.width = 92;
document.getElementById('fourtimg').style.height = 92;
document.getElementById('fourtimg').setAttribute("width","92");
document.getElementById('fourtimg').setAttribute("height","92");
document.getElementById('orlandoimg').src = 'images/recordings/orlandoimg_sml.jpg'
document.getElementById('orlandoimg').style.width = 92;
document.getElementById('orlandoimg').style.height = 92;
document.getElementById('orlandoimg').setAttribute("width","92");
document.getElementById('orlandoimg').setAttribute("height","92");
document.getElementById('lawes6img').src = 'images/recordings/lawes6img_sml.jpg'
document.getElementById('lawes6img').style.width = 92;
document.getElementById('lawes6img').style.height = 92;
document.getElementById('lawes6img').setAttribute("width","92");
document.getElementById('lawes6img').setAttribute("height","92");
document.getElementById('lawes45img').src = 'images/recordings/lawes45img_sml.jpg'
document.getElementById('lawes45img').style.width = 92;
document.getElementById('lawes45img').style.height = 92;
document.getElementById('lawes45img').setAttribute("width","92");
document.getElementById('lawes45img').setAttribute("height","92");
document.getElementById('byrdsongimg').src = 'images/recordings/byrdsongimg_sml.jpg'
document.getElementById('byrdsongimg').style.width = 92;
document.getElementById('byrdsongimg').style.height = 92;
document.getElementById('byrdsongimg').setAttribute("width","92");
document.getElementById('byrdsongimg').setAttribute("height","92");
document.getElementById('bachfugueimg').src = 'images/recordings/bachfugueimg_sml.jpg'
document.getElementById('bachfugueimg').style.width = 92;
document.getElementById('bachfugueimg').style.height = 92;
document.getElementById('bachfugueimg').setAttribute("width","92");
document.getElementById('bachfugueimg').setAttribute("height","92");
document.getElementById('lockeimg').src = 'images/recordings/lockeimg_sml.jpg'
document.getElementById('lockeimg').style.width = 92;
document.getElementById('lockeimg').style.height = 92;
document.getElementById('lockeimg').setAttribute("width","92");
document.getElementById('lockeimg').setAttribute("height","92");
document.getElementById('spheresimg').src = 'images/recordings/spheresimg_sml.jpg'
document.getElementById('spheresimg').style.width = 92;
document.getElementById('spheresimg').style.height = 92;
document.getElementById('spheresimg').setAttribute("width","92");
document.getElementById('spheresimg').setAttribute("height","92");
document.getElementById('purcellimg').src = 'images/recordings/purcellimg_sml.jpg'
document.getElementById('purcellimg').style.width = 92;
document.getElementById('purcellimg').style.height = 92;
document.getElementById('purcellimg').setAttribute("width","92");
document.getElementById('purcellimg').setAttribute("height","92");
document.getElementById(img).src = sourcesml;
document.getElementById(img).style.width = 92;
document.getElementById(img).style.height = 92;
document.getElementById(img).setAttribute("width","92");
document.getElementById(img).setAttribute("height","92");
} else {
setVisibility('bachfugue', 'none'); 
setVisibility('byrdsong', 'none'); 
setVisibility('spheres', 'none');
setVisibility('fourt', 'none'); 
setVisibility('orlando', 'none');
setVisibility('jenkins5', 'none'); 
setVisibility('jenkins6', 'none'); 
setVisibility('lawes6', 'none');
setVisibility('lawes45', 'none');
setVisibility('locke', 'none');
setVisibility('purcell', 'none');
setVisibility('live', 'none');
document.getElementById('jenkins5img').src = 'images/recordings/jenkins5img_sml.jpg';
document.getElementById('jenkins5img').style.width = 92;
document.getElementById('jenkins5img').style.height = 92;
document.getElementById('jenkins5img').setAttribute("width","92");
document.getElementById('jenkins5img').setAttribute("height","92");
document.getElementById('jenkins6img').src = 'images/recordings/jenkins6img_sml.jpg'
document.getElementById('jenkins6img').style.width = 92;
document.getElementById('jenkins6img').style.height = 92;
document.getElementById('jenkins6img').setAttribute("width","92");
document.getElementById('jenkins6img').setAttribute("height","92");
document.getElementById('fourtimg').src = 'images/recordings/fourtimg_sml.jpg'
document.getElementById('fourtimg').style.width = 92;
document.getElementById('fourtimg').style.height = 92;
document.getElementById('fourtimg').setAttribute("width","92");
document.getElementById('fourtimg').setAttribute("height","92");
document.getElementById('orlandoimg').src = 'images/recordings/orlandoimg_sml.jpg'
document.getElementById('orlandoimg').style.width = 92;
document.getElementById('orlandoimg').style.height = 92;
document.getElementById('orlandoimg').setAttribute("width","92");
document.getElementById('orlandoimg').setAttribute("height","92");
document.getElementById('lawes6img').src = 'images/recordings/lawes6img_sml.jpg'
document.getElementById('lawes6img').style.width = 92;
document.getElementById('lawes6img').style.height = 92;
document.getElementById('lawes6img').setAttribute("width","92");
document.getElementById('lawes6img').setAttribute("height","92");
document.getElementById('lawes45img').src = 'images/recordings/lawes45img_sml.jpg'
document.getElementById('lawes45img').style.width = 92;
document.getElementById('lawes45img').style.height = 92;
document.getElementById('lawes45img').setAttribute("width","92");
document.getElementById('lawes45img').setAttribute("height","92");
document.getElementById('byrdsongimg').src = 'images/recordings/byrdsongimg_sml.jpg'
document.getElementById('byrdsongimg').style.width = 92;
document.getElementById('byrdsongimg').style.height = 92;
document.getElementById('byrdsongimg').setAttribute("width","92");
document.getElementById('byrdsongimg').setAttribute("height","92");
document.getElementById('bachfugueimg').src = 'images/recordings/bachfugueimg_sml.jpg'
document.getElementById('bachfugueimg').style.width = 92;
document.getElementById('bachfugueimg').style.height = 92;
document.getElementById('bachfugueimg').setAttribute("width","92");
document.getElementById('bachfugueimg').setAttribute("height","92");
document.getElementById('lockeimg').src = 'images/recordings/lockeimg_sml.jpg'
document.getElementById('lockeimg').style.width = 92;
document.getElementById('lockeimg').style.height = 92;
document.getElementById('lockeimg').setAttribute("width","92");
document.getElementById('lockeimg').setAttribute("height","92");
document.getElementById('spheresimg').src = 'images/recordings/spheresimg_sml.jpg'
document.getElementById('spheresimg').style.width = 92;
document.getElementById('spheresimg').style.height = 92;
document.getElementById('spheresimg').setAttribute("width","92");
document.getElementById('spheresimg').setAttribute("height","92");
document.getElementById('purcellimg').src = 'images/recordings/purcellimg_sml.jpg'
document.getElementById('purcellimg').style.width = 92;
document.getElementById('purcellimg').style.height = 92;
document.getElementById('purcellimg').setAttribute("width","92");
document.getElementById('purcellimg').setAttribute("height","92");
if (id != 'none') {
setVisibility(id, 'inline');
document.getElementById(img).src = source;
document.getElementById(img).style.width = 200;
document.getElementById(img).style.height = 200;
document.getElementById(img).setAttribute("width","200");
document.getElementById(img).setAttribute("height","200");
}
}
}

function sortRecordings(id) {
img = id + 'img';
source = 'images/recordings/' + img + '.jpg';
sourcesml = 'images/recordings/' + img + '_sml.jpg';

if (id != 'none') {
visible = document.getElementById(id).style.display;
} else  {
visible = 'inline';
}

if (visible == 'inline')
{
setVisibility('bachfugue', 'none'); 
setVisibility('byrdsong', 'none'); 
setVisibility('spheres', 'none');
setVisibility('fourt', 'none'); 
setVisibility('orlando', 'none');
setVisibility('jenkins5', 'none'); 
setVisibility('jenkins6', 'none'); 
setVisibility('john_ward_fantasia_no_1_', 'none'); 
setVisibility('lawes6', 'none');
setVisibility('lawes45', 'none');
setVisibility('locke', 'none');
setVisibility('purcell', 'none');
document.getElementById('john_ward_fantasia_no_1_img').src = 'images/recordings/john_ward_fantasia_no_1_img_sml.jpg';
document.getElementById('john_ward_fantasia_no_1_img').style.width = 92;
document.getElementById('john_ward_fantasia_no_1_img').style.height = 92;
document.getElementById('john_ward_fantasia_no_1_img').setAttribute("width","92");
document.getElementById('john_ward_fantasia_no_1_img').setAttribute("height","92");
document.getElementById('jenkins5img').src = 'images/recordings/jenkins5img_sml.jpg';
document.getElementById('jenkins5img').style.width = 92;
document.getElementById('jenkins5img').style.height = 92;
document.getElementById('jenkins5img').setAttribute("width","92");
document.getElementById('jenkins5img').setAttribute("height","92");
document.getElementById('jenkins6img').src = 'images/recordings/jenkins6img_sml.jpg'
document.getElementById('jenkins6img').style.width = 92;
document.getElementById('jenkins6img').style.height = 92;
document.getElementById('jenkins6img').setAttribute("width","92");
document.getElementById('jenkins6img').setAttribute("height","92");
document.getElementById('fourtimg').src = 'images/recordings/fourtimg_sml.jpg'
document.getElementById('fourtimg').style.width = 92;
document.getElementById('fourtimg').style.height = 92;
document.getElementById('fourtimg').setAttribute("width","92");
document.getElementById('fourtimg').setAttribute("height","92");
document.getElementById('orlandoimg').src = 'images/recordings/orlandoimg_sml.jpg'
document.getElementById('orlandoimg').style.width = 92;
document.getElementById('orlandoimg').style.height = 92;
document.getElementById('orlandoimg').setAttribute("width","92");
document.getElementById('orlandoimg').setAttribute("height","92");
document.getElementById('lawes6img').src = 'images/recordings/lawes6img_sml.jpg'
document.getElementById('lawes6img').style.width = 92;
document.getElementById('lawes6img').style.height = 92;
document.getElementById('lawes6img').setAttribute("width","92");
document.getElementById('lawes6img').setAttribute("height","92");
document.getElementById('lawes45img').src = 'images/recordings/lawes45img_sml.jpg'
document.getElementById('lawes45img').style.width = 92;
document.getElementById('lawes45img').style.height = 92;
document.getElementById('lawes45img').setAttribute("width","92");
document.getElementById('lawes45img').setAttribute("height","92");
document.getElementById('byrdsongimg').src = 'images/recordings/byrdsongimg_sml.jpg'
document.getElementById('byrdsongimg').style.width = 92;
document.getElementById('byrdsongimg').style.height = 92;
document.getElementById('byrdsongimg').setAttribute("width","92");
document.getElementById('byrdsongimg').setAttribute("height","92");
document.getElementById('bachfugueimg').src = 'images/recordings/bachfugueimg_sml.jpg'
document.getElementById('bachfugueimg').style.width = 92;
document.getElementById('bachfugueimg').style.height = 92;
document.getElementById('bachfugueimg').setAttribute("width","92");
document.getElementById('bachfugueimg').setAttribute("height","92");
document.getElementById('lockeimg').src = 'images/recordings/lockeimg_sml.jpg'
document.getElementById('lockeimg').style.width = 92;
document.getElementById('lockeimg').style.height = 92;
document.getElementById('lockeimg').setAttribute("width","92");
document.getElementById('lockeimg').setAttribute("height","92");
document.getElementById('spheresimg').src = 'images/recordings/spheresimg_sml.jpg'
document.getElementById('spheresimg').style.width = 92;
document.getElementById('spheresimg').style.height = 92;
document.getElementById('spheresimg').setAttribute("width","92");
document.getElementById('spheresimg').setAttribute("height","92");
document.getElementById('purcellimg').src = 'images/recordings/purcellimg_sml.jpg'
document.getElementById('purcellimg').style.width = 92;
document.getElementById('purcellimg').style.height = 92;
document.getElementById('purcellimg').setAttribute("width","92");
document.getElementById('purcellimg').setAttribute("height","92");
document.getElementById(img).src = sourcesml;
document.getElementById(img).style.width = 92;
document.getElementById(img).style.height = 92;
document.getElementById(img).setAttribute("width","92");
document.getElementById(img).setAttribute("height","92");
} else {
setVisibility('bachfugue', 'none'); 
setVisibility('byrdsong', 'none'); 
setVisibility('spheres', 'none');
setVisibility('fourt', 'none'); 
setVisibility('orlando', 'none');
setVisibility('jenkins5', 'none'); 
setVisibility('jenkins6', 'none'); 
setVisibility('john_ward_fantasia_no_1_', 'none'); 
setVisibility('lawes6', 'none');
setVisibility('lawes45', 'none');
setVisibility('locke', 'none');
setVisibility('purcell', 'none');

if (id != 'none') {
setVisibility(id, 'inline');
document.getElementById('john_ward_fantasia_no_1_img').src = 'images/recordings/john_ward_fantasia_no_1_img_sml.jpg';
document.getElementById('john_ward_fantasia_no_1_img').style.width = 92;
document.getElementById('john_ward_fantasia_no_1_img').style.height = 92;
document.getElementById('john_ward_fantasia_no_1_img').setAttribute("width","92");
document.getElementById('john_ward_fantasia_no_1_img').setAttribute("height","92");
document.getElementById('jenkins5img').src = 'images/recordings/jenkins5img_sml.jpg';
document.getElementById('jenkins5img').style.width = 92;
document.getElementById('jenkins5img').style.height = 92;
document.getElementById('jenkins5img').setAttribute("width","92");
document.getElementById('jenkins5img').setAttribute("height","92");
document.getElementById('jenkins6img').src = 'images/recordings/jenkins6img_sml.jpg'
document.getElementById('jenkins6img').style.width = 92;
document.getElementById('jenkins6img').style.height = 92;
document.getElementById('jenkins6img').setAttribute("width","92");
document.getElementById('jenkins6img').setAttribute("height","92");
document.getElementById('fourtimg').src = 'images/recordings/fourtimg_sml.jpg'
document.getElementById('fourtimg').style.width = 92;
document.getElementById('fourtimg').style.height = 92;
document.getElementById('fourtimg').setAttribute("width","92");
document.getElementById('fourtimg').setAttribute("height","92");
document.getElementById('orlandoimg').src = 'images/recordings/orlandoimg_sml.jpg'
document.getElementById('orlandoimg').style.width = 92;
document.getElementById('orlandoimg').style.height = 92;
document.getElementById('orlandoimg').setAttribute("width","92");
document.getElementById('orlandoimg').setAttribute("height","92");
document.getElementById('lawes6img').src = 'images/recordings/lawes6img_sml.jpg'
document.getElementById('lawes6img').style.width = 92;
document.getElementById('lawes6img').style.height = 92;
document.getElementById('lawes6img').setAttribute("width","92");
document.getElementById('lawes6img').setAttribute("height","92");
document.getElementById('lawes45img').src = 'images/recordings/lawes45img_sml.jpg'
document.getElementById('lawes45img').style.width = 92;
document.getElementById('lawes45img').style.height = 92;
document.getElementById('lawes45img').setAttribute("width","92");
document.getElementById('lawes45img').setAttribute("height","92");
document.getElementById('byrdsongimg').src = 'images/recordings/byrdsongimg_sml.jpg'
document.getElementById('byrdsongimg').style.width = 92;
document.getElementById('byrdsongimg').style.height = 92;
document.getElementById('byrdsongimg').setAttribute("width","92");
document.getElementById('byrdsongimg').setAttribute("height","92");
document.getElementById('bachfugueimg').src = 'images/recordings/bachfugueimg_sml.jpg'
document.getElementById('bachfugueimg').style.width = 92;
document.getElementById('bachfugueimg').style.height = 92;
document.getElementById('bachfugueimg').setAttribute("width","92");
document.getElementById('bachfugueimg').setAttribute("height","92");
document.getElementById('lockeimg').src = 'images/recordings/lockeimg_sml.jpg'
document.getElementById('lockeimg').style.width = 92;
document.getElementById('lockeimg').style.height = 92;
document.getElementById('lockeimg').setAttribute("width","92");
document.getElementById('lockeimg').setAttribute("height","92");
document.getElementById('spheresimg').src = 'images/recordings/spheresimg_sml.jpg'
document.getElementById('spheresimg').style.width = 92;
document.getElementById('spheresimg').style.height = 92;
document.getElementById('spheresimg').setAttribute("width","92");
document.getElementById('spheresimg').setAttribute("height","92");
document.getElementById('purcellimg').src = 'images/recordings/purcellimg_sml.jpg'
document.getElementById('purcellimg').style.width = 92;
document.getElementById('purcellimg').style.height = 92;
document.getElementById('purcellimg').setAttribute("width","92");
document.getElementById('purcellimg').setAttribute("height","92");
document.getElementById(img).src = source;
document.getElementById(img).style.width = 200;
document.getElementById(img).style.height = 200;
document.getElementById(img).setAttribute("width","200");
document.getElementById(img).setAttribute("height","200");
}
}
}