{if !isAjax()}
	<div class="clsPopularHeadingMore">
        <div class="clsPopularHeading">
			<h2>{$LANG.header_popular_videos}</h2>
			{if isset($initial_title) and $initial_title neq ''}
			 &nbsp;&nbsp; - <span id="selVideoTitle">{$initial_title}</span>
			{/if}
		</div>
	</div>
{/if}
	{if $popularVideoAudios_arr.popularVideo and $popularVideoAudios_arr._popularVideoAudioCnt}
{if !isAjax()}
	    <div class="clsPopularAudioVideoCommon">
			<div id="selShowVideoPopular" class="clsPopularAudioVideoLeft"></div>
			<div id="selListPopularVideoAudio" class="clsPopularAudioVideoRight">
				<div class="clsPopularInnerDetails" id="selUpdatePopularVideo">
{/if}
					<div class="clsPopularInner">
						{assign var=video_displayed value=0}
						{foreach key=dpvakey item=dpvavalue from=$popularVideoAudios_arr.displayPopularVideoAudio}
							{if $dpvakey gte $display_start and $video_displayed lt $display_limit}
								{assign var=video_displayed value=$video_displayed+1}
								<div class="clsPopularVideoAudioRow">
									<p class="clsImageBorder"><a href="{$dpvavalue.link}" onClick="{$dpvavalue.callAjax}" class="clsPopularInactiv" title="{$LANG.common_click_to_see_video}"><img src="{$dpvavalue.imgSrc}" {$dpvavalue.img_attributes} title="{$LANG.common_click_to_see_video}"/></a></p>
									<p class="clsVideosAudiosAnswer"><a id="{$dpvavalue.popularId}" href="{$dpvavalue.link}">{$dpvavalue.question}</a> <span>{$dpvavalue.playing_time}</span></p>
								</div>
							{/if}
						{/foreach}
					</div>
		        	{if $popularVideoAudios_arr.more_url}
						<p class="clsMoreLink">
							<a href="{$popularVideoAudios_arr.more_url}">{$LANG.common_more}</a>
						</p>
						<p class="clsPopularPreNextTab">
							{if $display_start eq 1}
								<span class="clsPreDiable">{$LANG.common_paging_previous}</span>
							{else}
								<span><a class="clsPrevActive" href="{$myobj->getCurrentUrl()}" onclick="ajaxUpdateDiv('{$myobj->getCurrentUrl()}', 'popularvideos=1&amp;s={$display_start-$display_limit}', 'selUpdatePopularVideo'); return false;">{$LANG.common_paging_previous}</a></span>
							{/if}
							{if $display_start+$display_limit-1 gte $dpvakey}
								<span class="clsNextDiable">{$LANG.common_paging_next}</span>
							{else}
								<span><a class="clNextActive" href="{$myobj->getCurrentUrl()}" onclick="ajaxUpdateDiv('{$myobj->getCurrentUrl()}', 'popularvideos=1&amp;s={$display_start+$display_limit}', 'selUpdatePopularVideo'); return false;">{$LANG.common_paging_next}</a></span>
							{/if}
						</p>
					{/if}
{if !isAjax()}
		       	</div>
			</div>
		</div>
		{if $initial_url neq ''}
			{literal}
				<script type="text/javascript">
					ajaxpopularUpdateDiv('{/literal}{$initial_url}{literal}', 'selShowVideoPopular');
					var popularImages = document.getElementsByClassName('clsPopularInactiv');
					popularImages[0].className = 'clsPopularActiv';
				</script>
			{/literal}
		{/if}
{/if}
	{else}
    	<div class="clsNoRecords">{$LANG.header_no_popular_video_audio_found}</div>
	{/if}