var bannerSlide = {};

function changeBanner(b, i, m) {
	var req = new Request({method:'get',
	  					   autoCancel: true,
						   url: '/gateway/ajaxGateway.php',
						   onSuccess: function(response){
						   		updateBanner(b);
						   }});
						   
	req.send('_module=banner_manager&mode=setNew&b='+b+'&i='+i+'&m='+m);
}

function updateBanner(fileName) {

	var t = new Request({method:'get',
						 url: '/gateway/ajaxGateway.php',
						 onSuccess: function(response) {
						 		var res = JSON.decode(response);
						 		console.log(response);
						 		$('bgCaption').set('html', 'Image: '+res.title);
						 	}
						 });
						 
	var req = new Request({method:'get',
	  					   autoCancel: true,
						   url: '/gateway/ajaxGateway.php',
						   onSuccess: function(response) {
						   		
						   		var res = JSON.decode(response);
						   		var file = res.path+fileName;
						   		var style = {
						   					 'background-image':'url('+file+')',
						   					 'background-repeat':'no-repeat',
						   					 'background-position':'top center'
						   					 }
						   					 
						   		$$('body').setStyles(style);
						   		bannerSlide.slideOut();
						   		
						   }});
	
	t.send('_module=banner_manager&mode=getBannerTitle&file='+fileName);
	req.send('_module=banner_manager&mode=getBannerPath');
	
}


window.addEvent('domready', function() {
								var el = document.getElement('ul.bgSelect li.slideContainer ul.slide');
								if(el != null) {
									bannerSlide = new Fx.Slide(el);
									bannerSlide.show();
									
									$$('ul.bgSelect li.up a').addEvent('click', function() { bannerSlide.slideOut(); } );
									$$('ul.bgSelect li.down a').addEvent('click', function() { bannerSlide.slideIn(); } );
								}
								
							});