var items = 4;
var appeat;
var fade;

function changeItem(item){
	if(fade && appear){
		if(fade.state!="finished" || appear.state!="finished"){
			return;
		}
	}
	for(var i=1;i<=items;i++){
		if(i==item){
			continue;
		}
               	
		if(document.getElementById(i).style.display==""){
			fade = new Effect.Fade(''+i+'', { duration: 0.5, queue: 'front' });
			appear = new Effect.Appear(''+item+'', { duration: 0.5, queue: 'end' });
			new Effect.Fade('title'+i+'', { duration: 0.5, queue: { position: 'front', scope: 'title' } });
			new Effect.Appear('title'+item+'', { duration: 0.5, queue: { position: 'end', scope: 'title' } });
			new Effect.Fade('text'+i+'', { duration: 0.5, queue: { position: 'front', scope: 'text' } });
			new Effect.Appear('text'+item+'', { duration: 0.5, queue: { position: 'end', scope: 'text' } });
			break;
		}
	}
}

function changeStyle(item){
	var keys = getElementsByClassName('rubrics_hor_nav_hover');
	for(key in keys){
		keys[key].className = 'rubrics_hor_nav';
	}
	item.className = "rubrics_hor_nav_hover";
}
function chOpacity(id,fromOpacity,toOpacity,dur){
	new Effect.Opacity(id,{ from: fromOpacity, to: toOpacity, duration: dur })
}