{$myAccountLinks = $userquery->my_account_links()}
{$leftMenuLinks = array_slice($myAccountLinks, 7)}
{$categories = pullCategories()}
<aside id="sidebarcb" class="custom-elements">
	<div class="sidebar-holder scrollable-area">
		{include file="$style_dir/blocks/category_list.html" type='video'}
		<!--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>
		<P>&nbsp;</P>
		<P>&nbsp;</P>
		<P>&nbsp;</P>
		<P>&nbsp;</P>
		<P>&nbsp;</P>
	</div>
</aside>
	<div class="middle-section">
		<div id="main" class="clearfix">
			<div class="custom-container clearfix">
				<a href="javascript:void(0)" class="side-opener">
					<span></span>
					<span></span>
					<span></span>
				</a>
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">{$catname}</a>
				<section class="clearfix videos">
					<!-- ************ EDITORS BLOCK END ************ -->
					<!-- ******************************************* -->
					<div class="clearfix leaderboard-ad ">
						<div class="ad clearfix">
							{AD place='ad_728x90'}
						</div>
					</div>
					<!-- yooooo -->
					<div class="clearfix row">
					
					{if $videos}
						{foreach $videos as $video}
							<div data-videoid="{$video.videoid}" class="thumbs-rotate thumbs-rotate-{$video.videoid} item-video padding_set col-lg-3 col-md-4 col-sm-4 col-xs-12" onmouseover="rotate_thumb('{$video.videoid}', '.thumbs-rotate-');">
							<div class="user_bg clearfix">
								{include file="$style_dir/blocks/videos/video.html" display_type='homeVideos'}
							</div>
							
							</div>
						{/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>
		</div>
	</div>
<script>
	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>