{assign var='tmpmd5' value="{$layout.plug}{$layout.module}"}
{assign var='md5' value={$tmpmd5|md5}}
{if $boxtabseffect == 'ajax'}
    
    {box title="{$boxtabstitle}" id="{$boxtabsid}" class="{$boxtabsclass}" style="{$boxtabsstyle}" bodystyle="padding-top:6px;padding-bottom:6px;{if $boxtabsbodystyle} {$boxtabsbodystyle}{/if}" showorhide="{$boxtabsshoworhide}" link="{$boxtabslink}"}
    <input type="hidden" id="resizeContent" onclick="resizeContent();">
    
	<ul class="nav nav-tabs nav-pills">
	    {section name='tabslist' loop=$boxtabs}
		<li{if $smarty.section.tabslist.index==0} class="actives"{/if}>
		<a id="li{$smarty.section.tabslist.index}" data-toggle="tab" link="{$boxtabs[tabslist].link}&ajax=1" style="cursor:pointer;" class="ajax">{$boxtabs[tabslist].name}</a>
		</li>
	    {/section}
	</ul>
	
	<div class="tab-content tab-iframes" style="padding-top:6px;">
	    <iframe id="tabsajax_content" class="tab-iframe" marginheight="0" style="width:100%;height:0px;padding:0px;margin:0px;background-color:#ffffff;" frameborder="0"></iframe>
	</div>
	{literal}
	<script type="text/javascript" language="JavaScript">
	<!--
	    $(document).ready(function(){
	    
		$("#tabsajax_content").on('load',function(){
		    setTimeout(function(){
		       $curHeight = $("#tabsajax_content").contents().find('body').height();
			$("#tabsajax_content").css({
			    height : $curHeight + 'px'
			});
			HideAjaxLoadingImage();
		    },100);
		});
		
		
		$('[data-toggle="tab"]').click(function(e){
			ShowAjaxLoadingImage();
			var url = $(this).attr('link');
			var id = $(this).attr('id');
			$("#tabsajax_content").attr('src',url + '&popup=1&iframe=1');
			setTimeout(function(){
			    sendPOST('?m=profiles',"action=setprofile&variable={/literal}{$md5}{literal}&content=" + id);
			},100);
		});
		
		setTimeout(function(){
		    $("#{/literal}{get_profile("{$md5}",'li0')}{literal}").trigger('click');
		},30);
		
	    }); // end ready doc
	    
	    function resizeContent() {
		    var $curHeight = $("#tabsajax_content").contents().find('body').height();
		    $curHeight = ($curHeight + 2);
		    $("#tabsajax_content").css({
			height : $curHeight + 'px'
		    });
	    }
	//-->
	</script>
	{/literal}

    {/box}
    
{elseif $boxtabseffect == 'normal' || $boxtabseffect == 'fade'}

    {box title="{$boxtabstitle}" id="{$boxtabsid}" class="{$boxtabsclass}" style="{$boxtabsstyle}" bodystyle="padding-top:6px;padding-bottom:6px;{if $boxtabsbodystyle} {$boxtabsbodystyle}{/if}"}
	<ul class="nav nav-tabs nav-pills">
	    {section name='tabslist' loop=$boxtabs}
		<li{if $smarty.section.tabslist.index==0} class="actives"{/if}>
		<a id="li{$smarty.section.tabslist.index}" data-toggle="tab" href="#tab{$smarty.section.tabslist.index}">{$boxtabs[tabslist].name}</a></li>
	    {/section}
	</ul>
	
	<div class="tab-content" style="padding-top:6px;">
	    {section name='tabslistcontent' loop=$boxtabs}
		<div id="tab{$smarty.section.tabslistcontent.index}" class="tab-pane{if $boxtabseffect == 'fade'} fade{/if}{if $smarty.section.tabslistcontent.index==0} in {/if}">
		    {include file=$boxtabs[tabslistcontent].link}
		</div>
	    {/section}
	</div>
	
	<script type="text/javascript" language="JavaScript">
	<!--
		$('[data-toggle="tab"]').click(function(e){
			var url = $(this).attr('link');
			var id = $(this).attr('id');
	//		$("#tabsajax_content").attr('src',url + '&popup=1&iframe');
			setTimeout(function(){
			    sendPOST('?m=profiles',"action=setprofile&variable={$md5}&content=" + id);
			},100);
		});
		
		$("#{get_profile("{$md5}",'li0')}").trigger('click');
		
	//-->
	</script>
	
    {/box}
{/if}