{* 
//////
//    @version [ Wainuiomata ]
//    @package hwdVideoShare
//    @copyright (C) 2007 - 2009 Highwood Design
//    @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
//////
//    hwdVideoShare Template System:::This template system uses the Smarty Template Engine. 
//    For full documentation, including syntax usage please refer to http://www.smarty.net 
//    or our website at http://www.hwdmediashare.co.uk   
//////
//    This file generates the display for the video player page.
//////
//    VARIABLES AVAILBLE IN THIS TEMPLATE FILE:                                        
//    -- TO BE ADDED
//////
*}

{include file='header.tpl'}

{literal}
<script type="text/javascript">

document.write('<style type="text/css">.tabber{display:none;}<\/style>');

var tabberOptions = {

  'manualStartup':true,

  'onLoad': function(argsObj) {
    if (argsObj.tabber.id == 'tab2') {
      alert('Finished loading tab2!');
    }
  },

  'onClick': function(argsObj) {

    var t = argsObj.tabber; 
    var id = t.id; 
    var i = argsObj.index; 
    var e = argsObj.event;

    if (id == 'tab2') {
      return confirm('Swtich');
    }
  },

  'addLinkId': true

};
</script>
{/literal}
<script type="text/javascript" src="{$link_home}/plugins/hwdvs-template/dark/js/tabber.js"></script>

{if $print_nextprev}
  <div style="float:right;">{$videoplayer->nextprev}</div>
{/if}
          
<h5 class="hwdheader">{$videoplayer->title} {$videoplayer->editvideo} {$videoplayer->deletevideo}</h5>

<div class="standard"><div class="padding"><center>{$videoplayer->player}</center></div></div>

    <div style="width:40%;float:right;">
      <div class="standard">
        <div class="padding">
        {include file='video_details.tpl'}
        </div>
      </div>
    </div>
      
    {if $print_uservideolist or $print_relatedlist or $print_categoryvideolist}
    <div style="width:60%;">
      <div style="margin-right:5px;">
        <div class="tabber" id="tab1">
          {if $print_uservideolist}
          <div class="tabbertab">
            <h2>{$smarty.const._HWDVIDS_TITLE_MOREBYUSR} {$videoplayer->uploader}</h2>
            <div class="standard">
              <div class="padding">
                {foreach name=outer item=data from=$userlist}

			<div style="clear:left;text-align:left;">
			  <div style="float:left;padding: 0 5px 5px 0;">{$data->thumbnail}</div>
			  <div style="float:right;">{$data->rating}</div>
			  {$data->title}
			</div>
			<div style="clear:left;text-align:left;"></div>

                {/foreach}
              </div>
            </div>
          </div>
          {/if}
          {if $print_relatedlist}
          <div class="tabbertab">
            <h2>{$smarty.const._HWDVIDS_RELATED}</h2>
            <div class="standard">
              <div class="padding">
                  {foreach name=outer item=data from=$listrelated}

			<div style="clear:left;text-align:left;">
			  <div style="float:left;padding: 0 5px 5px 0;">{$data->thumbnail}</div>
			  <div style="float:right;">{$data->rating}</div>
			  {$data->title}
			</div>
			<div style="clear:left;text-align:left;"></div>

                  {/foreach}
              </div>
            </div>
          </div>
          {/if}
          {if $print_categoryvideolist}
          <div class="tabbertab">
            <h2>{$smarty.const._HWDVIDS_MORECATVIDS}</h2>
            <div class="standard">
              <div class="padding">
                  {foreach name=outer item=data from=$categoryvideolist}

			<div style="clear:left;text-align:left;">
			  <div style="float:left;padding: 0 5px 5px 0;">{$data->thumbnail}</div>
			  <div style="float:right;">{$data->rating}</div>
			  {$data->title}
			</div>
			<div style="clear:left;text-align:left;"></div>

                  {/foreach}
              </div>
            </div>
          </div>
	  {/if}
        </div>            
      </div>
    </div>
    {/if}
    
<div style="clear:both;"></div>

{if $print_comments}
  <h5 class="hwdheader">{$smarty.const._HWDVIDS_TITLE_VIDCOMMS}</h5>
  <div class="comments">{$videoplayer->comments}</div>
{/if}   

<script type="text/javascript">
  tabberAutomatic(tabberOptions);
</script>

{include file='footer.tpl'}
