// use /js/jquery.tools.js

var overlay = {
	'$container':	'',
	'$loader':	'',
	'timer':	'',
	'position':	0,

	'show': function () {
			if (!overlay.$container) {
				overlay.$container = $('<div id="overlay-container"><div id="overlay-body">Please Wait While We Gather Your Results<div id="overlay-loader"></div></div></div>')
						.appendTo("body")
						.overlay({
								top: 100,

								mask: {
									color: '#999999',
									loadSpeed: 200,
									opacity: 0.5
								},

								closeOnClick: false,
								onBeforeLoad: function () {
										overlay.timer = setInterval(function () {
												if (!overlay.$loader) {
													overlay.$loader = $("#overlay-loader", overlay.$container)
												}
												overlay.position < 0? overlay.position = overlay.position + 31: overlay.position = -217
												overlay.$loader.css('background-position', overlay.position + 'px 0')
											}, 100)
									},
								onBeforeClose: function () {
										if (overlay.timer) {
											clearInterval(overlay.timer)
											overlay.timer = 0
										}
									},
							})
			}

			overlay.$container.data('overlay').load()
		}
}


$(function () {
		var img = new Image()
		img.src = '/images/loader.png'
	})