var old_toggle_id = 0;
var old_toggle_main = 0;
function toggle(id,main) {
    var ele = document.getElementById(id);
    // Close old opened Field
    if (ele != old_toggle_id) {
        old_toggle_id.className = 'hidden';
        old_toggle_main.className = '';
    }
    if (ele.className == 'visible') {
        ele.className = 'hidden';
        main.className = '';
    } else {
        ele.className = 'visible';
        main.className = 'aktiv';
        old_toggle_id = ele;
        old_toggle_main = main;
    }
}
if (document.images) {
    //preload images

    //base image
    home_buttonN = new Image(120,44);
    home_buttonN.src = 'uploads/images/page_pictures/navi/navi_home.png';
    
    //hover or rollover image
    home_buttonH = new Image(120,44);
    home_buttonH.src= 'uploads/images/page_pictures/navi/navi_home_hover.png';

    //base image
    beachers_buttonN = new Image(120,44);
    beachers_buttonN.src = 'uploads/images/page_pictures/navi/navi_beachers.png';
    
    //hover or rollover image
    beachers_buttonH = new Image(120,44);
    beachers_buttonH.src= 'uploads/images/page_pictures/navi/navi_beachers_hover.png';

    //base image
    beachacadamy_buttonN = new Image(120,44);
    beachacadamy_buttonN.src = 'uploads/images/page_pictures/navi/navi_beachacadamy.png';
    
    //hover or rollover image
    beachacadamy_buttonH = new Image(120,44);
    beachacadamy_buttonH.src= 'uploads/images/page_pictures/navi/navi_beachacadamy_hover.png';

    //base image
    indoor_buttonN = new Image(120,44);
    indoor_buttonN.src = 'uploads/images/page_pictures/navi/navi_indoor.png';
    
    //hover or rollover image
    indoor_buttonH = new Image(120,44);
    indoor_buttonH.src= 'uploads/images/page_pictures/navi/navi_indoor_hover.png';

    //base image
    outdoor_buttonN = new Image(120,44);
    outdoor_buttonN.src = 'uploads/images/page_pictures/navi/navi_outdoor.png';
    
    //hover or rollover image
    outdoor_buttonH = new Image(120,44);
    outdoor_buttonH.src= 'uploads/images/page_pictures/navi/navi_outdoor_hover.png';

    //base image
    links_buttonN = new Image(120,44);
    links_buttonN.src = 'uploads/images/page_pictures/navi/navi_links.png';
    
    //hover or rollover image
    links_buttonH = new Image(120,44);
    links_buttonH.src= 'uploads/images/page_pictures/navi/navi_links_hover.png';

    //base image
    webservice_buttonN = new Image(120,44);
    webservice_buttonN.src = 'uploads/images/page_pictures/navi/navi_webservice.png';
    
    //hover or rollover image
    webservice_buttonH = new Image(120,44);
    webservice_buttonH.src= 'uploads/images/page_pictures/navi/navi_webservice_hover.png';

    function myOn(image) {
        document.getElementById(image).src=eval(image+ 'H' ).src;
    }
    
    function myOut(image) {
        document.getElementById(image).src=eval(image+ 'N' ).src;
    }
}