function ShowArea(obj){                
    var postion=Position.positionedOffset(obj);
    var div=$('divArea');    
    var fid=0;
    if(arguments.length>1){
        fid=arguments[1].value;
    }
    if(fid=='')fid=0;
    if(div==null){
        div=document.createElement('div');
        div.id='divArea';
        div.style.position='absolute';
        div.style.top=postion.top+obj.offsetHeight+'px';
        div.style.left=postion.left+'px';
        div.style.border='1px solid #397EAE';
        div.style.width='500px';
        div.style.height='auto';
        div.style.backgroundColor='#fff';
        div.innerHTML='<iframe src="http://worldexpo.newexpo.com/Area.aspx?father='+fid+'" name="ifmArea" id="ifmArea" marginheight="0" marginwidth="0" width="100%" height="auto" frameborder="0" scrolling="no"></iframe>';
        document.body.appendChild(div);
        Event.observe(document, 'click', function(event){
	        if($('divArea')==null || $('divArea').style.display=='none') return;
	        var e= window.event || event;
            var elm = (document.all)?(e.srcElement):(e.target); 
            if(elm==$('texArea')){return;}
            var f=false;
            while(elm!=document.body){
                if(elm==$('divArea')){
                    f=true;
                }
                if(elm.parentNode!=null)
                    elm=elm.parentNode;
                else
                    break;
            }
            if(!f){$('divArea').hide();}
	    }, false);	
    }
    try{
        div.show();
        document.getElementById('ifmArea').style.height=(document.frames ? document.frames['ifmArea'].document.body.offsetHeight : document.getElementById('ifmArea').contentWindow.document.body.offsetHeight)+'px';
        div.style.height=(document.frames ? document.frames['ifmArea'].document.body.offsetHeight : document.getElementById('ifmArea').contentWindow.document.body.offsetHeight)+'px';
    }catch(ex){}
}