[[+tabs-import:is=``:then=` 

				<div class="tabs" id="[[!ChangeSpaces? &val=`[[+title]]` ]]">
				
				<article>
									<div class="dotLine" style="display:none"><img src="/assets/design/images/dot.svg"><hr><img src="/assets/design/images/dot.svg"></div>

					<div class="parent [[+content:is=``:then=`imageOnly`:else=``]]">
					
						<figure class="colummn imageFrame">


				<div class="sliderWrap">


					<ul class="bxSlider">


						[[+image:is=``:then=``:else=`<li><img src="[[++site_url]][[+image]]" alt="[[+title]]" /></li>`]]
						[[+image-two:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-two]]" alt="[[+title]]" /></li>`]]
						[[+image-three:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-three]]" alt="[[+title]]" /></li>`]]
						[[+image-four:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-four]]" alt="[[+title]]" /></li>`]]
						[[+image-five:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-five]]" alt="[[+title]]" /></li>`]]
						[[+image-six:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-six]]" alt="[[+title]]" /></li>`]]
						[[+image-seven:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-seven]]" alt="[[+title]]" /></li>`]]
						[[+image-eight:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-eight]]" alt="[[+title]]" /></li>`]]
						[[+image-nine:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-nine]]" alt="[[+title]]" /></li>`]]
						[[+image-ten:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-ten]]" alt="[[+title]]" /></li>`]]
						[[+image-eleven:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-eleven]]" alt="[[+title]]" /></li>`]]
						[[+image-twelve:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-twelve]]" alt="[[+title]]" /></li>`]]
						[[+image-thirteen:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-thirteen]]" alt="[[+title]]" /></li>`]]
						[[+image-fourteen:is=``:then=``:else=`<li><img src="[[++site_url]][[+image-fourteen]]" alt="[[+title]]" /></li>`]]

								</ul>

				</div>
						</figure><!-- close column -->
						
						[[+content:is=``:then=``:else=`<div class="column editable">
													
														[[+content]]
																			
												</div><!-- close column -->`]]
					
					</div><!-- close parent -->

				</article>

			</div><!-- close content -->
			
			
			<script  type="text/javascript">	
				
				$(document).ready(function(){	

		
			
				});	
				
				
				 $('body').imagesLoaded( function() {
					 
				  	var tabHeight = $('.tabs').height();
					
				  	$('.tabContent').delay(1000).css('height', tabHeight);		

					 
				 });


			</script>



`:else=`

			<div class="tabs" id="[[!ChangeSpaces? &val=`[[+title]]` ]]">

			<div id="tabs-[[!ChangeSpaces? &val=`[[+title]]` ]]"></div>
			
			<script  type="text/javascript">
				
			$( "#tabs-[[!ChangeSpaces? &val=`[[+title]]` ]]" ).load( "[[+tabs-import]]", function(){
				
			
			$('.bxSlider').bxSlider({
			
			mode: 'fade',
				
			auto: 'false',
				
			captions: true,
				
  onSliderLoad: function(){
    // do funky JS stuff here
			var tabHeight = $('.tabs').height();
					
			$('.tabContent').css('height', tabHeight);



  }
			
			});	
			
			

				
			} ); //you can add a css selector somewhere in the load statment to only pull part of a pgage in. for example to pull the entire section without the menus or common js at then end 
			
			
			</script>


			</div><!-- close content -->
			
			
`]]