/*
 * ===============================================
 * jQuery homepage feature toggle
 * ===============================================
 * 
 * TODO: This code can be optimized.
 *       Switch it out to use jquery.cycle?
 */

$(document).ready(function(){

  $('#f-1 > a').click(function() {
  	$('#feature-arrow1').css('display', 'block');
  	$('#feature-arrow2').css('display', 'none');
  	$('#feature-arrow3').css('display', 'none');
  });
  
  $('#f-2 > a').click(function() {
  	$('#feature-arrow2').css('display', 'block');
  	$('#feature-arrow1').css('display', 'none');
  	$('#feature-arrow3').css('display', 'none');
  });
  
  $('#f-3 > a').click(function() {
  	$('#feature-arrow3').css('display', 'block');
  	$('#feature-arrow1').css('display', 'none');
  	$('#feature-arrow2').css('display', 'none');
  });

});