jQuery.extend({
	InventoryDefaults: { width:"520px", top:"90px", insert:"5px", window:"10px", opacity:0.6 },
	inventory: function(client, set) {
		set = jQuery.extend({},jQuery.InventoryDefaults, set);
		$('a.toggle, label').toggle();
		var content = '<div class="windowbox" id="windowbox"><div class="windowfade" id="windowfade"></div><div style="width:500px" class="window" id="window"><div class="windowcontainer"><span class="windowclose"></span><div id="load" style="height:auto !important;height:500px;min-height:500px;margin-top:20px"></div></div></div></div>';
		var insert = $('#wrapper').append(content).children('#windowbox');
		$('#load').load('/display.html?client='+client+'&agents='+window.parent.agents);
		var box = insert.children('#window');
		var layer = insert.children('#windowfade');
		var FadeClicked = function() {
			RemoveWindow();
		};
		var PositionWindow = function() {
			var height = $('.content').height();
	  		insert.css({ position: "absolute", top: set.top, left: set.insert });
			layer.css({ position: "absolute", height: height, width: set.width });
			box.css({ position: "relative", left: set.window });
		};
		var StyleWindow = function() {
			layer.css({ zIndex: "999", display: "none", opacity: set.opacity });
			box.css({ zIndex: "1000", display: "none" });
		}
		var RemoveWindow = function(clicked, msg) {
			box.remove();
			$('label, a.toggle').toggle();	
			layer.fadeOut('slow',function() {
				layer.unbind('click', FadeClicked);
				layer.remove();
				insert.remove();
			});
		}
		DisplayPhoto();
		PositionWindow();
		StyleWindow();
		layer.click(FadeClicked);
		box.find('.windowclose').click(RemoveWindow);
		layer.fadeIn('normal');
		box.fadeIn('normal');
		return insert;
	}
});

