<?php
/*
# News Show SP2 - News display/Slider module by JoomShaper.com
# Author    JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2015 JoomShaper.com. All Rights Reserved.
# @license - GNU/GPL V2 or later
# Websites: http://www.joomshaper.com
*/

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );

$modId = $module->id;

if ( $article_column>=$c_article_count )
{
	$article_column 	= $c_article_count;
	$article_row		= 1;
}

$date_time 				= '';
$row 					= 0;
$link_row 				= 0;
$i 						= 0;
$j 						= 0;

?>

<!-- Fix for slide/arrows when Mootools is loaded  -->
<script type="text/javascript">
(function($) {

	var carousel = jQuery('.carousel');
	if(carousel){
		$(document).ready(function() {
			if (typeof jQuery != 'undefined' && typeof MooTools != 'undefined' ) {
				Element.implement({
					slide: function(how, mode){
						return this;
					}
				});
			}               
		});
	}
})(jQuery);
</script>

<div id="ns2-<?php echo $modId; ?>" class="nssp2 ns2-<?php echo $uniqid ?>">
	<div class="ns2-wrap">
		<?php if ($c_article_count > 0): ?>
			<div id="ns2-art-wrap<?php echo $modId; ?>" class="ns2-art-wrap <?php echo ($article_animation!="disabled") ? $article_animation . ' ' . $article_controllers_style : '' ?> <?php if ($links_block && $c_links_count!=0 && $links_position=="right"): ?> col-2 flt-left<?php endif; ?>">			
				<div class="ns2-art-pages nss2-inner">
				<?php for($i=0;$i<$c_article_count;$i++): $row++; ?>
					<?php
						if( $article_animation != "disabled" )
						{
							if( $i == 0 ){
								$anim_class = 'item active';
							}
							else
							{
								$anim_class = 'item';
							}
						}
						else
						{
							$anim_class = '';
						}
					?>
					<div class="ns2-page <?php echo $anim_class; ?>">
						<div class="ns2-page-inner">
						<div class="ns2-page-inner-custom">
						<?php for($j=0;$j<$article_row;$j++, $i++): ?>
							<div class="ns2-row <?php echo $j==0 ? 'ns2-first' : '' ?> <?php echo $j%2 ? 'ns2-even' : 'ns2-odd' ?>">
								<div class="ns2-row-inner">
								<?php for($z=0;$z<$article_column;$z++, $i++): ?>
									<?php if ($i <$c_article_count): ?>
									<div class="ns2-column flt-left col-<?php echo $article_column ?>">
										<div style="padding:<?php echo $article_col_padding ?>">
											<div class="ns2-inner">
												<?php /*Date type blog*/ if ($article_date_format=='blog'): ?>
													<div class="ns2-date-blog">
														<?php
															$date_time = explode(' ', JHTML::_('date', $list[$i]->created, 'd M Y'));
															echo '<span class="ns2_date_day">' . $date_time[0] . '</span>';
															echo '<div class="ns2_date_month_year"><span class="ns2_date_month">' . $date_time[1] . '</span><span class="ns2_date_year">' . $date_time[2] . '</span></div>';
														?>
													</div>
												<?php endif; ?>												
											
												<?php /*Image position before title*/if ($article_show_image && $article_image_pos=='top' && $list[$i]->image): ?>
													<?php if ($article_linked_image): ?>
														<a class="ns2-image-link" href="<?php echo $list[$i]->link ?>" style="<?php echo $article_image_float ?>;<?php echo ($article_image_margin) ? "margin:$article_image_margin" : "" ?>">
													<?php endif; ?>
														<?php if ($article_linked_image): ?><span class="ns2-image-overlay"></span><?php endif; ?>
														<img class="ns2-image" <?php if ($article_linked_image == false): ?>style="<?php echo $article_image_float ?>;<?php echo ($article_image_margin) ? "margin:$article_image_margin" : "" ?>"<?php endif; ?> src="<?php echo modNSSP2CommonHelper::thumb($list[$i]->image, $article_thumb_width, $article_thumb_height, $article_thumb_ratio, $uniqid) ?>" alt="<?php echo $list[$i]->title ?>" title="<?php echo $list[$i]->title ?>" />
													<?php if ($article_linked_image): ?>		
														</a>
													<?php endif; ?>			
												<?php endif; ?>												
												
												<?php /*Article title*/ if ($article_showtitle): ?>
													<h4 class="ns2-title">
														<?php if ($article_linkedtitle): ?>
															<a href="<?php echo $list[$i]->link ?>">
														<?php endif; ?>	
															<?php echo modNSSP2CommonHelper::cText($list[$i]->title, $article_count_title_text, $article_title_text_limit); ?>
														<?php if ($article_linkedtitle): ?>
															</a>
														<?php endif; ?>	
													</h4>
												<?php endif; ?>
	
												<?php /*Image position after title*/if ($article_show_image && $article_image_pos=='bottom' && $list[$i]->image): ?>
													<?php if ($article_linked_image): ?>
														<a class="ns2-image-link" href="<?php echo $list[$i]->link ?>" style="<?php echo $article_image_float ?>;<?php echo ($article_image_margin) ? "margin:$article_image_margin" : "" ?>">
													<?php endif; ?>
														<span class="ns2-image-overlay"></span>
														<img class="ns2-image" <?php if ($article_linked_image == false): ?>style="<?php echo $article_image_float ?>;<?php echo ($article_image_margin) ? "margin:$article_image_margin" : "" ?>"<?php endif; ?> src="<?php echo modNSSP2CommonHelper::thumb($list[$i]->image, $article_thumb_width, $article_thumb_height, $article_thumb_ratio, $uniqid) ?>" alt="<?php echo $list[$i]->title ?>" title="<?php echo $list[$i]->title ?>" />
													<?php if ($article_linked_image): ?>		
														</a>
													<?php endif; ?>			
												<?php endif; ?>			
												
												<?php /*Ratings*/ if ($article_show_ratings): ?>
													<div class="ns2-rating">
														<div class="ns2-rating-bar">
															<div style="width:<?php echo $list[$i]->rating ?>%"></div>	
														</div>	
													</div>
												<?php endif; ?>

												<?php /*Introtext*/ if ($article_introtext): ?>
													<p class="ns2-introtext"><?php echo modNSSP2CommonHelper::cText($list[$i]->introtext, $article_count_intro_text, $article_intro_text_limit) ?></p>								
												<?php endif; ?>
												
												<div class="ns2-social">
													<?php /* Social Share */
														foreach (modNSSP2SocialHelper::icons($list[$i], $params) as $icon) {
															echo $icon;
														}
													?>
												</div>
												
												<?php /*Virtuemart*/ if ($art_show_price || $art_show_cart_button) : ?>
													<div class="ns2-vm-bar">
														<?php /*Show Price*/ if ($art_show_price) : ?>
															<p class="ns2-vm-price"><?php echo $list[$i]->price ?></p>
														<?php endif; ?>

														<?php /*Show Cart Button*/ if ($art_show_cart_button) : ?>
															<?php echo $list[$i]->addtocart ?>
														<?php endif; ?>
													</div>
												<?php endif; ?>
												
												<?php /*K2 Extra fields*/ if ($article_extra_fields && $content_source == 'k2' && count($list[$i]->extra_fields)): ?>
													<div style="clear:both"></div>
													<div class="NS2K2ExtraFields">
														<b><?php echo JText::_('Additional Info'); ?></b>
														<ul>
															<?php foreach ($list[$i]->extra_fields as $key=>$extraField): ?>
																<li class="type<?php echo ucfirst($extraField->type); ?> group<?php echo $extraField->group; ?> <?php echo strtolower($extraField->name) ?> <?php echo $key%2 ? 'even' : 'odd';?> <?php if ($key==0) echo 'first'; ?>">
																	<span class="label"><?php echo $extraField->name; ?></span>
																	<span class="value"><?php echo $extraField->value; ?></span>
																	<div style="clear:both"></div>
																</li>
															<?php endforeach; ?>
														</ul>
													</div>
													<div style="clear:both"></div>
												<?php endif; ?>	

												<?php /*Comments, readmore, hits*/ if ($article_show_more || $article_hits || $article_comments || $article_show_author || $article_date_format || $article_show_category): ?>
													<div class="ns2-links">

														<?php /*Show date*/ if (($article_date_format) && ($article_date_format!='blog')): ?>
															<div class="ns2-created">
																<?php echo JHTML::_('date', $list[$i]->created, JText::_($article_date_format)) ?>
															</div>
														<?php endif; ?>

														<?php /*Show Author*/ if ($article_show_author): ?>
															<div class="ns2-author">
																<?php echo $list[$i]->author; ?>
															</div>
														<?php endif; ?>

														<?php /*Show category*/ if ($article_show_category): ?>
															<div class="ns2-category">		
																<?php if ($article_linked_category): ?>
																	<a href="<?php echo $list[$i]->cat_link ?>">
																<?php endif; ?>	
																	<?php echo $list[$i]->category ?>
																<?php if ($article_linked_category): ?>
																	</a>
																<?php endif; ?>	
															</div>														
														<?php endif; ?>													
														
														<?php /*Comments*/ if ($article_comments):
															echo $list[$i]->comment;
														endif; ?>

														<?php /*Hits*/ if ($article_hits): ?>
															<span class="ns2-hits"><?php echo $list[$i]->hits ?></span>
														<?php endif; ?>

														<?php /*Readmore*/ if ($article_show_more): ?>
															<a class="ns2-readmore" href="<?php echo $list[$i]->link ?>"><span><?php echo $article_more_text ?></span></a>
														<?php endif; ?>

													</div>
												<?php endif; ?>
												<div style="clear:both"></div>
												
											</div>
										</div>
									</div>
									<?php endif; ?>
								<?php endfor; $i--; ?>
								<div style="clear:both"></div>
							</div>
							<div style="clear:both"></div>
							</div>
						<?php endfor; $i--; ?>
						</div>
						<div style="clear:both"></div>
						</div><!--end ns2-page-inner-->
					</div>
				<?php endfor; ?>
				</div>
				
				
				<?php /*Navigation*/ if ($article_animation!="disabled"): ?>
					<div style="clear:both"></div>
					<div class="ns2-art-controllers">
						<?php /*Pagination*/ if ($article_pagination): ?>
							<div class="ns2-art-pagination nssp2-controllers">
								<?php for ($i=0; $i < $row; $i++) { ?>
									<span data-target="#ns2-art-wrap<?php echo $modId; ?>" data-nsspwalk-to="<?php echo $i; ?>" class="<?php echo ($i==0) ? 'active' : ''; ?>"><i class="fa fa-circle"></i></span>
								<?php } ?>
							</div>
						<?php endif; ?>

						<?php /*Next & Previous*/ if ($article_arrows): ?>
							<a class="ns2-art-prev" href="#ns2-art-wrap<?php echo $modId; ?>" data-nsspwalk="prev"><i class="fa fa-chevron-left"></i></a>				
							<a class="ns2-art-next" href="#ns2-art-wrap<?php echo $modId; ?>" data-nsspwalk="next"><i class="fa fa-chevron-right"></i></a>
						<?php endif; ?>
						<div style="clear:both"></div>
					</div>
				<?php endif; ?>
				<div style="clear:both"></div>
			</div>
		<?php endif; ?>
		<!--End article layout-->
		
		<!--Links Layout-->
		<?php if ($links_block && $c_links_count!=0): ?>
		<?php 
			$links=$c_article_count;
		?>
		<div id="ns2-links-wrap<?php echo $modId; ?>" class="ns2-links-wrap <?php echo ($links_animation!="disabled") ? $links_animation . ' ' . $links_controllers_style : '' ?> <?php if ($links_position=="right"): ?> col-2 flt-left<?php endif; ?>">
			<?php if ($links_more): ?>
				<strong><?php echo  JText::_($links_more_text) ?></strong>
			<?php endif; ?>
			<div class="ns2-links-pages nssp2-inner">
			<?php for( $i = $links; $i < $links+$c_links_count; $i++ ): $link_row++; ?>
				<?php
					if( $links_animation != "disabled" )
					{
						if( $i == $links ){
							$anim_class = 'item active';
						}
						else
						{
							$anim_class = 'item';
						}
					}
					else
					{
						$anim_class = '';
					}
				?>
				<div class="ns2-page <?php echo $anim_class; ?>">
					<div class="ns2-page-inner">
						<?php for ($ii=0; $ii<$links_count; $ii++, $i++): ?>
							<?php if ($i<$a_count): ?>
								<div class="ns2-row <?php echo $ii==0 ? 'ns2-first' : '' ?> <?php echo $ii%2 ? 'ns2-even' : 'ns2-odd' ?>">
									<div class="ns2-row-inner">
										<div style="padding:<?php echo $links_col_padding ?>">
											<div class="ns2-inner">
												<?php /*Show Image*/ if ($links_show_image && $links_image_pos=='top' && $list[$i]->image): ?>
													<?php if ($links_linked_image): ?>
														<a class="ns2-image-link" href="<?php echo $list[$i]->link ?>" style="<?php echo $links_image_float ?>;<?php echo ($links_image_margin) ? "margin:$links_image_margin" : "" ?>">
													<?php endif; ?>
														<?php if ($links_linked_image): ?><span class="ns2-image-overlay"></span><?php endif; ?>	
														<img class="ns2-image" <?php if ($links_linked_image == false): ?>style="<?php echo $links_image_float ?>;<?php echo ($links_image_margin) ? "margin:$links_image_margin" : "" ?>"<?php endif; ?> src="<?php echo modNSSP2CommonHelper::thumb($list[$i]->image, $links_thumb_width, $links_thumb_height, $links_thumb_ratio, $uniqid) ?>" alt="<?php echo $list[$i]->title ?>" title="<?php echo $list[$i]->title ?>" />
													<?php if ($links_linked_image): ?>		
														</a>
													<?php endif; ?>	
												<?php endif; ?>													
												
												<!--Start title-->											
												<h4 class="ns2-title">
													<a href="<?php echo $list[$i]->link ?>"><?php echo modNSSP2CommonHelper::cText($list[$i]->title, $links_title_count, $links_title_text_limit); ?></a>
												</h4>

												<?php /*Image after title*/ if ($links_show_image && $links_image_pos=='bottom' && $list[$i]->image): ?>
													<?php if ($links_linked_image): ?>
														<a class="ns2-image-link" href="<?php echo $list[$i]->link ?>" style="<?php echo $links_image_float ?>;<?php echo ($links_image_margin) ? "margin:$links_image_margin" : "" ?>">
													<?php endif; ?>
														<?php if ($links_linked_image): ?><span class="ns2-image-overlay"></span><?php endif; ?>
														<img class="ns2-image" <?php if ($links_linked_image == false): ?>style="<?php echo $links_image_float ?>;<?php echo ($links_image_margin) ? "margin:$links_image_margin" : "" ?>"<?php endif; ?> src="<?php echo modNSSP2CommonHelper::thumb($list[$i]->image, $links_thumb_width, $links_thumb_height, $links_thumb_ratio, $uniqid) ?>" alt="<?php echo $list[$i]->title ?>" title="<?php echo $list[$i]->title ?>" />
													<?php if ($links_linked_image): ?>		
														</a>
													<?php endif; ?>	
												<?php endif; ?>	
												
												<?php /*Intro Text*/ if ($links_show_intro): ?>
													<p class="ns2-introtext"><?php echo modNSSP2CommonHelper::cText($list[$i]->introtext, $links_intro_count, $links_intro_text_limit) ?></p>															
												<?php endif; ?>
							
												<?php /*Virtuemart*/ if ($links_show_price || $links_show_cart_button) : ?>
													<div class="ns2-vm-bar">
														<?php /*Show Price*/ if ($links_show_price) : ?>
															<p class="ns2-vm-price"><?php echo $list[$i]->price ?></p>
														<?php endif; ?>

														<?php /*Show Cart Button*/ if ($links_show_cart_button) : ?>
															<?php echo $list[$i]->addtocart ?>
														<?php endif; ?>
													</div>
												<?php endif; ?>
												<div style="clear:both"></div>
											</div>
										</div>
										<div style="clear:both"></div>
									</div>
								</div>
							<?php endif; ?>
						<?php endfor; $i--; ?>
						<div style="clear:both"></div>
					</div><!--End ns2-page-inner-->
				</div>
			<?php endfor; ?>
			</div>
			
			<?php /*Navigation*/ if ($links_animation!="disabled"): ?>
				<div style="clear:both"></div>
				<div class="ns2-links-controllers">
					<?php /*Pagination*/ if ($links_pagination): ?>
						<div class="ns2-links-pagination nssp2-controllers">
							<?php for ($i=0; $i < $link_row; $i++) { ?>
								<span data-target="#ns2-links-wrap<?php echo $modId; ?>" data-nsspwalk-to="<?php echo $i; ?>" class="<?php echo ($i==0) ? 'active' : ''; ?>"></span>
							<?php } ?>
						</div>
					<?php endif; ?>
					<?php /*Next & Previous*/ if ($article_arrows): ?>
						<a class="ns2-links-prev" href="#ns2-links-wrap<?php echo $modId; ?>" data-nsspwalk="prev">&laquo;</a>				
						<a class="ns2-links-next" href="#ns2-links-wrap<?php echo $modId; ?>" data-nsspwalk="next">&raquo;</a>
					<?php endif; ?>
					<div style="clear:both"></div>
				</div>
			<?php endif; ?>
			<div style="clear:both"></div>	
		</div>
		<?php endif; ?>
		<!--End Links Layout-->
		<div style="clear:both"></div>
	</div>
</div>

<script type="text/javascript">
	<?php if ($c_article_count > 0 && $article_animation!="disabled"): ?>
		!function ($) {
	        $(function(){
	          $('#ns2-art-wrap<?php echo $modId; ?>').nssp2({
	          	interval: <?php echo $article_animation_interval; ?>
	          })
	        })
	    }(window.jQuery)
	<?php endif; ?>

	<?php if ($links_block && $c_links_count!=0 && $links_animation!="disabled"): ?>
		!function ($) {
	        $(function(){
	          $('#ns2-links-wrap<?php echo $modId; ?>').nssp2({
	          	interval: <?php echo $links_animation_interval; ?>
	          })
	        })
	    }(window.jQuery)
	<?php endif; ?>
</script>