if (!document.getElementById) {
    alert('Sorry! You brower cannot support some 	features. Please use other Brower! Like IE9, Firefox, Chrome!');
}

function openBox(elem){
    var obj = $(elem);
    if (!obj) return; 
    obj.style.right = 20 + 'px';
    obj.style.display ="block";
}
function closeBox(elem) {
	$(elem).style.display ="none";
} 

if ('undefined' == typeof $) {
    var $ = function(id) {
    	    return 'string' == typeof id ? document.getElementById(id) : id;
    }	
}

onload = function() {
    var moreTags =  document.getElementsByTagName('span');
    for (var i = 0, len = moreTags.length; i < len; i+=1) {        
        if (-1 != moreTags[i].className.indexOf('more')) {
            var moreBox = moreTags[i].nextSibling;
            while (moreBox.nodeType) {
                moreBox = moreBox.nextSibling;
                if (moreBox.nodeName === 'DIV' && moreBox.className.indexOf('more-box') !== 0) break;                
            }
            moreTags[i].onmouseover = function(event) {
                var display = getStyle(moreBox, 'display');
                //moreBox.style.display = (display == 'none' ? 'block' : 'none');
                moreBox.style.display = 'block';
                moreBox.style.left = this.offsetLeft +  'px';
            }
            moreBox.onmouseover = function(event) {
               this.style.display = 'block';   
            }
            moreBox.onmouseout = function(event) {
               this.style.display = 'none';   
            }
        }   
    }
}

var getStyle = function(elem, style) {
    if (!elem) elem = $(elem);
    if (elem.currentStyle) {
        return elem.currentStyle[style];
    } else if (document.defaultView && document.defaultView.getComputedStyle) {
        return document.defaultView.getComputedStyle(elem, null).getPropertyValue(style);    
    }
}