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

	// Show all images
	
	
	//if ($params->get("showallimages")) {
		// Directory SlideShow is selected
		// if subdirectory parameter is yes
		$jpgimages = glob("".$params->get("folder")."/*.jpg");
		$pngimages = glob("".$params->get("folder")."/*.png");
		$gifimages = glob("".$params->get("folder")."/*.gif");

		// Generating image array
		// Adding jpeg files to (directory) slideshow
		$images = $jpgimages;

		// Adding png files to (directory) slideshow
		$j=0;
		for ($i = count($jpgimages); $i < count($jpgimages)+count($pngimages); $i++) {
			$images[$i]=$pngimages[$j];
			$j=$j+1;
		}
	
		// Adding gif files to (directory) slideshow
		$j=0;
		for ($i = count($images); $i < count($jpgimages)+count($pngimages)+count($gifimages); $i++) {
			$images[$i]=$gifimages[$j];
			$j=$j+1; 
		}	
	//}
		
	// SlideShow Content - Loop
	for ( $i=0 ; $i < count($images) ; $i++ ) {
		// Show All Images in the folder
		$imagewithpath[$i] = '<img src="'.JURI::root() . $images[$i] . '" alt="Products" />';
	}

	$css = '#left { width: '.$params->get("width").'px; height: '.$params->get("height").'px; overflow: hidden; border: 1px solid black; padding: 0px; clear:both; margin: auto; }';
	$css .= '#left img { height: '.$params->get("height").'px; margin: 0px; border: 0px; clear:both; }';
	$css .= '#right { width: '.$params->get("width").'px; height: '.$params->get("height").'px; overflow: hidden; border: 1px solid black; padding: 0px; clear:both; margin: auto;}';
	$css .= '#right img { height: '.$params->get("height").'px; margin: 0px; border: 0px; clear:both; }';
	$css .= '#top { width: '.$params->get("width").'px; height: '.$params->get("height").'px; overflow: hidden; border: 1px solid black; padding: 0px; clear:both; margin: auto;}';
	$css .= '#top img { width: '.$params->get("width").'px; margin: 0px; border: 0px; clear:both; }';
	$css .= '#bottom { width: '.$params->get("width").'px; height: '.$params->get("height").'px; overflow: hidden; border: 1px solid black; padding: 0px; clear:both; margin: auto; }';
	$css .= '#bottom img { width: '.$params->get("width").'px; margin: 0px; border: 0px; clear:both; }';
	
$baseUrl = JURI::base();
$modUrl = $baseUrl.'modules/mod_imagescroller/';

	// Apply and Pre-load JavaScript
	$document =& JFactory::getDocument();	
	$document->addCustomTag('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2/jquery.min.js"></script>');
	$document->addCustomTag('<script type="text/javascript" src="'.$modUrl.'js/jquery.imageScroller.js"></script>');
	$document->addStyleDeclaration($css);
	//$document->addCustomTag('<script type="text/javascript" src="'.$modUrl.'js/test.js"></script>');
	

	// Display the image scroller
	$script = '<script type="text/javascript">
	$(
		function () {
			$( "#left" ).imageScroller( {speed:\''.$params->get("speed").'\', loading:\'Wait please...\'} );
			
			$( "#right" ).imageScroller( {speed:\''.$params->get("speed").'\', direction:\'right\'} );
			
			$( "#top" ).imageScroller( {speed:\''.$params->get("speed").'\', direction:\'top\'} );

			$( "#bottom" ).imageScroller( {speed:\''.$params->get("speed").'\', direction:\'bottom\'} );
		}
	)
	</script>';
	$document->addCustomTag($script);
	

	echo '<div id="'.$params->get("direction").'">';
	for ( $i=0 ; $i < count($images) ; $i++ ) {
		/*
		<a href='' title='1'><img src='./images/1.jpg' /></a>
		<img src='./images/1.jpg' title='1' />
		*/	
		echo $imagewithpath[$i];
	}
	echo '</div>';
	
?>