window.onload = function () {
	initBenefits();
	initSlider();
};

function initBenefits() {
	$('#benefits .hidden').fadeOut('slow');
	$('#benefits img').not('.hidden').hover(hover, out);
}

function hover(e) {
	e = (e) ? e.target : event.srcElement;
	var parent = $(e.parentNode);
	parent.find('img.hidden').fadeIn(700);
}

function out(e) {
	e = (e) ? e.target : event.srcElement;
	var parent = $(e.parentNode);
	parent.find('img.hidden').fadeOut(700);
}

function initSlider() {
	$('#center .invis ul').css('visibility', 'visible');
	$('#center .vis, #center input').bind('click', slid)
}

function getParent(e) {
	while (e.className != 'block') {
		e = e.parentNode;
	}
	return e;
}

function slid(e) {
	e = (e) ? e.target : event.srcElement;
	var parent = $(getParent(e));
	var pt = (parent.find('.close').hasClass('hidden')) ? 80 : 0;
	parent.find('.invis').animate(
		{
			paddingTop: pt
		},
		'normal',
		function () { parent.find('input').toggleClass('hidden'); }
	);
}