<?php

/*------------------------------------------------------------------------
# Play List Image Slider
# ------------------------------------------------------------------------
# author                Trust Elegance
# copyright             Copyright (C) 2012 http://extensions.trustelegance.com. All Rights Reserved.
# @license -            http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites:             http://extensions.trustelegance.com
# Technical Support:    http://extensions.trustelegance.com/index.php?option=com_contact&view=contact&id=9&Itemid=455
-------------------------------------------------------------------------*/

defined('_JEXEC') or die('Restricted access');

$backgroundcolor        =        $params->get( 'backgroundcolor', '#FFEFD5' );
$image_path         	=        $params->get( 'path', 'images/sampledata/fruitshop');
$slider_width           =        $params->get( 'slider_width', '980' );
$slider_height          =        $params->get( 'slider_height', '384' );
$thum_height            =        $params->get( 'thum_height', '280' );
$thum_width             =        $params->get( 'thum_width', '100' );
$effect             	=        $params->get( 'effect', 'random' );

?>
<script type="text/javascript">
  $.noConflict();
</script>

<link href="modules/mod_playlistimageslider/tmpl/lib/allinone_bannerWithPlaylist.css" rel="stylesheet" type="text/css">
<script src="modules/mod_playlistimageslider/tmpl/lib/ga.js" async="" type="text/javascript"></script>
<script src="modules/mod_playlistimageslider/tmpl/lib/jquery-1.js" type="text/javascript"></script>
<script src="modules/mod_playlistimageslider/tmpl/lib/jquery-ui-1.js" type="text/javascript"></script>
<script src="modules/mod_playlistimageslider/tmpl/lib/jquery.js" type="text/javascript"></script>
<script src="modules/mod_playlistimageslider/tmpl/lib/jquery_002.js" type="text/javascript"></script>
<script src="modules/mod_playlistimageslider/tmpl/lib/allinone_bannerWithPlaylist.js" type="text/javascript"></script>
<script src="modules/mod_playlistimageslider/tmpl/lib/dom-drag.js"></script>
<script src="modules/mod_playlistimageslider/tmpl/lib/publicDocumentEvents.js"></script>
<link rel="stylesheet" href="modules/mod_playlistimageslider/tmpl/lib/style.css">
<link href="modules/mod_playlistimageslider/tmpl/lib/css_003.css" rel="stylesheet" type="text/css"> 
<link href="modules/mod_playlistimageslider/tmpl/lib/css_002.css" rel="stylesheet" type="text/css">
<link href="modules/mod_playlistimageslider/tmpl/lib/css.css" rel="stylesheet" type="text/css">
<script>
$(function() {
	$('#allinone_bannerWithPlaylist_pureGallery').allinone_bannerWithPlaylist({
		skin: 'pureGallery',
		width: <?php echo $slider_width; ?>,
		height: <?php echo $slider_height; ?>,
		thumbsFolder: '<?php echo $image_path;?>',
		thumbsImqageWidth:<?php echo $thum_width; ?>,
		thumbsImqageHeight:<?php echo $thum_height; ?>,
		borderWidth: 0,
		playlistWidth: <?php echo $thum_width; ?>,
		defaultEffect:'<?php echo $effect; ?>',
	});		
	});
</script>


<div style="width:<?php echo $slider_width; ?>px; height:<?php echo $slider_height; ?>px;" id="banner-div-playlist">
	<div id="zzz" style="width:<?php echo $slider_width ; ?>; margin: 0 auto; padding:10px 0 0 0;">
		<div style="width:<?php echo $slider_width; ?>px; height:<?php echo $slider_height; ?>px; margin:50px auto 0 auto;">
			<div id="allinone_bannerWithPlaylist_pureGallery" style="display: block;" style="width:500px;">
					<?php 
					if ($handle = opendir($image_path)) {
						while (false !== ($entry = readdir($handle))) {
							if ($entry != "." && $entry != "..") {
								?>
							<img style="display: none;" src="<?php echo $image_path ;?>/<?php echo $entry;?>" width="<?php echo $slider_width - $thum_width ; ?>;" height="<?php echo $slider_height; ?>;" alt="" data-text-id="#allinone_bannerWithPlaylist_photoText4"> 
								<?php 
							}
						}
						closedir($handle);
					}
					?>
           </div>
		</div>
	</div>
</div>