function show_detail_size(text,obj,top,left) {

                var text = text;
                var top = top - 115;
                var left = left - 5;
                
                
				if(document.getElementById('detail_sizes')!==null) {
				document.getElementById('detail_sizes').style.position = 'absolute';
				document.getElementById('detail_sizes').style.top = top;
				document.getElementById('detail_sizes').style.left = left;			
				document.getElementById('detail_sizes').style.display = 'list-item';
				document.getElementById('detail_sizes').innerHTML = '<img src="http://jscasual.ru/DesktopModules/js_Store/images/' + text + '.png">';
                }
}
function hide_detail_size() {
    if(document.getElementById('detail_sizes')!==null) {
    document.getElementById('detail_sizes').style.display = 'none';
    }
}
function calc_position(text, elem) {
        var text = text;
        var elem = elem;
        if (elem.getBoundingClientRect) {
            // "правильный" вариант
            return getOffsetRect2(text, elem)
        } else {
            // пусть работает хоть как-то
            return getOffsetSum2(text, elem)
        }
    }
function getOffsetSum2(text,elem) {
    var top=0, left=0, text=text;
    while(elem) {
        top = top + parseInt(elem.offsetTop)
        left = left + parseInt(elem.offsetLeft)
        elem = elem.offsetParent
    }
    return show_detail_size(text,elem,top,left);
    
}

function getOffsetRect2(text,elem) {
    // (1)
    var box = elem.getBoundingClientRect()
    var text = text;
	var elem = elem;
    // (2)
    var body = document.body
    var docElem = document.documentElement

    // (3)
    var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
    var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft

    // (4)
    var clientTop = docElem.clientTop || body.clientTop || 0
    var clientLeft = docElem.clientLeft || body.clientLeft || 0

    // (5)
    var top  = box.top +  scrollTop - clientTop
    var left = box.left + scrollLeft - clientLeft
    return show_detail_size(text,elem,Math.round(top),Math.round(left));
    
    
}
