<?php // no direct access
defined('_JEXEC') or die('Restricted access'); 
$document = JFactory::getDocument();

$left = ($number-1) * ($width+7);
$css_code = "#toppic$number {position:absolute; display:block; z-index:900; width:".$width."px; height:".$height."px; left:".$left."px; overflow:hidden;}  
             #botpic$number {position:absolute; display:block; z-index:800; width:".$width."px; height:".$height."px; left:".$left."px; overflow:hidden;}";
$document->addStyleDeclaration($css_code);	
if ($number == 1) {	
	$document->addScript(JURI::base() . 'modules/mod_cwwissel/cw_wissel.js' ); 
}

$js = 'preLoad_cws = new Array(); opac_cws=100; busy_cws=0; shortdelay_cws='.$shortdelay.'; longdelay_cws='.$longdelay.'; opacinc_cws='.$increment.';';

$i 	= count($the_image);
$in1 = mt_rand(0, $i - 1);
$in2 = ($in1+1)%$i;
$ii = 0;
foreach ($the_image as $image) {
	$js .= 'preLoad_cws['.$ii.'] = new Image(); 
	        preLoad_cws['.$ii.'].src = \''.  JURI::base() . $image->folder . '/'. $image->name .'\'; '."\n";
	$img[$ii++] = $image->folder . '/'. $image->name;
}
$js .= 'j_cws='.$in2.'; 
aantal_cws='.$ii.';';
$document->addScriptDeclaration($js);
?>
<div id="botpic1"><img src="<?php echo $img[$in2]; ?>" id="BotPortfolio1" name="BotPortfolio1" border="0" alt="Fotowissel"  /></div>
<div id="toppic1"><img src="<?php echo $img[$in1]; ?>" id="Portfolio1" name="Portfolio1" border="0" alt="Fotowissel" /></div>
<?php
$js2 = "jQuery(document).ready(function(){".
	'toppiclay_cws = document.getElementById(\'toppic1\').style; 
	 botpiclay_cws = document.getElementById(\'botpic1\').style; 
	 topimg_cws = document.images.Portfolio1;
	 botimg_cws = document.images.BotPortfolio1; 
	if(BrowserDetect.browser ==\'Explorer\')  t_cws = setTimeout(\'doPfIE('.$longdelay.')\', '.$startdelay.'); 
	else t_cws = setTimeout(\'doPf('.$longdelay.' , '.$shortdelay.')\', '.$startdelay.');	
	});';
	
  $document->addScriptDeclaration($js2);
?>