// JavaScript Document

function x_slide(id,autoReplay){
	this.idName=id;
	this.number=0;
	this.opacity=0;
	this.inopacity=100;
	this.inFading=0;
	this.timer=0;	
	this.selectedNumber=0;	
	
	this.layerAdded=new Array();
	this.duration=1500;
	this.interval=5;
	this.timeChange=1;
	(autoReplay==null) ? this.autoReplay=false : this.autoReplay=autoReplay;
}

x_slide.prototype.addContent=function(){
	
	this.layerAdded[ this.layerAdded.length ]=this.idName+"-rollover-"+this.layerAdded.length-1;
	
}

x_slide.prototype.clicked=function(direction){
	clearInterval(this.timer);
	this.changeImage(direction);
}

x_slide.prototype.changeImage=function(direction)
{
	var obj=this;
	
	currentSelected=this.selectedNumber;
	currentLayer=document.getElementById(this.idName+"-rollover-"+currentSelected);
	
	if(direction=="up")
		{
			(this.selectedNumber>=this.layerAdded.length-1) ? this.selectedNumber=0 : this.selectedNumber++;	
		}
		
	else if(direction=="down")
		{
			(this.selectedNumber<=0) ? this.selectedNumber=this.layerAdded.length-1 : this.selectedNumber--;
		}
		

	layerSelected=document.getElementById(this.idName+"-rollover-"+this.selectedNumber);
	
	if(document.getElementById(this.idName+"-buttonDesc"))
		{
			document.getElementById(this.idName+"-buttonDesc").innerHTML=(this.selectedNumber+1 ) + " dari " +this.layerAdded.length;
		}
	
	obj.fadein(currentLayer,layerSelected);
}

x_slide.prototype.fadein=function(currentLayer,layerSelected){
//".$this->id."-rollover-".$this->number." current div selected
//	document.getElementById("controlView").innerHTML=this.opacity;
	with(this){
		if(opacity>100)
		 {
			opacity=0;
			this.inopacity=100
			return;
		 }
		 
  	 	(inopacity>=0) ? this.inopacity-=interval : this.inopacity=0;
		
		if(currentLayer)
			{
				currentLayer.style.opacity=inopacity/100;
				currentLayer.style.filter="alpha(opacity='"+inopacity+"')";
				if(inopacity<=0){currentLayer.style.display='none';}
			}
		 
		if(layerSelected)
			{
				layerSelected.style.opacity=opacity/100;
				layerSelected.style.filter="alpha(opacity='"+opacity+"')";
				layerSelected.style.display='block';
			}
			
		opacity+=interval;
		clearTimeout(inFading);
		
		inFading=setTimeout(function(){fadein(currentLayer,layerSelected)},30);
	}
}

x_slide.prototype.play=function(){
	with(this){
		if(this.selectedNumber==layerAdded.length-1)
			{
				number=0;
				if(!autoReplay){clearInterval(timer);return;}
			}
		
		clearInterval(timer);
		
		timer=setInterval(function(){play()},duration);
		number++;
		changeImage("up");
	}
}