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