Control Pad Panel

<ul id="controlpad_list">

…

<li id="rewind_button" class="button_rewind"><a href="#" onclick="toggleButton('rewind_button')" title="Rewind"></a></li>

<li id="back_button" class="button_back"><a href="#" onclick="toggleButton('back_button')" title="Back"></a></li>

<li id="pause_button" class="button_pause_on"><a href="#" onclick="toggleButton('pause_button')" title="Pause/Play"></a></li>

<li id="forward_button" class="button_forward"><a href="#" onclick="toggleButton('forward_button')" title="Next"></a></li>

<li id="menu_button" class="button_menu_on"><a href="#" onclick="toggleButton('menu_button')" title="Menu Panel"></a></li>

<li id="mute_button" class="button_mute_on"><a href="#" onclick="toggleButton('mute_button')" title="Mute"></a></li>

<li id="cc_button" class="button_cc_on"><a href="#" onclick="toggleButton('cc_button')" title="Closed Captioning"></a></li>

<li id="url_button" class="button_url"><a href="http://www.google.com" target="_blank" title="Open Webpage"></a></li>

<li id="contact_button" class="button_contact"><a href="mailto:yourname@yourcompany.com" title="Submit Email Message"></a></li>

<li id="attachment_button" class="button_attachment"><a href="attachments/controlpad_handout.pdf" title="Open Attachment" target="_blank"></a></li>

<li id="note_button" class="button_note"><a href="attachments/attachment_list.html" target="notepage" title="Attachment List" onclick="window.open('attachments/attachment_list.html','notepage','height=400, width=500,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;"></a></li>

<li id="content_button" class="button_content_on"><a href="#" onclick="toggleButton('content_button')" title="Content Panel"></a></li>

<li id="print_button" class="button_print"><a href="#" onclick="javascript:print()" title="Print"></a></li>

<li id="sidebar_button" class="button_sidebar_on"><a id="sidebar_button" href="#" onclick="toggleButton('sidebar_button')" title="Sidebar Menu"></a></li>

General Notes