// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
function fadeOrderSummary() {
	disableEditButton();
	disableHeaderLinks();

	options = { duration: 0.5, from: 1.0, to: 0.55 }
	$("orderSummary").fade(options);
	$("header").fade(options);
	$("footer").fade(options);

	centerElementVertically("progressIndicator");
	$("progressIndicator").appear({ duration: 0.8});
}

function disableEditButton() {
	$("editButton").disabled = true;
}

function disableHeaderLinks() {
	$("headerLogo").removeAttribute("href");
}

function centerElementVertically(id) {
	var element = $(id);

	var elementDims = element.getDimensions();
	var viewPort = document.viewport.getDimensions();
	var offsets = document.viewport.getScrollOffsets();

	// TODO: FIX THIS SO IT CENTERS WITH PADDING ACCOUNTED FOR AND NOT HARDCODED (padding value of 25)
	// var left = viewPort.width / 2 + offsets.left - elementDims.width / 2;
	var top = viewPort.height / 2 + offsets.top - elementDims.height / 2 - 25;
	
	element.setStyle( { top: Math.floor(top) + 'px' } );

	return element;
}