{$myAccountLinks = $userquery->my_account_links()}
{$leftMenuLinks = array_slice($myAccountLinks, 7)}
{$categories = pullCategories()}
	
	<div id="main" class="clearfix">
		<!-- ************ EDITORS BLOCK END ************ -->
		<!-- ******************************************* -->
		<div class="clearfix leaderboard-ad ">
			<div class="ad clearfix">
				{AD place='ad_728x90'}
			</div>
		</div>
		<!-- ************movie_list ************ -->
		<!-- ******************************************* -->
		<div class="movie_area_name col-lg-12">
			<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 namecat">
				<h2>Viewing &nbsp;:&nbsp;Action {$catname}</h2>
			</div>
			<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 listmovies">
				<!--Sorting By View-->
				{assign var=sorting_links value=sorting_links()}
				<div class="dropdown Sorting_View">
					{if $smarty.get.sort}
					{foreach from=$sorting_links item=name key=sort name=sorts}
						{if $smarty.get.sort==$sort && isset($smarty.get.sort)} 
						<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle"> 
							<span class="icon-arrow_drop_down"></span>
							{$name} Video 
						</a>
						{/if}
					{/foreach}
					{else}
						<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle"> Recent 
							<i class="icon-arrow_drop_down"></i>
						</a>
					{/if}    
				
					<ul class="dropdown-menu">
						{foreach from=$sorting_links item=name key=sort}
						<li>
							<a href="{link name=sort sort=$sort type=videos}&sorting=sort" {if $smarty.get.sort==$sort} class="selected" {/if}>{$name}{if $smarty.get.sort==$sort}
							<i class="icon-checkmark"></i>{/if}</a>
						</li>
						{/foreach}
					</ul>
				</div>
				<!--Sorting By time-->
				{assign var=time_links value=time_links()}
				<div class="dropdown Sorting_time">
					{if $smarty.get.time} 
				
					{foreach from=$time_links item=name key=sort name=times}
						{if $smarty.get.time==$sort && isset($smarty.get.time)} 
						<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">
						<span class="icon-arrow_drop_down"></span>{$name}</a>
						{/if}
					{/foreach}
					{else}
						<a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle">all time <span class="icon-checkmark"></span></a>
					{/if}  
					  <ul class="dropdown-menu">
						{foreach from=$time_links item=name key=sort name=times}
							<li>
								<a href="{link name=time sort=$sort type=videos}" {if $smarty.get.time==$sort} class="selected"{/if}>{$name}{if $smarty.get.time==$sort}<i class="icon-checkmark"></i>{/if}</a>
							</li>
						{/foreach}
					  </ul>
				</div>
			</div>
		</div>
		<!-- ************movie_videos ************ -->
		<!-- ******************************************* -->
		<section class="clearfix movie_videos">
			<div class="video_all">
				{if $videos}
						{foreach $videos as $video}
							{if $video@iteration % 6 ==0 +1 ||  $video@iteration == 1}
							<div class="fluid-container">
							{/if}
							{include file="$style_dir/blocks/videos/video.html" display_type='homeVideos'}
							{if $video@iteration % 6 ==0}
							</div>
							{/if}
							{*include file="$style_dir/blocks/videos/video.html" display_type='detialhomeVideos'*}
						{/foreach}
						{else}
					<div class="well well-info">{lang code="no_videos_found"}</div>
				{/if}			
			</div>

			<!-- Pagination -->
			{include file="$style_dir/blocks/pagination.html"}
			<!-- end of Pagination -->
		</section>
		<!-- ************ EDITORS BLOCK END ************ -->
		<!-- ******************************************* -->
		<div class="clearfix leaderboard-ad ">
			<div class="ad clearfix">
				{AD place='ad_728x90'}
			</div>
		</div>
	</div>
<script>
	// remove_movie_detials
	$('.icon-cancel').on('click',function(){
	  $('.detial_video_thumb').removeClass('in');
	});





	var last_clicked;
	$(document).ready(function(){
		$(".dropdown-menu > li > div > i.trigger").on("click",function(e){
			var current=$(this).parent().next();
			var grandparent=$(this).parent().parent().parent();
			var list_siblings=$(this).parent().parent().siblings();
			var parent_li = $(this).parent().parent();
			var sibling_triggers=list_siblings.children('div').children('i.trigger');
			var level = $(this).data("level");
			var last_level = "";
			
			if($(this).hasClass('icon-right-arrow')){
				$(sibling_triggers).addClass('icon-right-arrow');
				$(sibling_triggers).removeClass('icon-left-arrow');
			}

			if($(this).hasClass('icon-left-arrow')||$(this).hasClass('icon-right-arrow'))
				$(this).toggleClass('icon-right-arrow icon-left-arrow');

			grandparent.find('.icon-left-arrow').not(this).children().toggleClass('icon-right-arrow icon-left-arrow');
			grandparent.find(".sub-menu:visible").not(current).hide();
			current.toggle();

			last_clicked = $(".lastclicked").data("lastClicked");
			last_level = $(".lastlevel").data("lastLevel");

			if (last_clicked  && last_level > level){
				var last_clicked_triggers_next = last_clicked.find('i.trigger');
				last_clicked_triggers_next.addClass('icon-right-arrow');
				last_clicked_triggers_next.removeClass('icon-left-arrow');

				var last_clicked_triggers_prev = last_clicked.parents(".sub-menu").find('div i.trigger');
				console.log(last_clicked.prev().find('i.trigger').length);
				last_clicked_triggers_prev.addClass('icon-right-arrow');
				last_clicked_triggers_prev.removeClass('icon-left-arrow');
			}
		
			$(".lastclicked").data("lastClicked", parent_li);
			$(".lastlevel").data("lastLevel", level);

			e.stopPropagation();
		});
		$(".dropdown-menu > li > div > i:not(.trigger)").on("click",function(){
			var root=$(this).closest('.dropdown');
			root.find('.icon-left-arrow').toggleClass('icon-right-arrow icon-left-arrow');
			root.find('.sub-menu:visible').hide();
		});
	});

	$('.side-opener ').click(function() {
	    if($(this).hasClass('active'))
	    {
	        $(this).addClass('holder').removeClass('active');
	    }
	    else
	    {
	       $(this).addClass('active').removeClass('holder');
	    }
	});


	// leftbar_cbtube
	$(".side-opener").on({
		click:function(e){
			e.preventDefault();

			$("body").toggleClass('sideactive');
			
			jcf.customForms.replaceAll('.custom-elements');
		}
	});

	$(".btn-search-toggle").on({
		click:function(e){
			e.preventDefault();
			$("#header").toggleClass('drop-search');
		}
	});
	function removeSideactive(){
		WinWidHome = $(window).width();
		if(WinWidHome > 1024){
			$("body").addClass('sideactive');
		}
		else{
			$("body").removeClass('sideactive');
		}
	}

	$('body').on('click', '.social-icon', function(event) {
		event.preventDefault();
		// Act on the event //
		var link  = $(this).data('source');
		var target  = $(this).data('target');
		console.log(link);
		console.log(target);
		onpenSocialIcons(link,target);

	});

	function onpenSocialIcons(link,target) {
	   window.open(
	  link,
	  target // <- This is what makes it open in a new window.
	);
	}
</script>