/*
Remarks for Editor
*************************************************************
For efficient follow-up of other editors, please mark any important change here.

-remarks for frequent amendment parts [Last Update 05APR2007 by chiuwai]
*************************************************************
*/

//Firework default rollover effect ----- Not Neccessary To Edit
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

// Function to show a live clock
function clock() {
//Date part
var months=new Array(13);
months[1]="1¤ë";
months[2]="2¤ë";
months[3]="3¤ë";
months[4]="4¤ë";
months[5]="5¤ë";
months[6]="6¤ë";
months[7]="7¤ë";
months[8]="8¤ë";
months[9]="9¤ë";
months[10]="10¤ë";
months[11]="11¤ë";
months[12]="12¤ë";
var time=new Date();
var lmonth=months[time.getMonth() + 1];
var date=time.getDate();
var year=time.getYear();
if (year < 2000)
year = year + 1900;

dispDate = year + "¦~" + lmonth + date + "¤é" + " ";

//Time part

var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var amOrPm = "¤W¤È";
if (hours > 11) amOrPm = "¤U¤È";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;

dispTime = amOrPm + hours + ":" + minutes + ":" + seconds;

pendule.innerHTML = dispDate + dispTime + " ";
setTimeout("clock()", 1000);

}

// Header Part
function page_header() {
document.write('<link rel="stylesheet" href="' + r_path + 'css/sbc.css" type="text/css">');

document.write('<table border="0" cellpadding="0" cellspacing="0" width="774" align="center">');
document.write('<tr>');
document.write('<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="774">');
document.write('<tr>');
document.write('<td><img name="index_r1_c1" src="' + r_path + 'images/index_r1_c1.jpg" width="7" height="146" border="0" alt=""></td>');
document.write('<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="760">');
document.write('<tr>');

//Edit Header Main Picture ----- Start
document.write('<td background="' + r_path + 'images/hmain_070405.jpg" width="760" height="100" align="right" valign="bottom">');
//Edit Header Main Picture ----- End

document.write('<span id="pendule" class="clock"><SCRIPT language=JavaScript>clock()</SCRIPT></span>&nbsp;</td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td><table align="left" border="0" cellpadding="0" cellspacing="0" width="760">');
document.write('<tr>');
document.write('<td><img name="index_r2_c2" src="' + r_path + 'images/index_r2_c2.jpg" width="22" height="46" border="0" alt=""></td>');
//Edit Horizontal Bar hyperlink or images ----- Start
//home
document.write('<td><a href="' + r_path + 'index.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\'index_r2_c4\',\'\',\'' + r_path + 'images/index_r2_c4_f2.jpg\',1);"><img name="index_r2_c4" src="' + r_path + 'images/index_r2_c4.jpg" width="119" height="46" border="0" alt=""></a></td>');
//intro
document.write('<td><a href="' + r_path + 'in/hist.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\'index_r2_c5\',\'\',\'' + r_path + 'images/index_r2_c5_f2.jpg\',1);"><img name="index_r2_c5" src="' + r_path + 'images/index_r2_c5.jpg" width="120" height="46" border="0" alt=""></a></td>');
//task
document.write('<td><a href="' + r_path + 'tk/exe_1.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\'index_r2_c8\',\'\',\'' + r_path + 'images/index_r2_c8_f2.jpg\',1);"><img name="index_r2_c8" src="' + r_path + 'images/index_r2_c8.jpg" width="118" height="46" border="0" alt=""></a></td>');
//union
document.write('<td><a href="' + r_path + 'fs/service.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\'index_r2_c9\',\'\',\'' + r_path + 'images/index_r2_c9_f2.jpg\',1);"><img name="index_r2_c9" src="' + r_path + 'images/index_r2_c9.jpg" width="120" height="46" border="0" alt=""></a></td>');
//db
document.write('<td><a href="' + r_path + 'error_c.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\'index_r2_c12\',\'\',\'' + r_path + 'images/index_r2_c12_f2.jpg\',1);"><img name="index_r2_c12" src="' + r_path + 'images/index_r2_c12.jpg" width="118" height="46" border="0" alt=""></a></td>');
//other
document.write('<td><a href="' + r_path + '70an/event.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\'index_r2_c14\',\'\',\'' + r_path + 'images/index_r2_c14_f2_70.jpg\',1);"><img name="index_r2_c14" src="' + r_path + 'images/index_r2_c14_70.jpg" width="120" height="46" border="0" alt=""></a></td>');
//Edit Horizontal Bar hyperlink or images ----- End
document.write('<td><img name="index_r2_c18" src="' + r_path + 'images/index_r2_c18.jpg" width="23" height="46" border="0" alt=""></td>');
document.write('</tr>');
document.write('</table></td>');
document.write('</tr>');
document.write('</table></td>');
document.write('<td><img name="index_r1_c20" src="' + r_path + 'images/index_r1_c20.jpg" width="7" height="146" border="0" alt=""></td>');
document.write('</tr>');
document.write('</table></td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td>');
document.write('<table align="left" border="0" cellpadding="0" cellspacing="0" width="774">');
document.write('	  <tr>');
document.write('	   <td height="100%" width="15" background="' + r_path + 'images/index_r3_c1.jpg"></td>');
/*
document.write('	   <td width="743" align="center" valign="top" bgcolor="#FFFFFF">');
*/
}

