var isBoxOpened;
isBoxOpened=0;
if(isBoxOpened){closeBox(isBoxOpened)}

function showBox(obj_id){
main_height=document.getElementById('main').clientHeight;
document.getElementById('hf_container').style.height=main_height+'px';
document.getElementById('hf_container').style.display='block';

boxY=document.getElementById(obj_id).offsetTop;
boxX=document.getElementById(obj_id).offsetLeft;
if(obj_id=='box1'){
hfBoxWidth=395+20;
hfBoxHeight=285;
}
if(obj_id=='box2'){
hfBoxWidth=395+20;
hfBoxHeight=235;
}
boxY=boxY-(hfBoxHeight/2)+5;
boxX=boxX-hfBoxWidth;

document.getElementById('hf_'+obj_id).style.top=boxY+'px';
document.getElementById('hf_'+obj_id).style.left=boxX+'px';
document.getElementById('hf_'+obj_id).style.display='block';

arrowY=boxY+(hfBoxHeight/2)-7;
arrowX=boxX+hfBoxWidth-20;
document.getElementById('hf_arrow').style.top=arrowY+'px';
document.getElementById('hf_arrow').style.left=arrowX+'px';
document.getElementById('hf_arrow').style.display='block';

document.getElementById(obj_id).style.color='#fff';
document.getElementById(obj_id).style.zIndex='1020';
isBoxOpened=obj_id;
}

function closeBox(){
document.getElementById(isBoxOpened).style.color='#490a7b';
document.getElementById(isBoxOpened).style.zIndex='1';
document.getElementById('hf_'+isBoxOpened).style.display='none';
document.getElementById('hf_arrow').style.display='none';
document.getElementById('hf_container').style.display='none';
isBoxOpened=0;
}

function showInterview(height_sep){
document.getElementById('interview_continue').style.display='block';
document.getElementById('btn_close').style.display='block';
document.getElementById('sep_vert').style.height=height_sep+'px';
document.getElementById('read_more').style.display='none';
}

function closeInterview(){
document.getElementById('interview_continue').style.display='none';
document.getElementById('btn_close').style.display='none';
document.getElementById('sep_vert').style.height='640px';
document.getElementById('read_more').style.display='block';
}