var boxes = [];
showBox = function (box,focusobj, caller) {
	box=$(box);
	if (!box) return;
	if ($(caller)) box._caller = $(caller);
	boxes.include (box);

	if (box.getStyle('display') == 'none') {
		box.setStyles({
			display: 'block',
			opacity: 0
		});
	}

	if (box.status == 'show') {

		//hide
		box.status = 'hide';
		var fx = new Fx.Style (box,'opacity');
		fx.stop();
		fx.start (box.getStyle('opacity'), 0);
		if (box._caller) box._caller.removeClass ('show');

	} else {

		boxes.each(function(box1){

			if (box1!=box && box1.status=='show') {

				box1.status = 'hide';
				var fx = new Fx.Style (box1,'opacity');

				fx.stop();

				fx.start (box1.getStyle('opacity'), 0);
				if (box1._caller) box1._caller.removeClass ('show');

			}

		},this);

		box.status = 'show';

		var fx = new Fx.Style (box,'opacity',{onComplete:function(){if($(focusobj))$(focusobj).focus();}});
		fx.stop();

		fx.start (box.getStyle('opacity'), 1);

		if (box._caller) box._caller.addClass ('show');
	}

}

var myimages=new Array()

function preloadimages(){
for (j=0;j<preloadimages.arguments.length;j++){
myimages[j]=new Image()
myimages[j].src=preloadimages.arguments[j]
}

}

preloadimages("login.png","login-hover.png","show.png","deconnerxion.png");