img01 = new Image();
img01.src = "assets/images/topnav_on_dance.gif";

img02 = new Image();
img02.src = "assets/images/topnav_on_music.gif";

img03 = new Image();
img03.src = "assets/images/topnav_on_kinder.gif";

img04 = new Image();
img04.src = "assets/images/topnav_on_teams.gif";

img05 = new Image();
img05.src = "assets/images/topnav_on_bsp.gif";

img06 = new Image();
img06.src = "assets/images/topnav_on_calendar.gif";

img07 = new Image();
img07.src = "assets/images/topnav_on_director.gif";

img08 = new Image();
img08.src = "assets/images/topnav_on_tutu.gif";

img09 = new Image();
img09.src = "assets/images/topnav_on_photo.gif";

img10 = new Image();
img10.src = "assets/images/topnav_on_contact.gif";



function swapImg(vID, vSrc) {
    document.getElementById(vID).src = vSrc;
    setCurrent();
}


function setCurrent() {

    var sPath = window.location.pathname;
    var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);

    switch (sPage)
    {
    case 'dance.aspx':
        document.getElementById('imgTNDance').src = 'assets/images/topnav_on_dance.gif';
        break;
    case 'music.aspx':
        document.getElementById('imgTNMusic').src = 'assets/images/topnav_on_music.gif';
        break;
    case 'kindermusik.aspx':
        document.getElementById('imgTNKinder').src = 'assets/images/topnav_on_kinder.gif';
        break;
    case 'visual.aspx':
        document.getElementById('imgTNVisual').src = 'assets/images/topnav_on_visual.gif';
        break;
    case 'jewels.aspx':
        document.getElementById('imgTNTeams').src = 'assets/images/topnav_on_teams.gif';
        break;
    case 'backstage.aspx':
        document.getElementById('imgTNBSP').src = 'assets/images/topnav_on_bsp.gif';
        document.getElementById('imgTNCalendar').src = 'assets/images/topnav_on_calendar.gif';
        break;
    case 'director.aspx':
        document.getElementById('imgTNDirector').src = 'assets/images/topnav_on_director.gif';
        break;
    case 'tutu.aspx':
        document.getElementById('imgTNTutu').src = 'assets/images/topnav_on_tutu.gif'
        break;
    case 'gallery.aspx':
        document.getElementById('imgTNPhoto').src = 'assets/images/topnav_on_photo.gif'
        break;
    case 'contact.aspx':
        document.getElementById('imgTNContact').src = 'assets/images/topnav_on_contact.gif'
        break;
    default:
        break;
    }


}