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");