<?php  defined('C5_EXECUTE') or die(_("Access Denied.")); ?>

<script>

var ccmSlideShowHelper<?php echo intval($bID)?> = {

	bID:<?php echo intval($bID)?>,
	imgNum:0,
	
	init:function(){
		this.displayWrap=$('#ccm-SlideshowBlock-display'+this.bID); 
		if(this.imgInfos.length==0){
			//alert('There are no images in this slideshow');
			return false;
		}
		var minHeight=0;
		for(var i=0;i<this.imgInfos.length;i++){
			this.addImg(i);
			if(minHeight==0 || this.imgInfos[i].imgHeight<minHeight)
				minHeight=this.imgInfos[i].imgHeight;
		}
		this.displayWrap.css('height',minHeight);
		/*
		//center images
		for(var i=0;i<this.imgInfos.length;i++){ 
			alert(this.imgInfos[i].imgHeight+' '+minHeight);
			if( this.imgInfos[i].imgHeight>minHeight ){
				var t=((this.imgInfos[i].imgHeight-minHeight)/2)*-1
				alert(t);
				this.imgEls[i].css('top',t);
			}
		}
		*/
		this.nextImg();
	}, 
	nextImg:function(){ 
		if(this.imgNum>=this.imgInfos.length) this.imgNum=0;  
		this.imgEls[this.imgNum].css('opacity',0);
		this.imgEls[this.imgNum].css('display','block');
		this.imgEls[this.imgNum].animate({opacity:1},
			this.imgInfos[this.imgNum].fadeDuration*1000,'',function(){ccmSlideShowHelper<?php echo intval($bID)?>.preparefadeOut()});
		var prevNum=this.imgNum-1;
		if(prevNum<0) prevNum=this.imgInfos.length-1;
		if(this.imgInfos.length==1) return;
		this.imgEls[prevNum].animate({opacity:0},this.imgInfos[this.imgNum].fadeDuration*800,function(){this.style.zIndex=1;});			
	},
	preparefadeOut:function(){
		if(this.imgInfos.length==1) return;
		var milisecDuration=parseInt(this.imgInfos[this.imgNum].duration)*1000;
		this.imgEls[this.imgNum].css('z-index',2);
		setTimeout('ccmSlideShowHelper'+<?php echo intval($bID)?>+'.nextImg();',milisecDuration);
		this.imgNum++;
	},
	maxHeight:0,
	imgEls:[],
	addImg:function(num){
		var el=document.createElement('div');
		el.id="slideImgWrap"+num;
		el.className="slideImgWrap"; 
		if(this.imgInfos[num].fullFilePath.length>0)
			 imgURL=this.imgInfos[num].fullFilePath;
		else imgURL='<?php echo REL_DIR_FILES_UPLOADED?>/'+this.imgInfos[num].fileName; 
		//el.innerHTML='<img src="'+imgURL+'" >';
		el.innerHTML='<div style="height:'+this.imgInfos[num].imgHeight+'px; background:url('+imgURL+') center no-repeat">&nbsp;</div>';
		//alert(imgURL);
		if(this.imgInfos[num].url.length>0) {
			//el.linkURL=this.imgInfos[num].url;
			var clickEvent='onclick="return ccmSlideShowHelper<?php echo intval($bID)?>.imgClick( this.href  );"';
			el.innerHTML='<a href="'+this.imgInfos[num].url+'" '+clickEvent+' >'+el.innerHTML+'</a>';			
		}
		el.style.display='none';
		this.displayWrap.append(el);
		var jqEl=$(el);
		this.imgEls.push(jqEl);
	},
	imgClick:function(linkURL){
		//override for custom behavior
	},
	imgInfos:[
	<?php  
	$notFirst=1;
	foreach($images as $imgInfo){ 
		if(!$notFirst) echo ',';
		$notFirst=0
		?>
		{
			fileName:"<?php echo $imgInfo['fileName']?>",
			fullFilePath:"<?php echo $imgInfo['fullFilePath']?>",
			duration:<?php echo intval($imgInfo['duration'])?>,
			fadeDuration:<?php echo intval($imgInfo['fadeDuration'])?>,		
			url:"<?php echo $imgInfo['url']?>",
			groupSet:<?php echo intval($imgInfo['groupSet'])?>,
			imgHeight:<?php echo intval($imgInfo['imgHeight'])?>
		}
	<?php  } ?>
	]
}
$(function(){ccmSlideShowHelper<?php echo intval($bID)?>.init()}); 
</script>

<style>
.ccm-SlideshowBlock-display{ position:relative; width:100%; height:auto; }
.ccm-SlideshowBlock-display .slideImgWrap{ position:absolute; width:100%; height:auto; top:0px; left:0px; }
</style>

<div id="ccm-SlideshowBlock-display<?php echo intval($bID)?>" class="ccm-SlideshowBlock-display">
<div id="ccm-SlideshowBlock-heightSetter<?php echo intval($bID)?>" class="ccm-SlideshowBlock-heightSetter"></div>
<div class="ccm-SlideshowBlock-clear" ></div>
</div>
