function showDiv(club, names, job, theme, cat, phone, fax, mail, web, memo){

back1=document.createElement("div");
back1.id="popDiv";
document.body.appendChild(back1);

back2=document.createElement("div");
back2.id="bg";
document.body.appendChild(back2);

var popDiv=document.getElementById('popDiv');
popDiv.innerHTML='<div id="oration_top"><table cellpadding="0" cellspacing="6" id="oration_table" style="width:700px"><tr><th></th><th>推薦社名</th><td colspan="3">' + club + '&nbsp;</td><th width="10"></th></tr><tr><th width="10"></th><th width="10%">主講人</th><td width="40%">' + names + '&nbsp;</td><th width="10%">現　　職</th><td width="40%">' + job + '&nbsp;</td><th width="10"></th></tr><tr><th></th><th>演講主題</th><td>' + theme + '&nbsp;</td><th>演講分類</th><td>' + cat + '&nbsp;</td><th width="10"></th></tr><tr><th></th><th>聯絡電話</th><td>' + phone + '&nbsp;</td><th>傳　　真</th><td>' + fax + '&nbsp;</td><th width="10"></th></tr><tr><th></th><th>電子信箱</th><td colspan="3"><a href="mailto:' + mail + '">' + mail + '</a>&nbsp;</td><th width="10"></th></tr><tr><th></th><th>網　　址</th><td colspan="3"><a href="' + web + '" target="_blank">' + web + '</a>&nbsp;</td><th width="10"></th></tr><tr><th></th><th>備　　註</th><td colspan="3">' + memo + '&nbsp;</td><th width="10"></th></tr></table></div><div id="oration_floot"><input type="button" value="關閉視窗" onClick="javascript:closeDiv();"/></div>';

popDiv.className ='mydiv';
popDiv.style.display='block';

var left = (document.documentElement.offsetWidth / 2) - 350;
if(left < 0 ) left = 0;

popDiv.style.left=left + 'px';

document.getElementById('bg').className ='bg';
document.getElementById('bg').style.display='block';
}

function closeDiv(){
document.getElementById('popDiv').parentNode.removeChild(document.getElementById('popDiv'));
document.getElementById('bg').parentNode.removeChild(document.getElementById('bg'));
}