ObjectManager.load("/css/controls.css");

var Belt = {
	commit: function(e) {
		Popup
				.setContent("<p><img src=\"/images/popup_indicator.gif\"> Adding item to your order...</p>");
		Popup.show();
		window
				.setTimeout(
						function() {
							Ajax
									.asyncRequest(
											"POST",
											"/commands/myorder.php",
											Ajax.serialize(
													"add",
													"Add to My Order") + "&" + Belt.input
													.serialize(),
											{
												success: function(Obj) {
													Popup
															.setContent("<p>Item was successfully added to your order.</p><a class=\"popup-button close\" href=\"#\"><img alt=\"Continue Shopping\" border=\"none\" src=\"/images/btn_continueshopping.png\"></a> <a class=\"popup-button close\" href=\"/myorder.php\"><img alt=\"My Order\" border=\"none\" src=\"/images/btn_myorder.png\"></a>");
												}
											});
						},
						1000);
		e.preventDefault();
	},
	initialize: function() {
		Belt.node = Innecto.$("belt-options");
		Belt.input = new Input(Belt);
		EventManager.add(window, "load", function() {
			Belt.input.initialize();
			Popup.initialize();
			PhotoViewer.initialize(Innecto.$("belt-photo"), Innecto
					.$("belt-variations"));
			EventManager.add(
					Innecto.$("belt-options-addtomyorder"),
					"click",
					Belt.commit);
		});
	}
};

Belt.initialize();