var selLang;
var selPage;
var demoSlider;
var demoSlider2;

function setLang(lang)
{
    setTitle(lang);
    setMenu(lang);
    switch (lang)
    {
        case 1: selLang = 'F';
                document.getElementById('spanLang0').innerHTML = 'À voir dans les environs ...';
                document.getElementById('spanLang1').innerHTML = 'La vieille ville';
                document.getElementById('spanLang2').innerHTML = 'Les mégalithes';
                document.getElementById('spanLang3').innerHTML = 'Le musée du jouet';
                document.getElementById('spanLang4').innerHTML = 'Le labyrinthe';
                document.getElementById('spanLang5').innerHTML = 'Les ruines du château-fort';
                document.getElementById('spanLang6').innerHTML = 'Les grottes';
                document.getElementById('spanLang7').innerHTML = 'Le domaine de Hottemme';
                document.getElementById('spanLang8').innerHTML = 'Le château';
                document.getElementById('spanLang9').innerHTML = 'Nombreuses promenades balisées au départ du village ...';
                break;
        case 2: selLang = 'N';
                document.getElementById('spanLang0').innerHTML = 'Bezienswaardigheden in de streek ...';
                document.getElementById('spanLang1').innerHTML = 'De stad';
                document.getElementById('spanLang2').innerHTML = 'De megalieten';
                document.getElementById('spanLang3').innerHTML = 'Het speeltuigmuseum';
                document.getElementById('spanLang4').innerHTML = 'Het labyrint';
                document.getElementById('spanLang5').innerHTML = 'De ruïnes van het kasteel';
                document.getElementById('spanLang6').innerHTML = 'De grotten';
                document.getElementById('spanLang7').innerHTML = 'Het domein';
                document.getElementById('spanLang8').innerHTML = 'Het kasteel';
                document.getElementById('spanLang9').innerHTML = 'Talrijke afgebakende wandelingen met vertrek vanuit hut dorp ...';
                break;
        case 3:
                document.getElementById('spanLang0').innerHTML = 'Sightseeing in the region ...';
                document.getElementById('spanLang1').innerHTML = 'The city';
                document.getElementById('spanLang2').innerHTML = 'The megaliths';
                document.getElementById('spanLang3').innerHTML = 'The toy museum';
                document.getElementById('spanLang4').innerHTML = 'The maze';
                document.getElementById('spanLang5').innerHTML = 'The ruins of the castle';
                document.getElementById('spanLang6').innerHTML = 'The caves';
                document.getElementById('spanLang7').innerHTML = 'The domain';
                document.getElementById('spanLang8').innerHTML = 'The castle';
                document.getElementById('spanLang9').innerHTML = 'Numerous marked walks leaving from the village ...';
                selLang = 'E';
    }
    setPage(selPage);
}

