var tId;
var stepId ;
var index = 1; 
var max_index = 4;
var change_step = 0 ;
var cpu_ana = 0;

// ใส่ใน component ( show )
// var x=document.getElementById('show1');
// x.style.zIndex =max_index+2;
 //setTimeout("startScroll()", 3000); 
 
function startScroll(){
	tId = setInterval( 'run()' , 4900 );
	
}
function stopScroll(){
    clearInterval(tId);
}

function run(){
	if(	index	>=  max_index 		) index = 0 ;// เพราะ  setInterval( 'change_div()' , 100 );
	stepId = setInterval( 'change_div()' , 60 );
	index++ ;
	
	cpu_ana ++ ;//ค่ามาก โหลดหนัก
	if(		cpu_ana > 3 ){
		try{clearInterval(tId); 	}catch(err){ }
		try{clearInterval(stepId); 	}catch(err){ }
		setTimeout("startScroll()", 3000); 
		cpu_ana = 0 ;
	}
	
}

//////////////////////////////////////
function change_div(){
 element = 'show'+index ; 	
 var x=document.getElementById(element);
 
 if(	change_step  == 0 ){

 	indexC = index - 1 ;
 	if(	indexC	== 0)     indexC = max_index ;
  	var c=document.getElementById('show'+indexC );
 	c.style.zIndex =max_index -indexC  ;
 
 }

 
 change_step = change_step + 10;
 if( change_step > 100 ) change_step = 100;
 
// x.style.display = "block";
 x.style.zIndex =10;
 try{
 x.filters.alpha.opacity=change_step;
 
 }catch(err){ 
  num = (change_step/100);
 x.style.MozOpacity =num.toFixed(1) ;
 }

 if(	change_step == 100 ){
    change_step  = 0 ;
  	clearInterval(stepId);
	cpu_ana -- ;
 }
 var x=document.getElementById('show_bg');
 x.style.zIndex =max_index+1;
  var x=document.getElementById('show_bg1');
 x.style.zIndex =max_index+1;
}