var fotoBox_state = 1;  // 1 - open | 0 - close

var to;


function fotoBox() {
    clearTimeout(to);
    if(fotoBox_state == 1) {
        fotoBox_state = 0;
        fotoBoxClose_anim(0);
    } else {
        fotoBox_state = 1;
        fotoBoxOpen_anim(0);
    
    }
}

function fotoBoxInterier() {
    if(fotoBox_state != 1)
        fotoBox();
        
    document.getElementById('btn_interier').className = 'submenu select';
    document.getElementById('btn_exterier').className = 'submenu';
    document.getElementById('carouselBox1').style.visibility = 'hidden';
    document.getElementById('carouselBox2').style.visibility = 'visible';
        
}

function fotoBoxExterier() {
    if(fotoBox_state != 1)
        fotoBox();
        
    document.getElementById('btn_interier').className = 'submenu';
    document.getElementById('btn_exterier').className = 'submenu select';
    
    document.getElementById('carouselBox1').style.visibility = 'visible';
    document.getElementById('carouselBox2').style.visibility = 'hidden';
}


function fotoBoxClose_anim(stav) {
    
    var fBox = document.getElementById('fotogalerieBox');
    var bg_inner = document.getElementById('bg_inner'); 
    
    stav += (1 - stav) / 5;
    if(stav > 0.99) stav = 1;
    
    fBox.style.top = -162 + Math.round(((162 - 48) * stav)) + 'px';
    
    bg_inner.style.height = Math.max(Math.round(113 - 113 * stav - 1), 0) + 'px';
    
    if(stav < 1)
        to = setTimeout('fotoBoxClose_anim(' + stav + ')', 15);
    else { 
        document.getElementById('btn_foto').className = 'btn_fotogalerie_c';
        fotoImagePlay();
    }
        
}

function fotoBoxOpen_anim(stav) {
    
    var fBox = document.getElementById('fotogalerieBox');
    var bg_inner = document.getElementById('bg_inner'); 
    
    stav += (1 - stav) / 5;
    if(stav > 0.99) stav = 1;
    
    fBox.style.top = -48 - Math.round(((162 - 48) * stav)) + 'px';
    bg_inner.style.height = Math.round(113 * stav) + 'px';
    
    if(stav < 1)
        to = setTimeout('fotoBoxOpen_anim(' + stav + ')', 15);
    else { 
        document.getElementById('btn_foto').className = 'btn_fotogalerie_o';
    }
        
}