var viewportWidth;
var viewportHeight;

function getViewportSize () {
	if (typeof document.documentElement != 'undefined'
	    && typeof document.documentElement.clientWidth != 'undefined'
	    && document.documentElement.clientWidth != 0) {
		viewportWidth = document.documentElement.clientWidth;
		viewportHeight = document.documentElement.clientHeight;
	}
	else {
		viewportWidth = document.getElementsByTagName('body')[0].clientWidth;
		viewportHeight = document.getElementsByTagName('body')[0].clientHeight;
	}
}

function max(a, b) {
	return a>b ? a : b;
}

function initHistory() {
	var overlay = document.getElementById('containerHistoryOverlay');
	var history = document.getElementById('boxHistoryOuter');

	getViewportSize();
	overlay.style.width = viewportWidth + 'px';
	overlay.style.height = viewportHeight + 'px';
	overlay.style.top = YAHOO.util.Dom.getDocumentScrollTop() + 'px';
	overlay.style.left = YAHOO.util.Dom.getDocumentScrollLeft() + 'px';
	history.style.top = (max(0, (viewportHeight - 581) / 2) + YAHOO.util.Dom.getDocumentScrollTop()) + 'px';
	history.style.left = (max(0, (viewportWidth - 622) / 2) + YAHOO.util.Dom.getDocumentScrollLeft()) + 'px';
}

function initialPauseHistory() {
	setTimeout(pauseHistory, 2500);
}

function showHistory() {
	document.getElementById('containerHistoryOverlay').style.display = 'block';
	document.getElementById('boxHistoryOuter').style.display = 'block';
}

function closeHistory() {
	var overlay = document.getElementById('containerHistoryOverlay');
	var history = document.getElementById('boxHistoryOuter');

	overlay.style.display = 'none';
	history.style.display = 'none';

	pauseHistory();
}

function pauseHistory() {
	var toggleButtonLabel = document.getElementById('dijit_form_ToggleButton_0_label');

	if (toggleButtonLabel
	    && toggleButtonLabel.hasChildNodes()
	    && toggleButtonLabel.firstChild.nodeValue == 'Pause') {
		clickHistoryToggleButton();
	}
}

/*
	function playHistory() {
		var toggleButtonLabel = document.getElementById('dijit_form_toggleButton_0_label');

		if (toggleButtonLabel
		    && toggleButtonLabel.hasChildNodes()
		    && toggleButtonLabel.firstChild.value == 'Play') {
			clickHistoryToggleButton();
		}
	}
*/

function clickHistoryToggleButton() {
	var button = document.getElementById('dijit_form_ToggleButton_0');
	if (button) {
		button.click();
	}
}

YAHOO.util.Event.onDOMReady(initHistory);
//YAHOO.util.Event.onDOMReady(initialPauseHistory);

window.onresize = function() {
	initHistory();
}

window.onscroll = function() {
	initHistory();
}