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("register.png","loginf.png","register-hover.png","loginf-hover.png","show.png","deconnerxion.png");