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