var selectedSubMenu = null;

function getPosition(e){
	var left = 0;
	var top  = 0;

	while (e.offsetParent){
		left += e.offsetLeft;
		top  += e.offsetTop;//-e.parentNode.offsetTop;
		e     = e.offsetParent;
	}

	left += e.offsetLeft;
	top  += e.offsetTop;

	return {x:left, y:top};
}
    
var vimg = null;
    
function viewimg(o){ 
    //alert(document.body.scrollTop);   
    if (vimg){
        document.body.removeChild(vimg);            
    }
    oPos = getPosition(o.parentNode);
    vimg = document.createElement('div');
    vimg.style.position = 'absolute';
    vimg.style.top             = oPos['y']+'px';
    vimg.style.left            = oPos['x']+'px';
    vimg.style.backgroundColor = '#eee';
    vimg.style.border          = '1px solid silver';       
    vimg.style.padding         = '10px';

    var i = new Image();
        i.src = o.src;      
        i.style.border         = '1px solid silver';
        i.style.cursor         = 'pointer';
    vimg.appendChild(i);
    var t = document.createElement('div');
        t.innerHTML = o.getAttribute('title');
        t.style.marginTop    = '5px';
        t.style.padding = '3px';
        t.style.textAlign = 'center';
        t.style.fontSize  = '10px';
    vimg.appendChild(t);    
    document.body.appendChild(vimg);
    vimg.onclick = function(){
        if (vimg){
             document.body.removeChild(vimg);
             document.onclick = vimg = null;
        }
    }
}

function submenu(o,id){
    var p = getPosition(o);
    var s = document.getElementById('smen'+id);
        s.style.top      = (p['y'] + 21) + 'px';
        s.style.left     = p['x'] + 'px';
        s.style.display  = '';
        s.open           = 0;
        selectedSubMenu  = s;
}

document.onclick = function(){
    closeSubMenu();
}

function closeSubMenu(){
    if (selectedSubMenu && selectedSubMenu.open == 1){        
        selectedSubMenu.style.display = 'none';
        selectedSubMenu = null;
    } else {
        selectedSubMenu.open = 1;
    }
}