// rotator
var rotate = {
	counter : 1,
	
	init:function(){
		oye('#controls a').on('click', function(){
			switch(rotate.counter){
				case 1:
					oye('#rotator').css({background:'url(/images/flexible_bg.jpg) no-repeat'});
					oye('#listening').hide();					
					if(this.id == 'next'){
						oye('#flexible').show();
						rotate.counter++;
					} else {
						oye('#analyze').show();
						rotate.counter = 4;
					}
				break;
				
				case 2:
					oye('#rotator').css({background:'url(/images/communicate_bg.jpg) no-repeat'});
					oye('#flexible').hide();
					if(this.id == 'next'){
						oye('#communicate').show();
						rotate.counter++;
					} else {
						oye('#listening').show();
						rotate.counter--;
					}
				break;
				
				case 3:
					oye('#rotator').css({background:'url(/images/analyze_bg.jpg) no-repeat'});
					oye('#communicate').hide();
					if(this.id == 'next'){
						oye('#analyze').show();
						rotate.counter++;
					} else {
						oye('#flexible').show();
						rotate.counter--;
					}					
				break;
				
				case 4:
					oye('#rotator').css({background:'url(/images/listening_bg.jpg) no-repeat'});
					oye('#analyze').hide();
					if(this.id == 'next'){
						oye('#listening').show();
						rotate.counter = 1;
					} else {
						oye('#communicate').show();
						rotate.counter = 3;
					}
				break;				
			}
		});
	}
}

oye(window).on('load', function(){
	rotate.init();
});