YAHOO.namespace("Remark.panel");YAHOO.Remark.panel.panels = [];
function createRemark(id_in, title_in, body_in, context_in, closeOnMouseOut){
	var hdwr = YAHOO.Remark.panel.panels,
	    $E   = YAHOO.util.Event;
	if(!hdwr[id_in]){
	  hdwr[id_in] = [];
		hdwr[id_in][0] = new YAHOO.widget.Panel(id_in, { width:'250px', visible:true, draggable:true, close:true,
											constraintoviewport:true, context:[context_in, 'tl', 'bl'], underlay:'shadow',
											effect:{effect:eval(YAHOO.widget.ContainerEffect.FADE),duration:0.5}} );   
		hdwr[id_in][0].setHeader("<div class='tl'></div><span>"+title_in+"<span><div class='tr'></div>"); 
		hdwr[id_in][0].setBody(body_in);   
		hdwr[id_in][0].render(document.body);
		hdwr[id_in][1] = $E.getTarget($E.getEvent());
	}else{
		hdwr[id_in][0].show();
	}
	$E.addListener(document, 'mousemove', closeRemark, {id:id_in, cf:closeOnMouseOut});
}

function closeRemark(evt, conf){
	var $E   = YAHOO.util.Event,
	    $D	 = YAHOO.util.Dom,
	    mX, mY, regImgTh,
	    hdwr = YAHOO.Remark.panel.panels;
	
	try{
		if(!hdwr[conf.id]){return;}
		regImgTh = $D.getRegion(hdwr[conf.id][1]);
	        mX = $E.getPageX(evt); mY = $E.getPageY(evt);
	  	if((mX < regImgTh['left']) || (mX > regImgTh['right']) || (mY < regImgTh['top']) || (mY > regImgTh['bottom'])){
			if(conf.cf){hdwr[conf.id][0].hide(); $E.removeListener(document, 'mousemove', closeRemark);}
	  	}
	}catch(e){} 
}