var able = true;
var step = 10;
var op = "";
var np = "";
var at;

function cpic(oldpic, newpic, p){
		
	
	if(able = true){ 
		able = false;
		step = 10;
		
		op = oldpic;
		np = newpic;
		document.getElementById(np).style.visibility = 'visible';
		//alert("jorma");
		
		setFades();
		
		
	}
	
	
	//alert("jorma2");
	// newelem.style.zIndex = 1;
	// oldelem.style.zIndex = 0;
	autoScroll(newpic, p);
}

function setFades(){
	
	//alert("setFades alkaa");
	
	
	oldelem = document.getElementById(op).style;
	newelem = document.getElementById(np).style;
	
	//oldvis = oldelem.style.visibility
	
	// var add = 10;
	var ff = 100 - ((10 - step) * 10); 
	var fr = 100 - (step * 10);
	
	//alert(ff);
	oldelem.opacity = (ff / 100);
    oldelem.MozOpacity = (ff / 100);
    oldelem.KhtmlOpacity = (ff / 100);
    oldelem.filter = "alpha(opacity=" + ff + ")";
	
    newelem.opacity = (fr / 100);
    newelem.MozOpacity = (fr / 100);
    newelem.KhtmlOpacity = (fr / 100);
    newelem.filter = "alpha(opacity=" + fr + ")";
	
	
	
	if(step > 0){
		var t = setTimeout("setFades()", 50);
		step--;
		
	}
	else {
		
		oldelem.zIndex = 0;
		newelem.zIndex = 1;
		oldelem.visibility = 'hidden';
		oldelem.opacity = 1;
	    oldelem.MozOpacity = 1;
	    oldelem.KhtmlOpacity = 1;
	    oldelem.filter = "alpha(opacity=100)";
		
		
		clearTimeout(t);
		able = true;
	}
	
	//alert("setFades loppuu");
	
	
}

function autoScroll(kuva, sivu){
	
	switch(sivu){
		
		case 'etusivu':
			switch(kuva){
				case 'etusivu1':
					var at = setTimeout("cpic('etusivu1','etusivu2', 'etusivu')", 5000);
				break;
				case 'etusivu2':
					var at = setTimeout("cpic('etusivu2','etusivu3', 'etusivu')", 5000);
				break;
				case 'etusivu3':
					var at = setTimeout("cpic('etusivu3','etusivu1', 'etusivu')", 5000);
				break;
			}
		break;
		
		
	}
	
}