var is_ie = true;
var hlp_layer;
var hlp;
function Init(){
	var agt = navigator.userAgent.toLowerCase();
    is_ie = (agt.indexOf("msie")!=-1 && document.all);
    var h = '<div id="hlp_layer" style="position:absolute;z-index:100;display:none;background-color:#FFF;">';
        h += '<table cellspacing="0" cellpadding="0" style="border:1px solid #7E98D6;width:240px">';

        ///h += '<!--tr><td>';
       /// h += '<div style="color:#1A9100;font-size:12px;background-color:#C8DAF3;"> <img src=help.gif> 帮助</div>';
        ///h += '</td></tr-->';

        h += '<tr><td id="hlp" style="padding:3px;font-size:12px;"></td></tr>';

        h += '</table>';
        h += '</div>';
    document.write(h);
    hlp_layer = document.getElementById('hlp_layer');
    hlp = document.getElementById('hlp');
    if (is_ie){
      document.attachEvent("onmousemove", getpos);
    }
    else{
       document.addEventListener("mousemove", getpos, true);
    }
}
function getpos(e) {
	obj=e.target?e.target:e.srcElement;
	//alert(obj.src);
	if(obj.className!="small_pic"){
		hlp_layer.style.display="none";
		return;
	}
	try{
			
    if(obj.src){
    	///hlp.innerHTML='<img src="'+obj.src+'">';
    	var image=new Image(); 
			image.src=obj.src; 
			sWH="";
			if(image.width >image.height && image.width>200){
				sWH='width="200px"';
			}
			else{
				if(image.height>200)
					sWH='height="200px"';
			}
			hlp.innerHTML='<img src="'+obj.src+'" '+sWH+'>';	///<br>'+image.width+'px×'+image.height+'px';
    	hlp_layer.style.display="";
    }
    else{hlp_layer.style.display="none";}

    }
    catch(e){hlp_layer.style.display="none";return false;}
		var r = new Array();
		r['x'] = obj.offsetLeft;
		r['y'] = obj.offsetTop;
		while(obj = obj.offsetParent) {
			r['x'] += obj.offsetLeft;
			r['y'] += obj.offsetTop;
		}

	  if (is_ie) {

    r['x'] = window.event.clientX + document.documentElement.scrollLeft+ document.body.scrollLeft;

    r['y'] = window.event.clientY + document.documentElement.scrollTop+ document.body.scrollTop;

  }else {

    r['x'] = e.clientX + window.scrollX;

    r['y'] = e.clientY + window.scrollY;

  }

	hlp_layer.style.left = r['x']+50+'px';

	if(r['x']+hlp_layer.scrollWidth>document.body.clientWidth){
		hlp_layer.style.left = r['x']-300+'px';
	}
//hlp.innerHTML=hlp_layer.scrollWidth+''+document.body.scrollWidth+''+document.body.clientWidth;

    hlp_layer.style.top = r['y']+'px';
}
Init();