window.addEvent('domready', function(){

	//ADD SHOW PASSWORD BUTTON
	if(!Browser.Engine.trident) {
		$$('input[type=password]').each(function(item, index) {
			//get elements
			var container = new Element('div', {'class': 'showHidePassword'});
			var btn = new Element('a', {'id': item.id + 'ShowHideBtn', 'title': 'Display Characters'});
			var a = new Element('a');
			var size = item.getSize();
			//set styles
			item.setStyle('width',size.x - (size.y + 8));
			container.setStyles({
				'display':item.getStyle('display'), 'float':item.getStyle('float'), 
				'clear':item.getStyle('clear'), 'width': size.x
			});
			btn.setStyles({
				'margin': '0px', 'display':'inline-block', 'height': size.y, 'width': size.y,
				'float':'right', 'clear':'none', 'cursor':'pointer'
			});
			a.setStyles({
				'margin-top': ((size.y - 16) / 2), 'margin-right': 'auto', 'margin-bottom':'0px', 'margin-left': '4px', 'display':'block', 
				'float':'none', 'clear':'none', 'height':'16px', 'width':'16px',
				'background-position':'top left', 'background-repeat':'no-repeat', 
				'background-image':'url(http://www.siteoncall.com/images/common/showhide_password.gif)'
			});
			//click
			btn.addEvent('click',function() {
				var fld = item.getParent('form').getElement('input[id='+this.id.slice(0,-11)+']');
				var a = this.getElement('a');
				if(fld.get('type') == 'password') {
					fld.set('type','text');
					a.setStyle('background-position','bottom left');
					a.addClass('off');
				} else {
					fld.set('type','password');
					a.setStyle('background-position','top left');
					a.removeClass('off');
				}
			});
			//add to dom
			btn.grab(a);
			container.wraps(item);
			btn.inject(item,'before');
		});
	}
	
});