<div class="sliderclass carousel_outerrim kad-desktop-slider">
  <?php global $pinnacle;
if ( isset( $pinnacle['slider_size'] ) ) {
	  $slideheight = $pinnacle['slider_size'];
} else {
	  $slideheight = 400;
}
if ( isset( $pinnacle['slider_size_width'] ) ) {
	  $slidewidth = $pinnacle['slider_size_width'];
} else {
	  $slidewidth = 1140;
}
if ( isset( $pinnacle['slider_captions'] ) ) {
	  $captions = $pinnacle['slider_captions'];
} else {
	  $captions = '';
}
if ( isset( $pinnacle['home_slider'] ) ) {
	  $slides = $pinnacle['home_slider'];
} else {
	  $slides = '';
}
if ( isset( $pinnacle['slider_autoplay'] ) && $pinnacle['slider_autoplay'] == 0 ) {
	  $autoplay = 'false';
} else {
	  $autoplay = 'true';
}
if ( isset( $pinnacle['slider_pausetime'] ) ) {
	  $pausetime = $pinnacle['slider_pausetime'];
} else {
	  $pausetime = '7000';
} ?>
  <div id="imageslider" class="loading">
	<div class="carousel_slider_outer fredcarousel fadein-carousel" style="overflow:hidden; max-width:<?php echo esc_attr( $slidewidth ); ?>px; height: <?php echo esc_attr( $slideheight ); ?>px; margin-left: auto; margin-right:auto;">
		<div class="carousel_slider initcarouselslider" data-carousel-container=".carousel_slider_outer" data-carousel-transition="600" data-carousel-height="<?php echo esc_attr( $slideheight ); ?>" data-carousel-auto="<?php echo esc_attr( $autoplay ); ?>" data-carousel-speed="<?php echo esc_attr( $pausetime ); ?>" data-carousel-id="carouselslider">
			<?php
			foreach ( $slides as $slide ) :
				if ( ! empty( $slide['target'] ) && $slide['target'] == 1 ) {
					$target = '_blank';
				} else {
					$target = '_self';
				}
				if ( empty( $slide['attachment_id'] ) ) {
					$slide['attachment_id'] = attachment_url_to_postid( $slide['url'] );
				}
				if ( empty( $slide['attachment_id'] ) ) {
					$img = array(
						'src'    => $slide['url'],
						'width'  => $slidewidth,
						'height' => $slideheight,
						'alt'    => $slide['description'],
						'srcset' => '',
					);
				} else {
					$img = pinnacle_get_image_array( false, $slideheight, false, null, $slide['description'], $slide['attachment_id'], false );
				}
				echo '<div class="carousel_gallery_item" style="float:left; display: table; position: relative; text-align: center; margin: 0; width:auto; height:' . esc_attr( $img['height'] ) . 'px;">';
				  echo '<div class="carousel_gallery_item_inner" style="vertical-align: middle; display: table-cell;">';
						if ( ! empty( $slide['link'] ) ) {
							echo '<a href="' . esc_url( $slide['link'] ) . '" target="' . esc_attr( $target ) . '">';
						}
						echo '<img src="' . esc_url( $img['src'] ) . '" width="' . esc_attr( $img['width'] ) . '" height="' . esc_attr( $img['height'] ) . '" />';
						if ( $captions == '1' ) {
							?>
							 
								<div class="flex-caption">
								<?php
								if ( ! empty( $slide['title'] ) ) {
									echo '<div class="captiontitle headerfont">' . esc_html( $slide['title'] ) . '</div>';
								}
								?>
								<?php
								if ( ! empty( $slide['description'] ) ) {
									echo '<div><div class="captiontext headerfont"><p>' . esc_html( $slide['description'] ) . '</p></div></div>';
								}
								?>
								</div> 
						<?php } ?>
						<?php
						if ( ! empty( $slide['link'] ) ) {
							echo '</a>';
						}
						?>
					  </div>
					</div>
				  <?php endforeach; ?>
		</div>
		<div class="clearfix"></div>
		  <a id="prevport-carouselslider" class="prev_carousel icon-angle-left" href="#"></a>
		  <a id="nextport-carouselslider" class="next_carousel icon-angle-right" href="#"></a>
	</div> <!--fredcarousel-->
  </div><!--Container-->
</div><!--sliderclass-->                        
			