function setTitle(lang)
{
    switch(lang)
    {
        case 1:
            document.title="Sous le charme ... Chambres d'hôtes en Ardennes";
            document.getElementById('imgBanner').src = '/img/titleF.gif';
            break;
        case 2:
            document.title="Sous le charme ... Kamers en ontbijt in de Ardennen";
            document.getElementById('imgBanner').src = '/img/titleN.gif';
            break;
        case 3:
            document.title="Sous le charme ... Bed and breakfast in the Ardennes";
            document.getElementById('imgBanner').src = '/img/titleE.gif';
    }
}
function setMenu(lang)
{
    switch(lang)
    {
        case 1:
            document.getElementById('tdMenu1').innerHTML = 'Extérieurs';
            document.getElementById('tdMenu2').innerHTML = 'Suite et<br/>chambre';
            document.getElementById('tdMenu3').innerHTML = 'Plaisirs<br/>de la table';
            document.getElementById('tdMenu4').innerHTML = 'Tarifs<br/>Loisirs';
            document.getElementById('tdMenu5').innerHTML = 'Contact<br/>Réservation';
            break;
        case 2:
            document.getElementById('tdMenu1').innerHTML = 'Buiten';
            document.getElementById('tdMenu2').innerHTML = 'Kamers';
            document.getElementById('tdMenu3').innerHTML = 'Maaltijd';
            document.getElementById('tdMenu4').innerHTML = 'Tarieven';
            document.getElementById('tdMenu5').innerHTML = 'Ons Contacteren<br/>Reservaties';
            break;
        case 3:
            document.getElementById('tdMenu1').innerHTML = 'Garden';
            document.getElementById('tdMenu2').innerHTML = 'Rooms';
            document.getElementById('tdMenu3').innerHTML = 'Meal';
            document.getElementById('tdMenu4').innerHTML = 'Rates<br/>To be visited';
            document.getElementById('tdMenu5').innerHTML = 'Contact Us<br/>Route Description';
    }
}
function setPage(id)
{
    if (id == 0 || id == null) return;
    setImg(id);
    setText(id);
    selPage = id;
}
function setText(id)
{
    document.getElementById('tdLeft').style.backgroundImage = '';
    document.getElementById('tdLeft').style.backgroundColor = '#9e9277';
    for (i=1;i<6;i++)
    {
        document.getElementById('divL' + i + 'F').style.display = 'none';
        document.getElementById('divL' + i + 'N').style.display = 'none';
        document.getElementById('divL' + i + 'E').style.display = 'none';
    }
    div = document.getElementById('divL' + id + selLang);
    if (div)
        div.style.display = 'block';

}
function setImg(id)
{
    document.getElementById('tdRight').style.backgroundImage = '';
    document.getElementById('divR1').style.display = 'none';
    document.getElementById('divR2').style.display = 'none';
    document.getElementById('divR3').style.display = 'none';
    document.getElementById('divR4').style.display = 'none';
    document.getElementById('divR5').style.display = 'none';
            
    switch(id)
    {
        case 1:
            document.getElementById('divR1').style.display = 'block';
            demoSlider = Sliderman.slider({container: 'SliderName_1', width: 650, height: 488, effects:  'rain,stairs,fade', display: {
                  autoplay: 3500,
                  loading: {background: '#000000', opacity: 0.5, image: '/img/loading.gif'},
                  buttons: {
                        hide: true,
                        opacity: 1, 
                        prev: {className: 'SliderNamePrev_2', label: ''},
                        next: {className: 'SliderNameNext_2', label: ''}
                        }}});
             break;
        case 2: 
            document.getElementById('divR2').style.display = 'inline';
            demoSlider = Sliderman.slider({container: 'SliderName_2', width: 650, height: 488, effects:  'rain,stairs,fade', display: {
                  autoplay: 3500,
                  loading: {background: '#000000', opacity: 0.5, image: '/img/loading.gif'},
                  buttons: {
                        hide: true,
                        opacity: 1, 
                        prev: {className: 'SliderNamePrev_2', label: ''},
                        next: {className: 'SliderNameNext_2', label: ''}
                        }}});
            break;
        case 3:
            document.getElementById('divR3').style.display = 'inline';
            demoSlider = Sliderman.slider({container: 'SliderName_3', width: 650, height: 488, effects:  'rain,stairs,fade', display: {
                  autoplay: 3500,
                  loading: {background: '#000000', opacity: 0.5, image: '/img/loading.gif'},
                  buttons: {
                        hide: true,
                        opacity: 1, 
                        prev: {className: 'SliderNamePrev_2', label: ''},
                        next: {className: 'SliderNameNext_2', label: ''}
                        }}});
            break;
        case 4:
            document.getElementById('divR4').style.display = 'inline';
            demoSlider2 = Sliderman.slider({container: 'SliderName_4', width: 650, height: 488, effects:  'rain,stairs,fade', display: {
                  autoplay: 3500,
                  loading: {background: '#000000', opacity: 0.5, image: '/img/loading.gif'},
                  description: {hide: false, background: '#000000', opacity: 0.4, height: 50, position: 'bottom'},
                  buttons: {
                        hide: true,
                        opacity: 1, 
                        prev: {className: 'SliderNamePrev_2', label: ''},
                        next: {className: 'SliderNameNext_2', label: ''}
                        }}});
            break;
            
        case 5:
            document.getElementById('divR5').style.display = 'inline';
    }
}