function popup(x) 
{
    document.getElementById(x).style.display='block';
    document.getElementById('fade').style.display='block';

    if(x == 'box4') 
        document.getElementById('filterButton').style.zIndex='10';
}

function PopupBoxRename(x) 
{
    popup(x);
    
    document.getElementById('renameClipBin').style.zIndex='2004';  
}

function PopupBoxDelete(x) 
{
    popup(x);
    
    document.getElementById('renameClipBin').style.zIndex='0';   
}

function PopupBox(x) 
{
    popup(x);
    
    document.getElementById('filterButton').style.zIndex='2000';
    document.getElementById('filterButton').onclick = function(){ ClosePopupBox('popupFilter')}      
}

function closePopup(y) 
{
    document.getElementById(y).style.display='none';
    window.document.getElementById('fade').style.display='none';
}

function ClosePopupBox(y) 
{
    closePopup(y);
    
    document.getElementById('filterButton').style.display='block';
    document.getElementById('filterButton').onclick = function(){ PopupBox('popupFilter')}    
}

function findPos()
{
    var obj = document.getElementById('box4');
    var posX = obj.offsetLeft;var posY = obj.offsetTop;
    while(obj.offsetParent)
    {
        posX=posX+obj.offsetParent.offsetLeft;
        posY=posY+obj.offsetParent.offsetTop;
        if(obj==document.getElementsByTagName('body')[0])
            {break}
        else
            {obj=obj.offsetParent;}
    }
    alert(posX+'-'+posY)
}