/////////////////////////////////////////////////////////////////////
// DIVERSE FUNCTIES
/////////////////////////////////////////////////////////////////////

function get(el) {
  return document.getElementById(el);
}

/////////////////////////////////////////////////////////////////////
// EFFECTS
/////////////////////////////////////////////////////////////////////
currentBand = 1;
nrOfBands = 8;

function nextBand(){
	if( currentBand!=nrOfBands){
		get('band'+currentBand).style.display = 'none';
		currentBand++;
	
		anim = new Animation({
		  from: 0,
		  to: 100,
		  tweenType: 'accelerate',
		  ontween: function animate(value){ transitionOpacityIn('band'+currentBand,value);},
		  oncomplete: function() { }	  
		});
		anim.start();
	}
}

function previousBand(){
	if( currentBand!=1){
		get('band'+currentBand).style.display = 'none';
		currentBand--;
	
		anim = new Animation({
		  from: 0,
		  to: 100,
		  tweenType: 'accelerate',
		  ontween: function animate(value){ transitionOpacityIn('band'+currentBand,value);},
		  oncomplete: function() { }	  
		});
		anim.start();
	}
}