$(function(){
	$('.nextScenerio').bind('click', changeScenerio);
});


function changeScenerio(){
	var container = "#scenerio .scenerio_body div.scenerios";
	var containerSize = parseInt($(container).length);
	var scenerioId = 'scenerio';
	var currentClassName = "currentScenerio";
	
	var currentScenerio = parseInt($(container + '.currentScenerio').attr('scenerio'));
	
	if(currentScenerio == containerSize){
		tempcurrentScenerio = 1;
	}else{
		tempcurrentScenerio = currentScenerio + 1
	}
	
	$(container).each(function(index){
		if($(this).attr(scenerioId) == currentScenerio){
			$(this).removeClass(currentClassName);
		}
		if($(this).attr(scenerioId) == tempcurrentScenerio){
			$(this).addClass(currentClassName);
		}
	});
}