/**<panel>
 * The panel library. for Plat'Home HTML Contents.
 */
/**
usage:
-- STRING Repository
<div id="panel">
	<div id="ANY-panel-string" class="panel-string">
</div>

-- DISPLAY
<TAG id="ANY-panel-display"></TAG>
 */
var defPANEL_parentID = "panel";
var defPANEL_TAG = "div";
var defPANEL_CLASS = "panel-string";

var defSTRING_CLASSNAME = "-panel-string";
var defDISPLAY_CLASSNAME = "-panel-display";

//list up <defPANEL_TAG class=defPANEL_CLASS> in id=defPANEL_parentCLASS
var list = YAHOO.util.Dom.getElementsByClassName(defPANEL_CLASS, defPANEL_TAG, defPANEL_parentID);	
for(var i = 0; i < list.length; i++ ) {
	var displayId = list[i].id.replace(defSTRING_CLASSNAME, defDISPLAY_CLASSNAME);
	var target = YAHOO.util.Dom.get(displayId);
	var panel = new YAHOO.widget.Panel(list[i].id, 
		{ close: true
		, visible: false
		, draggable: false
		, close: false
		, constraintoviewport: false
		, context: [target, 'tl', 'bl']	/*tl=TopLeft, bl=BottomLeft*/
		, effect:[
			  {effect: YAHOO.widget.ContainerEffect.FADE,duration: 0.15}
			, {effect: YAHOO.widget.ContainerEffect.FADE,duration: 0.15}
			]
		} 
	); 
	panel.render();
	YAHOO.util.Event.addListener(target, 'focus', panel.show, panel, true);
	YAHOO.util.Event.addListener(target, 'blur', panel.hide, panel, true);
}
/*</panel>*/