function layout_header(title){
         if (title=="") title="MR. DVD";
         else title="MR. DVD : "+title;
         document.write('<title>'+title+'</title>'+'<meta http-equiv="Content-Type" content="text/html; charset=big5">');
         document.write('<style>.cell_over { BACKGROUND-COLOR: #ffcc33 } .cell_out { BACKGROUND-COLOR: #663399 }</style>');
         document.write('<style>.h_cell_over { BACKGROUND-COLOR: #ffcc33 } .h_cell_out { BACKGROUND-COLOR: #aaaaaa }</style>');
         document.write('<style>.ds_cell_over { BACKGROUND-COLOR: #ffcc33 } .ds_cell_out { BACKGROUND-COLOR: #2266cc }</style>');
         document.write('<style>.v_cell_over { BACKGROUND-COLOR: #ffcc33 } .v_cell_out { BACKGROUND-COLOR: #44aa55 }</style>');
         document.write('<style>.d_cell_over { BACKGROUND-COLOR: #ffcc33 } .d_cell_out { BACKGROUND-COLOR: #eeaa33 }</style>');
}

function layout_top(rel, lang){
         document.write(
                 '<table width=755 height=100% cellspacing=0 cellpadding=0 border=0 align=center>'+
                 '<tr><td valign=top>'+
                 '         <table width=100% cellspacing=0 cellpadding=0 background="' +rel+ 'picture/layout-top.jpg">'+
                 '         <tr><td height=195 valign=bottom align=right><font SIZE=4 color=#ffffff><b>' +lang+ '</b></font>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br><br></td>'+
                 '         </tr></table>'+
                 '         <table width=100% cellspacing=0 cellpadding=0 height=100% background="' +rel+ 'picture/layout-main.jpg">'+
                 '         <tr><td width=10></td><td width=143>'+
                 '                 <table width=100% cellspacing=0 cellpadding=0 height=100% class="tleft">'+
                 '                        <tr><td height=10></td></tr>'+
                 '                        <tr><td height=5 bgcolor=#990000></td></tr>'+
                 '                        <tr><td height=2 bgcolor=#eeeeee></td></tr>'
         );

         show_button_h("HOME &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;", rel+"index.html");
         show_button_p("MR. DVD - &nbsp; &nbsp; &nbsp; &nbsp; <br> &nbsp; &nbsp; &nbsp; A True Story &nbsp;", rel+"profile.htm");
         show_button_ds("<big>D</big>ata Storage &nbsp; &nbsp; &nbsp;", rel+"data-storage.htm");
         show_button_v("<big>V</big>ideo Product &nbsp; &nbsp;", rel+"video-product.htm");
         show_button_d("<big>D</big>igital Product &nbsp;&nbsp;", rel+"digital-product.htm");
         show_button_v("<b>P</b>hoto Gallery &nbsp; &nbsp; &nbsp;", rel+"photo-gallery.htm");
		 show_button_ds("<big>M</big>y Blogs &nbsp; &nbsp; &nbsp;", rel+"my-blogs.htm");
 		 show_button_pg("<big>C</big>ontact Me&nbsp; &nbsp; &nbsp;", rel+"contact.htm");
         document.write(
                 '                        <tr><td height=5 bgcolor=#990000></td></tr>'+
                 '                        <tr><td height=100%>&nbsp;</td></tr>'+
                 '                 </table>'+
                 '              </td>'+
                 '              <td width=10></td>'+
                 '              <td valign=top>'
         );
}

function show_button_pg(bname, blink){
         document.write(
                 '      <tr><td height=26 bgcolor=#663399 onmouseover="this.className=\'cell_over\';" onmouseout="this.className=\'cell_out\';"><a href=' +blink+ '> &nbsp; ' +bname+ '</a>&nbsp;</td></tr>'+
                 '      <tr><td height=2 bgcolor=#eeeeee></td></tr>'
         );
}

function show_button_p(bname, blink){
         document.write(
                 '      <tr><td height=38 bgcolor=#663399 onmouseover="this.className=\'cell_over\';" onmouseout="this.className=\'cell_out\';"><a href=' +blink+ '> &nbsp; ' +bname+ '</a>&nbsp;</td></tr>'+
                 '      <tr><td height=2 bgcolor=#eeeeee></td></tr>'
         );
}

function show_button_h(bname, blink){
         document.write(
                 '      <tr><td height=26 bgcolor=#aaaaaa onmouseover="this.className=\'h_cell_over\';" onmouseout="this.className=\'h_cell_out\';"><a href=' +blink+ '> &nbsp; ' +bname+ '</a>&nbsp;</td></tr>'+
                 '      <tr><td height=2 bgcolor=#eeeeee></td></tr>'
         );
}

function show_button_ds(bname, blink){
         document.write(
                 '      <tr><td height=26 bgcolor=#2266cc onmouseover="this.className=\'ds_cell_over\';" onmouseout="this.className=\'ds_cell_out\';"><a href=' +blink+ '> &nbsp; ' +bname+ '</a>&nbsp;</td></tr>'+
                 '      <tr><td height=2 bgcolor=#eeeeee></td></tr>'
         );
}

function show_button_v(bname, blink){
         document.write(
                 '      <tr><td height=26 bgcolor=#44aa55 onmouseover="this.className=\'v_cell_over\';" onmouseout="this.className=\'v_cell_out\';"><a href=' +blink+ '> &nbsp; ' +bname+ '</a>&nbsp;</td></tr>'+
                 '      <tr><td height=2 bgcolor=#eeeeee></td></tr>'
         );
}

function show_button_d(bname, blink){
         document.write(
                 '      <tr><td height=26 bgcolor=#eeaa33 onmouseover="this.className=\'d_cell_over\';" onmouseout="this.className=\'d_cell_out\';"><a href=' +blink+ '> &nbsp; ' +bname+ '</a>&nbsp;</td></tr>'+
                 '      <tr><td height=2 bgcolor=#eeeeee></td></tr>'
         );
}



function layout_buttom(rel){
         if (rel==null) rel="";
         document.write('</td><td width=22></td></tr></table></td></tr>'+
                        '<tr><td valign=bottom height=40 background="' +rel+ 'picture/layout-bottom.jpg">&nbsp;</td></tr>'+
                        '</table>');
}