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:'410px', visible:true, draggable:false, close:true,

											constraintoviewport:true, context:[context_in, 'br', 'tl'], 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){} 

}