function changeImg(n) {
    if(n == 3) {
        document.getElementById('tekst'+n).style.display='block';
        document.getElementById('introcontainer').className='hover3';
        document.getElementById('introcontainer').style.backgroundColor="#EBB600";
        document.getElementById('introcontainer').setAttribute("class","hover3");
        document.getElementById('introcontainer').setAttribute("className","hover3");
        document.getElementById('tekst1').style.display='none';
        document.getElementById('tekst6').style.display='none';
        document.getElementById('tekst8').style.display='none';
        document.getElementById('tekst9').style.display='none';
    } else if(n == 6) {
        document.getElementById('tekst'+n).style.display='block';
        document.getElementById('introcontainer').className='hover6';
        document.getElementById('introcontainer').style.backgroundColor="#B7160E";
        document.getElementById('introcontainer').setAttribute("class","hover6");
        document.getElementById('introcontainer').setAttribute("className","hover6");
        document.getElementById('tekst1').style.display='none';
        document.getElementById('tekst3').style.display='none';
        document.getElementById('tekst8').style.display='none';
        document.getElementById('tekst9').style.display='none';
    } else if(n == 8) {
        document.getElementById('tekst'+n).style.display='block';
        document.getElementById('introcontainer').className='hover8';
        document.getElementById('introcontainer').style.backgroundColor="#91C513";
        document.getElementById('introcontainer').setAttribute("class","hover8");
        document.getElementById('introcontainer').setAttribute("className","hover8");
        document.getElementById('tekst1').style.display='none';
        document.getElementById('tekst6').style.display='none';
        document.getElementById('tekst3').style.display='none';
        document.getElementById('tekst9').style.display='none';
    } else if(n == 9) {
        document.getElementById('tekst'+n).style.display='block';
        document.getElementById('introcontainer').className='hover9';
        document.getElementById('introcontainer').style.backgroundColor="#074B88";
        document.getElementById('introcontainer').setAttribute("class","hover9");
        document.getElementById('introcontainer').setAttribute("className","hover9");
        document.getElementById('tekst1').style.display='none';
        document.getElementById('tekst6').style.display='none';
        document.getElementById('tekst8').style.display='none';
        document.getElementById('tekst3').style.display='none';
    } else {
        document.getElementById('introcontainer').className='hover1';
        document.getElementById('introcontainer').style.backgroundColor="#FED90F";
        document.getElementById('introcontainer').setAttribute("class","hover1");
        document.getElementById('introcontainer').setAttribute("className","hover1");
        document.getElementById('tekst1').style.display='block';
    }
}

function changeImgOut() {
    document.getElementById('introcontainer').className='hover1';
    document.getElementById('introcontainer').style.backgroundColor="#FED90F";
    document.getElementById('introcontainer').setAttribute("class","hover1");
    document.getElementById('introcontainer').setAttribute("className","hover1");
    document.getElementById('tekst1').style.display='block';
    document.getElementById('tekst3').style.display='none';
    document.getElementById('tekst6').style.display='none';
    document.getElementById('tekst8').style.display='none';
    document.getElementById('tekst9').style.display='none';
}