﻿var dwProtector = new Class({

	Implements: [Options],

	options: {
		image: 'blank.gif',
		elements: $$('img'),
		zIndex: 10
	},
	
	initialize: function(options) {
		this.setOptions(options);
		
		this.protect();
	},
	
	protect: function() {
		this.options.elements.each(function(el) {
			var size = el.getCoordinates();
			var p = new Element('img', {
				src: this.options.image,
				width: size.width,
				height: size.height,
				styles: {
					'z-index': this.options.zIndex,
					'left': size.left + 'px',
					'top': size.top + 'px',
					'position': 'absolute',
					'border': '0px'
				}
			}).inject($(document.body),'top');
		},this);
		
	}
});

window.addEvent('domready', function() {
	var protector = new dwProtector({
		image: 'http://aquatab.net/images/blank.gif',
		elements: $$('.view')
	});
});