var tgState;
var tgLayer;
var tgParent;
var tgParentChildren;
var tgXpos;

function findPos(obj) {
    
    var mainOffset = document.getElementById('container').offsetLeft; 

    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x;
        var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
        if (ieversion < 8) {
            mainOffset = 0;
        }
    }
    
    var curleft = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft - mainOffset;
    }    
    return curleft;    
}

function toggle(obj,srcObj) {

    if (document.getElementById && document.getElementsByTagName) {
        
        tgLayer = document.getElementById(obj);
        
        if(tgLayer) {
        
        tgParent = tgLayer.parentNode;
        tgParentChildren = tgParent.getElementsByTagName('div');
    
        tgState = tgLayer.style.display;
        
        for(i = 0; i < tgParentChildren.length; i++) {
            tgParentChildren[i].style.display = "none";
        }
        
        if(!tgLayer.style.backgroundPosition) {
            
            if(srcObj) 
                tgXpos = findPos(srcObj);
            else
                tgXpos = 0;
            
            tgLayer.style.backgroundPosition = tgXpos+8 + "px 0px";
            
            if(tgXpos < 470) {
                tgLayer.style.paddingLeft = (tgXpos-20>0?tgXpos-20:0) + "px";
            } else {
                tgLayer.style.textAlign = "right";
            }
        }
            
        tgLayer.style.display = (tgState != 'none') ? 'none' : '';
        }
    }
}