///<reference path="../../TESCO.js" />
///<reference path="../../event.js" />
///<reference path="../../node.js" />

TESCO.$("sites.UI.Checkout").PrintButton = (function() {

	function _constructor() {
		
		var _mainContent = document.getElementById("mainContent")
		var _buttons = TESCO.system.DOM.node.getElementsByClassName(_mainContent, "proceedButton");
		
		
		var pageTitle = _buttons[0];
		var pageFooter = _buttons[1];

		var _input = TESCO.system.DOM.node.create("input");

		var _inputSrc = document.createAttribute("src");
		_inputSrc.nodeValue = TESCO.sites.Configuration.application.img.URI + "/Sites/Retail/" + TESCO.sites.Configuration.application.name + "/Online/Checkout/printMyOrder.gif";	//TODO: move to locale
		_input.setAttributeNode(_inputSrc);

		var _inputClass = document.createAttribute("id");
		_inputClass.nodeValue = "printOrder";
		_input.setAttributeNode(_inputClass);

		var _inputClass = document.createAttribute("type");
		_inputClass.nodeValue = "image";
		_input.setAttributeNode(_inputClass);

		var _inputClass = document.createAttribute("alt");
		_inputClass.nodeValue = TESCO.locale.checkout.print;
		_input.setAttributeNode(_inputClass)

		pageTitle.appendChild(_input);

		var _lowerBtn = _input.cloneNode(false);
		pageFooter.appendChild(_lowerBtn);

		attachEvent(_input, _lowerBtn);
		
		return this;
	}

	_constructor.prototype.NAME = "TESCO.sites.UI.Checkout.PrintButton";

	function attachEvent(_input, _lowerBtn) {
		TESCO.system.event.attach(_input, "click", printConfirmation);
		TESCO.system.event.attach(_lowerBtn, "click", printConfirmation);
	}

	function printConfirmation(e) {
		e.prevent();
		window.print();
    }
	
	return _constructor;
})();