<?php
	//---------------------------------------------------------------------------------------------------------
	// 24/Febrero/2015
	// Versión 1.0 Widget necesario para utilizar la libreria jssor
	//---------------------------------------------------------------------------------------------------------
	
	
	
	function widget_jssor(){
		//Aquí definimos una serie de parámetros que necesitamos
		$funcion_por_defecto = 'slider';
		$parametros_por_defecto = array();
		$parametros_recibidos = func_get_args();
		if (count($parametros_recibidos) == 0){
			$parametros_recibidos[0] = $funcion_por_defecto;
		}else{
			if ( ($parametros_recibidos[0] == '') || ($parametros_recibidos[0] == NULL) ){
				$parametros_recibidos[0] = $funcion_por_defecto;
			}
		}
		$parametros_recibidos = mezcla_array_parametros($parametros_por_defecto, $parametros_recibidos);
		$retorno = false;
		//Si entre los parámetros recibidos, tenemos el nombre de la función continuamos
		if (count($parametros_recibidos) > 0){
			//Recogemos el nombre de la función de entre el resto de parámetros
			$nombre_funcion = $parametros_recibidos[0];
			//Quitamos el primer elemento de los parámetros, pues es el nombre de la función
			$parametros_recibidos = array_slice($parametros_recibidos, 1);
			//Si la función existe la ejecutamos
			if(function_exists($nombre_funcion)){
				$retorno = call_user_func_array($nombre_funcion, $parametros_recibidos);
			}
		}
		return($retorno);
	}

	function slider($nombre_slider = '', $contenido_slider = '', $opcionesSlider = NULL, $ancho_slider = NULL, $alto_slider = 100, $autoResize = true, $mostrar_carga = true, $mostrar_flechas = true, $mostrar_thumbnails = true, $slider_de_imagenes = false, $tipo_thumb = NULL, $auto_ajustar_pasos = false){
		include('comunes/globals.php');
		//Vamos a convertir esta función en una V2:
		if (is_a($nombre_slider, 'OpcionesWidget')){
			//Inicializamos los valores:
			$opciones = $nombre_slider;
			$nombre_slider = '';
			$contenido_slider = '';
			$opcionesSlider = NULL;
			$ancho_base = 1300;
			$ancho_slider = 600;
			$alto_base = 1300;
			$alto_slider = 600;
			$autoResize = true;
			$style_slider = '';
			$mostrar_carga = true;
			$clase_carga = '';
			$style_carga = '';
			$mostrar_flechas = true;
			$clase_flecha_izquierda = '';
			$style_flecha_izquierda = '';
			$clase_flecha_derecha = '';
			$style_flecha_derecha = '';
			$mostrar_thumbnails = true;
			$clase_thumbnails = '';
			$style_thumbnails = '';
			$slider_de_imagenes = false;
			$tipo_thumb = NULL;
			$pausar_en_inicio = false;
			$ajuste_sin_zoom = false;
			$auto_ajustar_pasos = false;
			//Recogemos las opciones que nos hayan pasado:
			$nombre_slider = ($opciones->configuracion->nombre_slider != NULL) ? $opciones->configuracion->nombre_slider : $nombre_slider;
			$contenido_slider = ($opciones->configuracion->contenido_slider != NULL) ? $opciones->configuracion->contenido_slider : $contenido_slider;
			$opcionesSlider = ($opciones->configuracion->opcionesSlider != NULL) ? $opciones->configuracion->opcionesSlider : $opcionesSlider;
			$ancho_base = ($opciones->configuracion->ancho_base != NULL) ? $opciones->configuracion->ancho_base : $ancho_base;
			$ancho_slider = ($opciones->configuracion->ancho_slider != NULL) ? $opciones->configuracion->ancho_slider : $ancho_slider;
			$alto_base = ($opciones->configuracion->alto_base != NULL) ? $opciones->configuracion->alto_base : $alto_base;
			$alto_slider = ($opciones->configuracion->alto_slider != NULL) ? $opciones->configuracion->alto_slider : $alto_slider;
			$autoResize = ($opciones->configuracion->autoResize != NULL) ? $opciones->configuracion->autoResize : $autoResize;
			$style_slider = ($opciones->configuracion->style_slider != NULL) ? $opciones->configuracion->style_slider : $style_slider;
			$mostrar_carga = ($opciones->configuracion->mostrar_carga != NULL) ? $opciones->configuracion->mostrar_carga : $mostrar_carga;
			$clase_carga = ($opciones->configuracion->clase_carga != NULL) ? $opciones->configuracion->clase_carga : $clase_carga;
			$style_carga = ($opciones->configuracion->style_carga != NULL) ? $opciones->configuracion->style_carga : $style_carga;
			$mostrar_flechas = ($opciones->configuracion->mostrar_flechas != NULL) ? $opciones->configuracion->mostrar_flechas : $mostrar_flechas;
			$clase_flecha_izquierda = ($opciones->configuracion->clase_flecha_izquierda != NULL) ? $opciones->configuracion->clase_flecha_izquierda : $clase_flecha_izquierda;
			$style_flecha_izquierda = ($opciones->configuracion->style_flecha_izquierda != NULL) ? $opciones->configuracion->style_flecha_izquierda : $style_flecha_izquierda;
			$clase_flecha_derecha = ($opciones->configuracion->clase_flecha_derecha != NULL) ? $opciones->configuracion->clase_flecha_derecha : $clase_flecha_derecha;
			$style_flecha_derecha = ($opciones->configuracion->style_flecha_derecha != NULL) ? $opciones->configuracion->style_flecha_derecha : $style_flecha_derecha;
			$mostrar_thumbnails = ($opciones->configuracion->mostrar_thumbnails != NULL) ? $opciones->configuracion->mostrar_thumbnails : $mostrar_thumbnails;
			$clase_thumbnails = ($opciones->configuracion->clase_thumbnails != NULL) ? $opciones->configuracion->clase_thumbnails : $clase_thumbnails;
			$style_thumbnails = ($opciones->configuracion->style_thumbnails != NULL) ? $opciones->configuracion->style_thumbnails : $style_thumbnails;
			$slider_de_imagenes = ($opciones->configuracion->slider_de_imagenes != NULL) ? $opciones->configuracion->slider_de_imagenes : $slider_de_imagenes;
			$tipo_thumb = ($opciones->configuracion->tipo_thumb != NULL) ? $opciones->configuracion->tipo_thumb : $tipo_thumb;
			$pausar_en_inicio = ($opciones->configuracion->pausar_en_inicio != NULL) ? $opciones->configuracion->pausar_en_inicio : $pausar_en_inicio;
			$ajuste_sin_zoom = ($opciones->configuracion->ajuste_sin_zoom != NULL) ? $opciones->configuracion->ajuste_sin_zoom : $ajuste_sin_zoom;
			$auto_ajustar_pasos = ($opciones->configuracion->auto_ajustar_pasos != NULL) ? $opciones->configuracion->auto_ajustar_pasos : $auto_ajustar_pasos;
		}
		//vamos a purgar el nombre del slider
		$nombre_slider = quitar_tildes($nombre_slider);
		//CamelCase
		$nombre_slider = ucwords(strtolower($nombre_slider));
		//Ahora quito otros caracteres extraños
		$find = array('.', ',', ' ', '+', '(', ')', '=', '?', '¿', '!', '¡', "'", '"');
		$repl = array('_');
		$nombre_slider = str_replace($find, $repl, $nombre_slider);
		
		
		//Si las opciones son nulas, nos creamos un nuevo objeto para ellas:
		if ($opcionesSlider == NULL){
			$opcionesSlider = new OpcionesSlider();
		}
		//En esta función no metemos previas porque será llamada desde otras funciones, en la mayoría de los casos, que ya contendrán dichas capas
		//Si el slider no tiene ancho, entonces entendemos que tiene que contener toda la anchura de la página
		if ($ancho_slider == NULL){
			$ancho_slider = '100%';
		}
		//Si el slider tiene un símbolo "%" entonces hay que calcular su porcentaje
		$ancho_con_porcen = false;
		if (strpos($ancho_slider, '%') !== false){
			$ancho_con_porcen = true;
		}
		$alto_con_porcen = false;
		if (strpos($alto_slider, '%') !== false){
			$alto_con_porcen = true;
		}
?>
<script type="text/javascript">
document.addEventListener('WSLE', function(event) {
	jQuery(document).ready(function ($) {
		var slider_<?=$nombre_slider;?> = null;
		/*//QUitado porque no se usa
		var anchoSlider = <?=($ancho_con_porcen) ? "(" . str_replace("%", "", $ancho_slider) . ' * $( document ).width() ) /100' : $ancho_slider;?>;
		var altoSlider = <?=($alto_con_porcen) ? "(" . str_replace("%", "", $alto_slider) . ' * $( window ).height() ) /100' : $alto_slider;?>;
		*/
		//console.log(altoSlider);


//Vamos a modificar los tamaños del slider por si tiene proporciones:
<?php
//Si la altura y la anchura van con proporciones, hay que obtener el nuevo tamaño desde el padre:
if ($ancho_con_porcen && $alto_con_porcen){
?>
	var anchoSlider = <?=($ancho_con_porcen) ? "(" . str_replace("%", "", $ancho_slider) . ' * $("#capa_' . $nombre_slider . '").parent().width() ) /100' : $ancho_slider;?>;
	var altoSlider = <?=($alto_con_porcen) ? "(" . str_replace("%", "", $alto_slider) . ' * $("#capa_' . $nombre_slider . '").parent().height() ) /100' : $alto_slider;?>;	 
	$("#capa_<?=$nombre_slider;?>").css("width", anchoSlider + "px");
	$("#capa_<?=$nombre_slider;?>").css("height", altoSlider + "px");
<?php
}
?>
	ajustaSlider();
	<?=$opcionesSlider->muestra_opciones("opciones_" . $nombre_slider);?>
	
		//Todo esto lo hacemos si queremos ajustar sin zoom el slider:
<?php
		if ($ajuste_sin_zoom){
?>
		// 1.- Recogemos el código html del slider para poder redibujarlo si es necesario
		var htmlSlider = $("#capa_<?=$nombre_slider;?>").html();
		//Redibujamos el slide:
		redibujarSlide_<?=$nombre_slider;?>();
		
		$( window ).resize(function(){
			//Quitado porque no se usa
			//Vamos a ver si es necesario recalcular el número de slides:
			/*var nAnchoSlider = $("#capa_<?=$nombre_slider;?>").parent().width();
			$("#capa_<?=$nombre_slider;?>").width(nAnchoSlider);
			var numSlides = Math.floor(nAnchoSlider / anchoSlide);
			console.log(numSlides);
			var anchoSlides = anchoSlide * numSlides;
			var dif = anchoSlider - anchoSlides;
			var nEspaciado = dif / (numSlides);
			redibujarSlide_<?=$nombre_slider;?>(numSlides, nEspaciado);*/
			redibujarSlide_<?=$nombre_slider;?>();
		});
		
		function redibujarSlide_<?=$nombre_slider;?>(){
			// 1.- Asignamos el 100% de ancho al slider para que se ajuste a la capa padre:
			var anchoSlider = $("#capa_<?=$nombre_slider;?>").parent().width();
			//console.log(anchoSlider);
			// 2.- Redibujo el contenido del slider
			$("#capa_<?=$nombre_slider;?>").width(anchoSlider);
			// 3.- Cogemos el ancho de cada slide:
			$("#capa_<?=$nombre_slider;?>").html(htmlSlider);
			ajustaSlider();
			var anchoSlide = $("#capa_<?=$nombre_slider;?>").find("div[data-u='slides']").children().width();
			//console.log(anchoSlide);
			// 4.- Calculamos cuantos deberían entrar:
			var numSlides = Math.floor(anchoSlider / anchoSlide);
			numSlides = Math.min(numSlides, $("#capa_<?=$nombre_slider;?>").find("div[data-u='slides']").children().length);
			if (numSlides == 0){
				numSlides = 1;
			}
			//console.log(numSlides);
			// 5.- Recalculamos el espaciado entre ellas
			var anchoSlides = anchoSlide * numSlides;
			var dif = anchoSlider - anchoSlides;
			var espaciado = dif / (numSlides);
			//console.log(espaciado);
			// 6.- Reasigno las opciones
			opciones_<?=$nombre_slider;?>.$Cols = numSlides;
			opciones_<?=$nombre_slider;?>.$HWA = false;
			opciones_<?=$nombre_slider;?>.$SlideSpacing = espaciado;
<?php
			if ($auto_ajustar_pasos){
?>
				//Vamos a tener en cuenta los pasos
				if (opciones_<?=$nombre_slider;?>.$AutoPlaySteps != null) opciones_<?=$nombre_slider;?>.$AutoPlaySteps = numSlides;
				if (opciones_<?=$nombre_slider;?>.$ArrowKeyNavigation != null) opciones_<?=$nombre_slider;?>.$ArrowKeyNavigation = numSlides;
				if (opciones_<?=$nombre_slider;?>.$BulletNavigatorOptions != null){
					if (opciones_<?=$nombre_slider;?>.$BulletNavigatorOptions.$Steps != null) opciones_<?=$nombre_slider;?>.$BulletNavigatorOptions.$Steps = numSlides;
				}
				if (opciones_<?=$nombre_slider;?>.$ArrowNavigatorOptions != null){
					if (opciones_<?=$nombre_slider;?>.$ArrowNavigatorOptions.$Steps != null) opciones_<?=$nombre_slider;?>.$ArrowNavigatorOptions.$Steps = numSlides;
				}
<?php
			}
?>
			// 7.- Inicializo el slider
			slider_<?=$nombre_slider;?> = new $JssorSlider$("capa_<?=$nombre_slider;?>", opciones_<?=$nombre_slider;?>);
		}
<?php
		}else{//El se del "ajuste sin zoom"
?>
		console.log("pasa 1");
		slider_<?=$nombre_slider;?> = new $JssorSlider$("capa_<?=$nombre_slider;?>", opciones_<?=$nombre_slider;?>);
		console.log("pasa 2");
		//you can remove responsive code if you don't want the slider scales while window resizes

		function ScaleSlider_<?=$nombre_slider;?>() {
			ajustaSlider();
			/*var parentWidth = $("#capa_<?=$nombre_slider;?>").parent().width();
            if (parentWidth) {
               slider_<?=$nombre_slider;?>.$ScaleWidth(parentWidth);
            }*/
			//var windowWidth = $(window).width();
			/*
			var windowWidth = $("#capa_<?=$nombre_slider;?>").parent().width();
		    if (windowWidth) {
				//var windowHeight = $(window).height();
				var windowHeight = $("#capa_<?=$nombre_slider;?>").parent().height();
				var originalWidth = slider_<?=$nombre_slider;?>.$OriginalWidth();
				var originalHeight = slider_<?=$nombre_slider;?>.$OriginalHeight();
		
				var scaleWidth = windowWidth;
				if (originalWidth / windowWidth > originalHeight / windowHeight) {
					scaleWidth = Math.ceil(windowHeight / originalHeight * originalWidth);
				}
		
				slider_<?=$nombre_slider;?>.$ScaleWidth(scaleWidth);
			}else{
				window.setTimeout(ScaleSlider_<?=$nombre_slider;?>, 30);
			}
			*/
			var bodyWidth = $("#capa_<?=$nombre_slider;?>").parent().width();
			var bodyHeight = $("#capa_<?=$nombre_slider;?>").parent().height();
			if (bodyWidth){
				var newTamX = Math.min(bodyWidth, <?=($ancho_con_porcen) ? "(" . str_replace("%", "", $ancho_slider) . ' * bodyWidth ) /100' : $ancho_slider;?>);
				var newTamY = Math.min(bodyWidth, <?=($ancho_con_porcen) ? "(" . str_replace("%", "", $ancho_slider) . ' * bodyWidth ) /100' : $ancho_slider;?>);
				
				//console.log(bodyWidth, bodyHeight)
				slider_<?=$nombre_slider;?>.$ScaleWidth(bodyWidth);
				//slider_<?=$nombre_slider;?>.$ScaleHeight(bodyHeight);
				//slider_<?=$nombre_slider;?>.$ScaleHeight(<?=$alto_slider;?>);
			}
		}
<?php
			if ($autoResize){			
?>
		
		ScaleSlider_<?=$nombre_slider;?>();
		$(window).bind("load", ScaleSlider_<?=$nombre_slider;?>);
		$(window).bind("resize", ScaleSlider_<?=$nombre_slider;?>);
		$(window).bind("orientationchange", ScaleSlider_<?=$nombre_slider;?>);
<?php
			}

		}
		if ($pausar_en_inicio){
?>
		slider_<?=$nombre_slider;?>.$Pause();
<?php
		}
?>
function ajustaSlider(){
	var capa_<?=$nombre_slider;?> = $("#capa_<?=$nombre_slider;?>").find('[data-u="slides"]');
	//Recogemos las dimensiones que tiene asignadas la capa
	var anchoCapa = capa_<?=$nombre_slider;?>.css("width");
	var altoCapa = capa_<?=$nombre_slider;?>.css("height");
	capa_<?=$nombre_slider;?>.css("width", "");
	capa_<?=$nombre_slider;?>.css("height", "");
	capa_<?=$nombre_slider;?>.css("width", anchoCapa);
	capa_<?=$nombre_slider;?>.css("height", altoCapa);
}
	});
});
</script>
<div id="capa_<?=$nombre_slider;?>" style="width: <?=($ancho_con_porcen)? $ancho_base . "px" : $ancho_slider . "px" ;?>; height: <?=($alto_con_porcen)? $alto_base . "px": $alto_slider . "px" ;?>; <?=($style_slider) ? $style_slider : "";?>"> <!-- Obligatorio ponerle dimensiones -->
	<!-- Loading Screen -->
<?php
	if ($mostrar_carga){
?>
	<div data-u="loading" <?=($clase_carga != '') ? 'class="' . $clase_carga . '"': "";?> <?=($style_carga) ? 'style="' . $style_carga . '"': "";?>>
		<div class="background">
		</div>
		<div class="loadingImg">
		</div>
	</div>
<?php
	}
	/* width: <?=($ancho_con_porcen)? $ancho_base . 'px' : $ancho_slider . "px" ;?>;*/
	$cad_alto = $alto_slider;
	if (!$alto_con_porcen){
		$cad_alto .= "px";
	}
	$cad_alto = "100%";
?>
	<!-- Slides Container -->
	<div id="jssort03" data-u="slides" style="width:100%;height:<?=$cad_alto;?>; overflow: hidden; cursor: default;"> <!--Estilos mínimos necesarios-->
<?php
	//Si el contenido es un objeto, y tiene la función "mostrar()" la ejecutamos porque suponemos que es un widget, si es un texto, simplemente se muestra
	if (is_string($contenido_slider)){
		echo($contenido_slider);
	}else{
		if (is_a($contenido_slider, 'Widget')){
			/*if($mostrar_thumbnails){
                new Widget($_WH->GW("banner"), "thumbnail_banner", "miniatura_slider", 1, false);
			}*/
			$contenido_slider->mostrar();
		}
	}
?>
	</div>
<?php
	if ($mostrar_flechas){
?>
	<!-- Arrow Left -->
	<span data-u="arrowleft" <?=($clase_flecha_izquierda != "") ? 'class="' . $clase_flecha_izquierda . '"': "";?> <?=($style_flecha_izquierda) ? 'style="' . $style_flecha_izquierda . '"': "";?>></span>
	<!-- Arrow Right -->
	<span data-u="arrowright" <?=($clase_flecha_derecha != "") ? 'class="' . $clase_flecha_derecha . '"': "";?> <?=($style_flecha_derecha) ? 'style="' . $style_flecha_derecha . '"': "";?>></span>
<?php
	}
	
	//Si no hay thumb no hacemos esto:
	$tipos_thumbs_permitidos = array("navigator", "ThumbnailNavigator");
	if (!in_array($tipo_thumb, $tipos_thumbs_permitidos)) { $tipo_thumb = NULL; }
	if ($tipo_thumb == "ThumbnailNavigator"){
?>
	  <!-- Thumbnail Navigator -->
    <div data-u="thumbnavigator" <?=($clase_thumbnails != "") ? 'class="' . $clase_thumbnails . '"': "";?> <?=($style_thumbnails) ? 'style="' . $style_thumbnails . '"': "";?>>
		<!-- Thumbnail Item Skin Begin -->
		<div data-u="slides" style="cursor: default;" class="slides">
			<div data-u="prototype" class="p">
			<div class="w">
<?php
				if ($mostrar_thumbnails){
					new Widget($_WH->GW("banner"), "thumbnail_banner", "miniatura_slider", 1, false);
				}
				if ($slider_de_imagenes){
			?>
					<div data-u="thumbnailtemplate" class="t"></div>
			<?php
				}
?>
			</div>
			<div class="c"></div>
	</div>
              
		</div>
		<!-- Thumbnail Item Skin End -->
	</div>
<?php
	}else{
?>
	 <div data-u="navigator" <?=($clase_thumbnails != "") ? 'class="' . $clase_thumbnails . '"': "";?> <?=($style_thumbnails) ? 'style="' . $style_thumbnails . '"': "";?>>
		<!-- bullet navigator item prototype -->
		<div data-u="prototype"></div>
	</div>
<?php
	}
?>
</div>
<?php
	}
	function sliderListaArticulos($lista_articulos, $tipo_ficha = "", $nombre_slider = "", $opcionesSlider = NULL, $ancho_slider = NULL, $alto_slider = NULL, $autoResize = true, $mostrar_carga = true, $mostrar_flechas = true, $mostrar_thumbnails = true, $tipo_thumb = NULL){
		include("comunes/globals.php");
		$opciones = new opcionesWidget();
		//Vamos a hacer la conversión a V2 con retrocompatibilidad
		if (is_a($lista_articulos, "OpcionesWidget")){
			//Inicializamos los valores:
			$opciones = $lista_articulos;
			$lista_articulos = NULL;
			$tipo_ficha = NULL;
			$nombre_slider = "";
			$opcionesSlider = NULL;
			$ancho_base = 1300;
			$ancho_slider = NULL;
			$alto_base = 1300;
			$alto_slider = 100;
			$autoResize = true;
			$style_slider = "";
			$mostrar_carga = true;
			$clase_carga = "";
			$style_carga ="";
			$mostrar_flechas = true;
			$clase_flecha_izquierda = "";
			$style_flecha_izquierda ="";
			$clase_flecha_derecha = "";
			$style_flecha_derecha ="";
			$mostrar_thumbnails = true;
			$clase_thumbnails = "";
			$style_thumbnails ="";
			$slider_de_imagenes = false;
			$tipo_thumb = NULL;
			$pausar_en_inicio = false;
			$ajuste_sin_zoom = false;
			$auto_ajustar_pasos = false;
			//Recogemos las opciones que nos hayan pasado:
			$lista_articulos = ($opciones->configuracion->lista_articulos != NULL) ? $opciones->configuracion->lista_articulos : $lista_articulos;
			$tipo_ficha = ($opciones->configuracion->tipo_ficha != NULL) ? $opciones->configuracion->tipo_ficha : $tipo_ficha;
			$nombre_slider = ($opciones->configuracion->nombre_slider != NULL) ? $opciones->configuracion->nombre_slider : $nombre_slider;
			$opcionesSlider = ($opciones->configuracion->opcionesSlider != NULL) ? $opciones->configuracion->opcionesSlider : $opcionesSlider;
			$ancho_base = ($opciones->configuracion->ancho_base != NULL) ? $opciones->configuracion->ancho_base : $ancho_base;
			$ancho_slider = ($opciones->configuracion->ancho_slider != NULL) ? $opciones->configuracion->ancho_slider : $ancho_slider;
			$alto_base = ($opciones->configuracion->alto_base != NULL) ? $opciones->configuracion->alto_base : $alto_base;
			$alto_slider = ($opciones->configuracion->alto_slider != NULL) ? $opciones->configuracion->alto_slider : $alto_slider;
			$autoResize = ($opciones->configuracion->autoResize != NULL) ? $opciones->configuracion->autoResize : $autoResize;
			$style_slider = ($opciones->configuracion->style_slider != NULL) ? $opciones->configuracion->style_slider : $style_slider;
			$mostrar_carga = ($opciones->configuracion->mostrar_carga != NULL) ? $opciones->configuracion->mostrar_carga : $mostrar_carga;
			$clase_carga = ($opciones->configuracion->clase_carga != NULL) ? $opciones->configuracion->clase_carga : $clase_carga;
			$style_carga = ($opciones->configuracion->style_carga != NULL) ? $opciones->configuracion->style_carga : $style_carga;
			$mostrar_flechas = ($opciones->configuracion->mostrar_flechas != NULL) ? $opciones->configuracion->mostrar_flechas : $mostrar_flechas;
			$clase_flecha_izquierda = ($opciones->configuracion->clase_flecha_izquierda != NULL) ? $opciones->configuracion->clase_flecha_izquierda : $clase_flecha_izquierda;
			$style_flecha_izquierda = ($opciones->configuracion->style_flecha_izquierda != NULL) ? $opciones->configuracion->style_flecha_izquierda : $style_flecha_izquierda;
			$clase_flecha_derecha = ($opciones->configuracion->clase_flecha_derecha != NULL) ? $opciones->configuracion->clase_flecha_derecha : $clase_flecha_derecha;
			$style_flecha_derecha = ($opciones->configuracion->style_flecha_derecha != NULL) ? $opciones->configuracion->style_flecha_derecha : $style_flecha_derecha;
			$mostrar_thumbnails = ($opciones->configuracion->mostrar_thumbnails != NULL) ? $opciones->configuracion->mostrar_thumbnails : $mostrar_thumbnails;
			$clase_thumbnails = ($opciones->configuracion->clase_thumbnails != NULL) ? $opciones->configuracion->clase_thumbnails : $clase_thumbnails;
			$style_thumbnails = ($opciones->configuracion->style_thumbnails != NULL) ? $opciones->configuracion->style_thumbnails : $style_thumbnails;
			$slider_de_imagenes = ($opciones->configuracion->slider_de_imagenes != NULL) ? $opciones->configuracion->slider_de_imagenes : $slider_de_imagenes;
			$tipo_thumb = ($opciones->configuracion->tipo_thumb != NULL) ? $opciones->configuracion->tipo_thumb : $tipo_thumb;
			$pausar_en_inicio = ($opciones->configuracion->pausar_en_inicio != NULL) ? $opciones->configuracion->pausar_en_inicio : $pausar_en_inicio;
			$ajuste_sin_zoom = ($opciones->configuracion->ajuste_sin_zoom != NULL) ? $opciones->configuracion->ajuste_sin_zoom : $ajuste_sin_zoom;
			$auto_ajustar_pasos = ($opciones->configuracion->auto_ajustar_pasos != NULL) ? $opciones->configuracion->auto_ajustar_pasos : $auto_ajustar_pasos;
		}
?>
	<div class="<?=(__FUNCTION__);?>">
<?php
		//Si hay artículos en la lista, vamos a cargar su HTML
		if ( $lista_articulos != NULL){
            $auxWidget = new Widget();
			$auxWidget->record();
			for ($i = 0; $i < count($lista_articulos); $i++){
?>
<div class="ficha_articulo_slider">
<?php
				$articulo_a_mostrar = $lista_articulos[$i];
                new Widget($_WH->GW('articulo', $tipo_ficha), $articulo_a_mostrar);
?>
</div>
<?php
			}
			$auxWidget->record();
			//Ahora creamos el slider pasándole el html como contenido
			$opciones->addProperty('contenido_slider', $auxWidget);
			new Widget($_WH->GW('jssor', 'slider'), $opciones);
            //new Widget($_WH->GW('jssor', "slider"), $nombre_slider, $auxWidget, $opcionesSlider, $ancho_slider, $alto_slider, $autoResize, $mostrar_carga, $mostrar_flechas, $mostrar_thumbnails, $tipo_thumb);
		}
?>
</div>
<?php
	}

	function sliderListaBanner($fichero, $condicion = '', $activo = 1, $nombre_slider = '', $opcionesSlider = NULL, $ancho_slider = NULL, $alto_slider = NULL, $autoResize = true, $mostrar_carga = true, $mostrar_flechas = true, $mostrar_thumbnails = true, $slider_de_imagenes = false, $tipo_thumb = NULL){
		include('comunes/globals.php');
		$opciones = new opcionesWidget();
		//Convertimos a V2 con retrocompatibilidad
		if (is_a($fichero, 'OpcionesWidget')){
			//Inicializamos los valores:
			$opciones = $fichero;
			$fichero = '';
			$condicion = '';
			$activo = '';
			$nombre_slider = '';
			$opcionesSlider = NULL;
			$ancho_base = 1300;
			$ancho_slider = NULL;
			$alto_base = 1300;
			$alto_slider = 100;
			$autoResize = true;
			$style_slider = '';
			$mostrar_carga = true;
			$clase_carga = '';
			$style_carga ='';
			$mostrar_flechas = true;
			$clase_flecha_izquierda = '';
			$style_flecha_izquierda ='';
			$clase_flecha_derecha = '';
			$style_flecha_derecha ='';
			$mostrar_thumbnails = true;
			$clase_thumbnails = '';
			$style_thumbnails ='';
			$slider_de_imagenes = false;
			$tipo_thumb = NULL;
			$pausar_en_inicio = false;
			$ajuste_sin_zoom = false;
			$auto_ajustar_pasos = false;
			$capa_contenedora = true;
			$background = false;
			//Recogemos las opciones que nos hayan pasado:
			$fichero = ($opciones->configuracion->fichero != NULL) ? $opciones->configuracion->fichero : $fichero;
			$condicion = ($opciones->configuracion->condicion != NULL) ? $opciones->configuracion->condicion : $condicion;
			$activo = ($opciones->configuracion->activo != NULL) ? $opciones->configuracion->activo : $activo;
			$nombre_slider = ($opciones->configuracion->nombre_slider != NULL) ? $opciones->configuracion->nombre_slider : $nombre_slider;
			$opcionesSlider = ($opciones->configuracion->opcionesSlider != NULL) ? $opciones->configuracion->opcionesSlider : $opcionesSlider;
			$ancho_base = ($opciones->configuracion->ancho_base != NULL) ? $opciones->configuracion->ancho_base : $ancho_base;
			$ancho_slider = ($opciones->configuracion->ancho_slider != NULL) ? $opciones->configuracion->ancho_slider : $ancho_slider;
			$alto_base = ($opciones->configuracion->alto_base != NULL) ? $opciones->configuracion->alto_base : $alto_base;
			$alto_slider = ($opciones->configuracion->alto_slider != NULL) ? $opciones->configuracion->alto_slider : $alto_slider;
			$autoResize = ($opciones->configuracion->autoResize != NULL) ? $opciones->configuracion->autoResize : $autoResize;
			$style_slider = ($opciones->configuracion->style_slider != NULL) ? $opciones->configuracion->style_slider : $style_slider;
			$mostrar_carga = ($opciones->configuracion->mostrar_carga != NULL) ? $opciones->configuracion->mostrar_carga : $mostrar_carga;
			$clase_carga = ($opciones->configuracion->clase_carga != NULL) ? $opciones->configuracion->clase_carga : $clase_carga;
			$style_carga = ($opciones->configuracion->style_carga != NULL) ? $opciones->configuracion->style_carga : $style_carga;
			$mostrar_flechas = ($opciones->configuracion->mostrar_flechas != NULL) ? $opciones->configuracion->mostrar_flechas : $mostrar_flechas;
			$clase_flecha_izquierda = ($opciones->configuracion->clase_flecha_izquierda != NULL) ? $opciones->configuracion->clase_flecha_izquierda : $clase_flecha_izquierda;
			$style_flecha_izquierda = ($opciones->configuracion->style_flecha_izquierda != NULL) ? $opciones->configuracion->style_flecha_izquierda : $style_flecha_izquierda;
			$clase_flecha_derecha = ($opciones->configuracion->clase_flecha_derecha != NULL) ? $opciones->configuracion->clase_flecha_derecha : $clase_flecha_derecha;
			$style_flecha_derecha = ($opciones->configuracion->style_flecha_derecha != NULL) ? $opciones->configuracion->style_flecha_derecha : $style_flecha_derecha;
			$mostrar_thumbnails = ($opciones->configuracion->mostrar_thumbnails != NULL) ? $opciones->configuracion->mostrar_thumbnails : $mostrar_thumbnails;
			$clase_thumbnails = ($opciones->configuracion->clase_thumbnails != NULL) ? $opciones->configuracion->clase_thumbnails : $clase_thumbnails;
			$style_thumbnails = ($opciones->configuracion->style_thumbnails != NULL) ? $opciones->configuracion->style_thumbnails : $style_thumbnails;
			$slider_de_imagenes = ($opciones->configuracion->slider_de_imagenes != NULL) ? $opciones->configuracion->slider_de_imagenes : $slider_de_imagenes;
			$tipo_thumb = ($opciones->configuracion->tipo_thumb != NULL) ? $opciones->configuracion->tipo_thumb : $tipo_thumb;
			$pausar_en_inicio = ($opciones->configuracion->pausar_en_inicio != NULL) ? $opciones->configuracion->pausar_en_inicio : $pausar_en_inicio;
			$ajuste_sin_zoom = ($opciones->configuracion->ajuste_sin_zoom != NULL) ? $opciones->configuracion->ajuste_sin_zoom : $ajuste_sin_zoom;
			$auto_ajustar_pasos = ($opciones->configuracion->auto_ajustar_pasos != NULL) ? $opciones->configuracion->auto_ajustar_pasos : $auto_ajustar_pasos;
			$capa_contenedora = ($opciones->configuracion->capa_contenedora != NULL) ? $opciones->configuracion->capa_contenedora : $capa_contenedora;
			$background = ($opciones->configuracion->background != NULL) ? $opciones->configuracion->background : $background;
		}
?>
	<div class="<?=(__FUNCTION__);?>">
<?php
        $auxWidget = new Widget();
		$auxWidget->record();
        new Widget($_WH->GW('banner'), $fichero, $condicion, $activo, $capa_contenedora, $background);
		$auxWidget->record();
		//Ahora creamos el slider pasándole el html como contenido
		$opciones->addProperty('contenido_slider', $auxWidget);
		new Widget($_WH->GW('jssor', 'slider'), $opciones);
        //new Widget($_WH->GW("jssor", "slider"), $nombre_slider, $auxWidget, $opcionesSlider, $ancho_slider, $alto_slider, $autoResize, $mostrar_carga, $mostrar_flechas, $mostrar_thumbnails, $slider_de_imagenes, $tipo_thumb);
?>
</div>
<?php
	}
?>