window.addEvent('domready', function() {
	openBoxLinks = $$('.openBox');
	closeBoxLinks = $$('.closeBox');	

	for (i=0;i<openBoxLinks.length;i++) {
		openBoxLinks[i].addEvent('click', function(e) {
			e.stop();
			
			boxPrefix = this.get('rel');
			boxUrl = this.get('href');
			
			if ($(boxPrefix+'Container').get('html').trim() == '') {
				
				$(boxPrefix+'Loader').setStyle('display', 'inline');
				new Fx.Slide(boxPrefix+'Container').slideOut().chain(function(){
					new Request.HTML({update: boxPrefix+'Container', 
						onComplete: function(response) {
							$(boxPrefix+'Loader').setStyle('display', 'none');
							new Fx.Slide(boxPrefix+'Container').slideIn().chain(function(){
								$(boxPrefix+'Close').setStyle('display', 'inline');
								$(boxPrefix+'Open').setStyle('display', 'none');
								
								new Request({url: 'user/setting/' + boxPrefix + '/1'}).send();
								
								setToolTips(1);
							});
						}
					}).get(boxUrl);
				});			
			} else {
				new Fx.Slide(boxPrefix+'Container').slideIn().chain(function(){
					$(boxPrefix+'Close').setStyle('display', 'inline');
					$(boxPrefix+'Open').setStyle('display', 'none');
				});
				
				new Request({url: 'user/setting/' + boxPrefix + '/1'}).send();				
			}
			

		});		
	}
	
	for (i=0;i<closeBoxLinks.length;i++) {
		closeBoxLinks[i].addEvent('click', function(e) {
			e.stop();

			boxPrefix = this.get('rel');

			new Fx.Slide(boxPrefix+'Container').slideOut().chain(function(){
				$(boxPrefix+'Close').setStyle('display', 'none');
				$(boxPrefix+'Open').setStyle('display', 'inline');
			});
			
			new Request({url: 'user/setting/' + boxPrefix + '/0'}).send();
		});		
	}		
	
});