var 	_page = 1;
var pages = 'billboards/billboard';
var current_page = 1; 
var start = 1;
var end = 3;
var ajaxcontentarea = null;
window.addEvent('domready', function() {


	ajaxcontentarea = $('ajaxcontentarea');

	$('prev').addEvent('click', function(e){
		current_page--;
		if(current_page == 0){
			
			current_page = end;
			
		}
		
		var opa = new Fx.Style(ajaxcontentarea, 'opacity',{duration: 2000, transition: Fx.Transitions.Quart.easeOut});  
		
		
		opa.addEvent('onComplete',function(){
			
			var ajax = new Ajax(pages + "-" + (current_page) + ".html", { 
				update: ajaxcontentarea,
				method: 'get',
				evalScripts : true,
				onComplete: function() {
					var progress = new Fx.Style(ajaxcontentarea, 'opacity',{duration: 1000, transition: Fx.Transitions.Quart.easeOut});
					progress.start(0,1);
				},
				onCancel: function() {
				}
			});
		
			ajax.request();
			
			
			
		}); 
		
		opa.start(1,0);
		
	});
	

	$('next').addEvent('click', function(e){
		current_page++;
		if(current_page == end+1){
			
			current_page = start;
			
		}
		
		var opa = new Fx.Style(ajaxcontentarea, 'opacity',{duration: 1000, transition: Fx.Transitions.Quart.easeOut});  
		
		
		opa.addEvent('onComplete',function(){
			
			var ajax = new Ajax(pages + "-" + (current_page) + ".html", { 
				update: ajaxcontentarea,
				method: 'get',
				evalScripts : true,
				onComplete: function() {
					var progress = new Fx.Style(ajaxcontentarea, 'opacity',{duration: 2000, transition: Fx.Transitions.Quart.easeOut});
					progress.start(0,1);
				},
				onCancel: function() {
				}
			});
		
			ajax.request();
			
			
			
		});
		
		opa.start(1,0);
		
		
	});



	
	
	/* our ajax istance */
	var ajax = new Ajax(pages + "-" + (start) + ".html", { 
		update: ajaxcontentarea,
		method: 'get',
		evalScripts : true,
		onComplete: function() {
		},
		onCancel: function() {
		}
	});
	
	ajax.request();
	

});