// Copyright © ChannelVR. All rights reserved
// This file defines the look of the Toolbar for controlling the viewer
// it contains buttons for panning, zooming, pausing and guided tour

function writeToolbar() {

// write out the HTML for the toolbar table
document.write('<table class="viewer_toolbar_table" cellpadding="0" cellspacing="0">');
document.write('  <tr class="viewer_toolbar_table_tr" bgcolor="#00234B">');

// zoom in button
document.write('    <td class="viewer_toolbar_table_td"><a href="javascript:jsSetAction(\'zoomin\')"><img class       = "mouseBeOffMe" onmouseover = "this.className=\'mouseBeOnMe\'" onmousedown = "this.className=\'mouseBeDown\'" onmouseup   = "this.className=\'mouseBeUp\'" onmouseout  = "this.className=\'mouseBeOffMe\'" name="zoomin" border="0" src="images/button_zoomin.gif"></a></td>');

// pan left button
document.write('    <td class="viewer_toolbar_table_td"><a href="javascript:jsSetAction(\'left\')"><img class       = "mouseBeOffMe" onmouseover = "this.className=\'mouseBeOnMe\'" onmousedown = "this.className=\'mouseBeDown\'" onmouseup   = "this.className=\'mouseBeUp\'" onmouseout  = "this.className=\'mouseBeOffMe\'" name="left" border="0" src="images/button_left.gif"></a></td>');

// stop button
document.write('    <td class="viewer_toolbar_table_td"><a href="#" onClick="jsSetAction(\'interrupt\');"><img class       = "mouseBeOffMe" onmouseover = "this.className=\'mouseBeOnMe\'" onmousedown = "this.className=\'mouseBeDown\'" onmouseup   = "this.className=\'mouseBeUp\'" onmouseout  = "this.className=\'mouseBeOffMe\'" name="stop" border="0" src="images/button_stop.gif"></a></td>');

// pan right button
document.write('    <td class="viewer_toolbar_table_td"><a href="javascript:jsSetAction(\'right\')"><img class       = "mouseBeOffMe" onmouseover = "this.className=\'mouseBeOnMe\'" onmousedown = "this.className=\'mouseBeDown\'" onmouseup   = "this.className=\'mouseBeUp\'" onmouseout  = "this.className=\'mouseBeOffMe\'" name="right" border="0" src="images/button_right.gif"></a></td>');

// zoom out button
document.write('    <td class="viewer_toolbar_table_td"><a href="javascript:jsSetAction(\'zoomout\')"><img class       = "mouseBeOffMe" onmouseover = "this.className=\'mouseBeOnMe\'" onmousedown = "this.className=\'mouseBeDown\'" onmouseup   = "this.className=\'mouseBeUp\'" onmouseout  = "this.className=\'mouseBeOffMe\'" name="zoomout" border="0" src="images/button_zoomout.gif"></a></td>');
document.write('    <td class="viewer_toolbar_table_td"><a href="help.html" target="rightFrame2"><img class       = "mouseBeOffMe" onmouseover = "this.className=\'mouseBeOnMe\'" onmousedown = "this.className=\'mouseBeDown\'" onmouseup   = "this.className=\'mouseBeUp\'" onmouseout  = "this.className=\'mouseBeOffMe\'" name="help" border="0" src="images/button_help.gif"></a></td>');

// seperator
document.write('    <td class="viewer_toolbar_table_td" width="1"><img src="images/menu_spacer.gif" width="1"></td>');


// if it is not fullscreen then include extra buttons (like a button to launch fullscreen with the currently active room!
if(fullscreen==0) {
    // go fullscreen button
    document.write('<td class="viewer_toolbar_table_td">');
    document.write('<a href="#" onclick="parent.fullscreen(jsGetActiveRoomID())">');
    document.write('<img class="mouseBeOffMe" onmouseover="this.className=\'mouseBeOnMe\'" onmousedown="this.className=\'mouseBeDown\'" onmouseup="this.className=\'mouseBeUp\'" onmouseout="this.className=\'mouseBeOffMe\'" name="fullscreen" border="0" src="images/button_fullscreen.gif" >');
    document.write('</a>');
    document.write('<!img src="images/menu_spacer.gif">');
    document.write('</td>');

}
    if(guidedtour) {
    // guided tour button
    document.write('<td class="viewer_toolbar_table_td">');
    document.write('<a href="javascript:jsSetAction(\'guidedtour\');">');
    document.write('<img class="mouseBeOffMe" onmouseover="this.className=\'mouseBeOnMe\'" onmousedown="this.className=\'mouseBeDown\'" onmouseup="this.className=\'mouseBeUp\'" onmouseout="this.className=\'mouseBeOffMe\'" name="guidedtour" border="0" src="images/button_guidedtour.gif" >');
    document.write('</a>');
    document.write('</td>');
    }

document.write('  </tr>');
document.write('</table>');
}