<?php
/**
* @title		slider light beautiful
* @website		http://www.joomhome.com
* @copyright	Copyright (C) 2015 joomhome.com. All rights reserved.
* @license		http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
*/

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<link rel="stylesheet" type="text/css" href="<?php echo $mosConfig_live_site; ?>/modules/mod_slider_light_beautiful/assets/css/slider.css" />
<?php
if ($enable_jQuery == 1) {?>
	<script type="text/javascript" src="<?php echo $mosConfig_live_site; ?>/modules/mod_slider_light_beautiful/assets/script/jquery.min.js"></script>
<?php }?>
<script type="text/javascript" src="<?php echo $mosConfig_live_site; ?>/modules/mod_slider_light_beautiful/assets/script/sliderjquery.js"></script>
<style>
	.demo-lightslider1{
		width: <?php echo $width;?>;
		margin:0 auto;
	}
	.demo-lightslider1 .content-slider img{
		width:100%;
	}
</style>
<div class="<?php echo $moduleclass_sfx;?> demo-lightslider1">
	<div class="item-lightslider1">
		<ul id="content-slider" class="content-slider">
			<?php 
			$count1 = 0;
			foreach($lists as $item) { ?>
				<li> 
					<img src="<?php echo $item->image ?>" />
				</li>
			<?php 
			$count1++;
			} ?>	
		</ul>
	</div>
</div>