// preload the hover state of the close button
var closeHover = new Image();
closeHover.src = 'images/close_hover.png';

function showSlip(handle) {
	var theSlip = document.getElementById(handle+'Container');
	if (theSlip) {
		var printStyle = document.getElementById('printStyle');

		// Setup the printing
		if(printStyle) {
			if(printStyle.hrefSave) {
				printStyle.hrefSave.push(printStyle.href);
			} else {
				printStyle.hrefSave = new Array(printStyle.href);
			}
			printStyle.href = 'css/print_detailslip.css';
		}
		
		// show the slip
		theSlip.style.display = 'block';
	}
}

function hideSlip(handle) {
	// hide the slip
	var theSlip = document.getElementById(handle+'Container');
	if (theSlip) {
		theSlip.style.display = "none";
	}

	// fix back the printing
	var printStyle = document.getElementById('printStyle');
	if(printStyle) {
		printStyle.href = printStyle.hrefSave ? printStyle.hrefSave.pop() : 'css/print.css';
	}
}

/************** Events ****************/
if(window.addEventListener) {
	window.addEventListener("keypress", keyTrack, false);
} else if(document.attachEvent) {
	document.attachEvent("onkeypress", keyTrack);
}

function keyTrack(e) {
	if(getKeyCode(e) == 27) {
		var el = document.getElementById('detailContainer');
		var el2 = document.getElementById('mediumContainer');

		if(el && el.style.display == 'block') {
			hideSlip('detail');
		} else if(el2 && el2.style.display == 'block') {
			hideSlip('medium');
		}
	}
}

function getKeyCode(e) {
	if(window.event) {
		return window.event.keyCode;
	} else if(e) {
		return e.keyCode ? e.keyCode : e.which;
	} else {
		return null;
	}
}