// Footer Part
function page_footer() {
/*
document.write('</td>');
*/
document.write('<td height="100%" width="16" background="' + r_path + 'images/index_r3_c19.jpg"></td>');
document.write('</tr>');
document.write('</table>');
document.write('  </td></tr>');
document.write('  <tr>');
document.write('   <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="774">');
document.write('	  <tr>');
document.write('	   <td><img name="index_r4_c1" src="' + r_path + 'images/index_r4_c1.jpg" width="15" height="40" border="0" alt=""></td>');
document.write('	   <td><img name="index_r4_c3" src="' + r_path + 'images/index_r4_c3.gif" width="592" height="40" border="0" alt=""></td>');
document.write('	   <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="151">');
document.write('		  <tr>');
document.write('		   <td><img name="index_r4_c13" src="' + r_path + 'images/index_r4_c13.jpg" width="151" height="11" border="0" alt=""></td>');
document.write('		  </tr>');
document.write('		  <tr>');
document.write('		   <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="151">');
document.write('			  <tr>');
document.write('			   <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="72">');
document.write('				  <tr>');
//Edit 
document.write('				   <td><a href="' + r_path + 'in/hist.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\'index_r5_c13\',\'\',\'' + r_path + 'images/index_r5_c13_f2.gif\',1);"><img name="index_r5_c13" src="' + r_path + 'images/index_r5_c13.gif" width="72" height="20" border="0" alt=""></a></td>');

document.write('				  </tr>');
document.write('				  <tr>');
document.write('				   <td><img name="index_r6_c13" src="' + r_path + 'images/index_r6_c13.jpg" width="72" height="9" border="0" alt=""></td>');
document.write('				  </tr>');
document.write('				</table></td>');
document.write('			   <td><img name="index_r5_c16" src="' + r_path + 'images/index_r5_c16.jpg" width="7" height="29" border="0" alt=""></td>');
document.write('			   <td><table align="left" border="0" cellpadding="0" cellspacing="0" width="72">');
document.write('				  <tr>');
document.write('				   <td><a href="mailto:swatow@pacific.net.hk" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage(\'index_r5_c17\',\'\',\'' + r_path + 'images/index_r5_c17_f2.gif\',1);"><img name="index_r5_c17" src="' + r_path + 'images/index_r5_c17.gif" width="72" height="20" border="0" alt=""></a></td>');
document.write('				  </tr>');
document.write('				  <tr>');
document.write('				   <td><img name="index_r6_c17" src="' + r_path + 'images/index_r6_c17.jpg" width="72" height="9" border="0" alt=""></td>');
document.write('				  </tr>');
document.write('				</table></td>');
document.write('			  </tr>');
document.write('			</table></td>');
document.write('		  </tr>');
document.write('		</table></td>');
document.write('	   <td><img name="index_r4_c19" src="' + r_path + 'images/index_r4_c19.jpg" width="16" height="40" border="0" alt=""></td>');
document.write('	  </tr>');
document.write('	</table></td>');
document.write('  </tr>');
document.write('</table>');
}