$(document).ready(function() {
  

	
	$('.rarrow').click(function(){
		if( $("#ugm").is(":visible") ) {
  			$("#ugm").fadeOut(300, function(){ 
  				$("#bc").fadeIn(300);
  			});
		}
		if( $("#bc").is(":visible") ) {
  			$("#bc").fadeOut(300, function(){ 
  				$("#ops").fadeIn(300);
  			});
		}
		if( $("#ops").is(":visible") ) {
  			$("#ops").fadeOut(300, function(){ 
  				$("#hub").fadeIn(300);
  			});
		}
		if( $("#hub").is(":visible") ) {
  			$("#hub").fadeOut(300, function(){ 
  				$("#ugm").fadeIn(300);
  			});
		}		
		});
	
	$('.larrow').click(function(){
		if( $("#ugm").is(":visible") ) {
  			$("#ugm").fadeOut(300, function(){ 
  				$("#hub").fadeIn(300);
  			});
		}
		if( $("#hub").is(":visible") ) {
  			$("#hub").fadeOut(300, function(){ 
  				$("#ops").fadeIn(300);
  			});
		}
		if( $("#ops").is(":visible") ) {
  			$("#ops").fadeOut(300, function(){ 
  				$("#bc").fadeIn(300);
  			});
		}
		if( $("#bc").is(":visible") ) {
  			$("#bc").fadeOut(300, function(){ 
  				$("#ugm").fadeIn(300);
  			});
		}		
		});
 });