function toggleBenefit(benefitNo) {
	var benefits = $$('#benefits div');
	// hide all benefits
	for(var i=0; i<benefits.length; i++) {
		benefits[i].style.display = 'none';
	}
	// display benefit
	$(benefitNo).style.display = 'block';
}

function removeLinkStyle() {
	var links = $$('#benefits ul a');
	for(var i=0; i<links.length; i++) {
		if(links[i].className == 'active') {
			links[i].removeClass('active');
		}
	}
}

function initBenefits() {
	// set up vars
	var benefits = $$('#benefits div');
	var links = $$('#benefits ul a');
	// hide all benefits
	for(var i=0; i<benefits.length; i++) {
		benefits[i].style.display = 'none';
	}
	// show first one
	toggleBenefit('benefit_1');
	// attach event to links
	for(var i=0; i<links.length; i++) {
		// get target
		links[i].addEvents({
			'mouseover': function() {
				removeLinkStyle();
				this.addClass('active');
				toggleBenefit(this.getAttribute('rel'));
			},
			'mouseout': function() {
				toggleBenefit(this.getAttribute('rel'));
			},
			'click': function(e) {
				// disable defaul click event
				event = new Event(e).stop();
				this.blur();
			}
		});
	}
}