d = document;

width = "15";
height = "15";

function header_image(img){
document.getElementById("wide_image").style.backgroundImage="url("+img+")";
}




function open_canvas(){

d.write('<table id="frame" cellpadding="0" cellspacing="0" border="0">');
d.write('<tr><td id="tl"><img src="images/t.gif" class="t" width="'+width+'" height="'+height+'"></td>');
d.write('<td id="tc"><img src="images/t.gif" class="t" width="'+width+'" height="'+height+'"></td>');
d.write('<td id="tr"><img src="images/t.gif" class="t" width="'+width+'" height="'+height+'"></td></tr>');
d.write('<tr><td rowspan="2" id="ml"><img src="images/t.gif" class="t" width="'+width+'" height="'+height+'"></td>');
d.write('<td id="canvas">');
}

function close_canvas(){
d.write('</td><td rowspan="2" id="mr"><img src="images/t.gif" class="t" width="'+width+'" height="'+height+'"></td></tr>');
d.write('<tr><td id="footer" valign="bottom">');

d.write('<div class="div"></div>');

d.write('<a href="index.html"><img src="images/logo_minimal.png" width="100" height="81" title="HOME" border="0"></a><br>');

d.write('<b>Z A N Z I B A R &nbsp;  H O T E L</b><br>');
d.write('Stone Town, Zanzibar Island, ');
d.write('TANZANIA<br>');
d.write('Tel: +255 774 33 32 22 / ');

d.write('Email: ');
x = '@zanzibar'; y = 'hotel'; q = '.co.tz'; domain = x + y + q;
d.write('<a href="mailto:frontdesk'+domain+'">frontdesk'+domain+'<\/a> / ');
d.write('Skype: <a href="skype:zanzibarhotel">zanzibarhotel<\/a>');


d.write('</td></tr>');
d.write('<tr><td id="bl"><img src="images/t.gif" class="t" width="'+width+'" height="'+height+'"></td>');
d.write('<td id="bc"><img src="images/t.gif" class="t" width="'+width+'" height="'+height+'"></td>');
d.write('<td id="br"><img src="images/t.gif" class="t" width="'+width+'" height="'+height+'"></td>');
d.write('</tr></table>');
}


function open_image_border(){
d.write('<div style="height:100%; background: url(images/photo_header_top_edge.png);background-position: 0px 0px; background-repeat: repeat-x;">');
d.write('<div style="height:100%; background: url(images/photo_header_right_edge.png);background-position: 100% 0px; background-repeat: repeat-y;">');
d.write('<div style="height:100%; background: url(images/photo_header_left_edge.png);background-position: 0px 0px; background-repeat: repeat-y;">');
d.write('<div style="height:100%; background: url(images/photo_header_bottom_edge.png);background-position: 0px 100%; background-repeat: repeat-x;">');
}

function close_image_border(){
d.write('</div>');
d.write('</div>');
d.write('</div>');
d.write('</div>');
}

