window.onload = function(){
    
    var close = document.querySelector('.close');
    var disap = document.querySelector('.disappear');
    close.onclick = function(){
        disap.style.display = 'none';
    }
   


    var input = document.querySelector('input');
    var info = document.querySelector('.info-box');
    var inptag = document.querySelector('.s-right');
    var stag = inptag.querySelectorAll('span');
    input.onfocus = function(){
        info.style.display = 'block';
        input.style.border = '1px solid #ccc';
        for(i=0;i<stag.length;i++){
            stag[i].style.display = 'none';
        }
    }
    input.onblur = function(){
        info.style.display = 'none';
        input.style.border = '';
        for(i=0;i<stag.length;i++){
            stag[i].style.display = 'inline';
        }
    }

    
    var aclick = document.querySelectorAll('.video-click');
    var fvideo = document.querySelector('.video-wall');
    var wvideo = document.querySelector('.video-window');
    var video = wvideo.querySelector('video');
    var cvideo = document.querySelector('.video-close');
        cvideo.onclick = function(){
            fvideo.style.display = 'none';
            video.pause();
        }
        for(i=0;i<aclick.length;i++){
            aclick[i].onclick = function(){
                fvideo.style.display = 'block';
            }
            
        }
    
    
    

}