Elep

<?php

/**
* @copyright	Copyright (C) 2016 JoomSpirit. All rights reserved.
* Slideshow based on the JQuery script Flexslider
* @license		GNU General Public License version 2 or later
*/

defined('_JEXEC') or die; ?>

<?php
	
	//	Background color
	
	if (!function_exists('hex2rgb_js')) {
		function hex2rgb_js($hex) {
		   $hex = str_replace("#", "", $hex);
		
		   if(strlen($hex) == 3) {
			  $r = hexdec(substr($hex,0,1).substr($hex,0,1));
			  $g = hexdec(substr($hex,1,1).substr($hex,1,1));
			  $b = hexdec(substr($hex,2,1).substr($hex,2,1));
		   } else {
			  $r = hexdec(substr($hex,0,2));
			  $g = hexdec(substr($hex,2,2));
			  $b = hexdec(substr($hex,4,2));
		   }
		   $rgb = array($r, $g, $b);
		   //return implode(",", $rgb); // returns the rgb values separated by commas
		   return $rgb; // returns an array with the rgb values
		}
	}
	
	$rgb_text = hex2rgb_js($bg_color_text);
	$rgba_text = 'rgba('.$rgb_text[0].','.$rgb_text[1].','.$rgb_text[2].','.$transparency_bg_text.')' ;
	if ( $transparency_bg_text == '0' ) { $rgba_text = 'transparent' ; }

//		Google font
	$space_font_name   = array("+");
	if ( $custom_font_title != '' ) { $font_title =  $custom_font_title ; }
	if ( $custom_font_text != '' ) { $font_text =  $custom_font_text ; }

// 		find the position of the caracter ":"
	
	if (!function_exists('sep_font_js')) {
		function sep_font_js($font)
		{
			$pos1=strpos($font, ":");
			$pos2=strpos($font, "&");
				
			$length=strlen($font);
			if ( ($pos1 !== false) & ($pos2 !== false) ) { return min( $pos1, $pos2) ; }
			elseif ($pos1 !== false)  { return $pos1 ; }
			elseif ($pos2 !== false)  { return $pos2 ; }
			else { return $length ; }
		}
	}
	
	// load all non standard fonts from Google
	$defaultFonts = array('Arial', 'Verdana', 'Trebuchet ms', 'Helvetica', 'Georgia', 'Times new roman');
	$allFonts = array($font_title, $font_text);
	$googleFonts = array_unique (array_diff($allFonts, $defaultFonts));
	
	$i = 0;
	$googlecode = '';
	
	foreach ($googleFonts as $loadFont) {
		if ($i > 0) {$googlecode .= '|';}
		$googlecode .= $loadFont;
		$i++;
	}	
	
	$doc->addStyleSheet('https://fonts.googleapis.com/css?family=' .$googlecode, 'text/css', 'all');

<?php if ( $hide_text != 'never' ) : ?>
	@media screen and (max-width: <?php echo $hide_text ; ?>px) {
	
		#flexslider-<?php echo $module_id; ?> .slide-desc-box {
		display:none !important;
		}
		
	}
	<?php endif; ?>
	
	<?php if ( $hide_buttons != 'never' ) : ?>
	@media screen and (max-width: <?php echo $hide_buttons ; ?>px) {
	
		#flexslider-<?php echo $module_id; ?> .flex-control-nav, #flexslider-<?php echo $module_id; ?> .flex-direction-nav {
		display:none !important;
		}
		
		#flexslider-<?php echo $module_id; ?> .slide-desc-box {
		padding:0 15px;
		}
		
	}
	<?php endif; ?>
	
	
</style>

<?php if( $height_slideshow_desktop == 'fixed-viewport' || $height_slideshow_tablet == 'fixed-viewport' || $height_slideshow_phone == 'fixed-viewport') : ?>

<?php if( $rotate_on_scroll == 'rotate-on-scroll' ) : ?>
<div style="perspective:500px;">
<?php endif; ?>

<div id="flexslider-<?php echo $module_id; ?>" <?php if( $rotate_on_scroll == 'rotate-on-scroll' ) : ?>data-0-top='-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);opacity:1;' data--350-top='transform-origin:100% 100%;transform: rotateX(90deg);-webkit-transform-origin:100% 100%;-webkit-transform: rotateX(90deg);-ms-transform-origin:100% 100%;-ms-transform: rotateX(90deg);opacity:0;' data-anchor-target='#flexslider-<?php echo $module_id; ?>'<?php endif; ?> class="flexslider <?php if ( $slide_theme == 'false' ) : ?> <?php echo $theme_shadow ; ?> theme-border-<?php echo $theme_border ; ?> theme-border-radius-<?php echo $theme_border_radius ; ?> <?php else : ?>flex-slide-theme-<?php echo $direction; ?><?php endif ; ?> <?php echo $directionNav ; ?> <?php if ($controlNav == 'true') : ?>position-nav-<?php echo $positionNav ; ?><?php endif ; ?> color-nav-<?php echo $colorNav ; ?> <?php echo $transition ; ?>-<?php echo $direction ; ?> <?php echo $text_shadow ; ?>_text_shadow" >
	 
		<ul class="slides <?php echo $kenburns ; ?>" >
			<?php
				foreach($listofimages as $item){
					echo $item; 
				}
			?> 
		</ul>
		  
		<?php if ( $shadow_top_image != 'no' ) : ?>
		<div class="shadow-top-image"></div>
		<?php endif; ?>
		
		<?php if ( $shadow_bottom_image != 'no' ) : ?>
		<div class="shadow-bottom-image"></div>
		<?php endif; ?>
	  
	</div>
	
	<?php if ( $slide_theme == 'true' ) : ?>
	<span class="slide-theme flex-slide-theme-<?php echo $direction; ?>">
		<span class="slide-theme-side slide-top-left"></span>
		<span class="slide-theme-side slide-top-right"></span>
		<span class="slide-theme-side slide-bottom-left"></span>
		<span class="slide-theme-side slide-bottom-right"></span>
	</span>
	<?php endif; ?>
	
<?php if( $rotate_on_scroll == 'rotate-on-scroll' ) : ?>
</div>
<?php endif; ?>

<?php if( ($rotate_on_scroll == 'rotate-on-scroll' || $fade_text_on_scroll == 'fade-text-on-scroll') && $load_skrollr == 'true' ): ?>
	<script src="modules/mod_joomspirit_slider/assets/js/skrollr.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		
		var s = skrollr.init({
		   	smoothScrolling: true
    	});
    		
    	if( (/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)){
    		skrollr.init().destroy();
		}
		
	</script>
<?php endif; ?>

<?php if( $titleLetters == 'true' ) : ?>
<script type="text/javascript">
jQuery(window).load(function() {

jQuery('.anim-js-rotate-letters .slide-title').each(function (index) {
		var characters = jQuery(this).text().split("");
		
		jQuerythis = jQuery(this);
		jQuerythis.empty();
		jQuery.each(characters, function (i, el) {
		jQuerythis.append("<span>" + el + "</span");
		});
	
	});
 });
</script>
<?php endif; ?>