window.addEvent('domready', function(){
	if($('gallery')){
		$$('img.image').setStyle('opacity',0);
		$$('img.image.active').setStyle('opacity', 1);
		var banners_move;
		var time=5000;		
		banners_move = setInterval("next_banner()", time);
	}
});

function pic_change(id){
	var current_banner = $$('img.image.active');
	var open_banner = $('model_' + id);
	fader(current_banner, 1, 0);

	$('model_'+id).removeClass('dn');
	fader(open_banner, 0, 1);
	
	current_banner.toggleClass('active');
	open_banner.toggleClass('active');
}

function fader(obj, from, to, duration, transition){
	dur = duration ? duration : 2000;
	trans = transition ? transition : Fx.Transitions.Sine.EaseOut;
	obj.set('morph',{duration:dur,transition:trans});
	obj.morph({opacity:[from,to]});
}

function next_banner(){
	var curr_banner = $$('img.image.active')[0].id;
	var next_banner = curr_banner.split('_')[1].toInt() + 1;
	if (next_banner > $$('img.image').length) next_banner = 1;
	pic_change(next_banner);
}

function prev_banner(){
	var curr_banner = $$('img.image.active')[0].id;
	var next_banner = curr_banner.split('_')[1].toInt() - 1;
	if (next_banner > $$('img.image').length) next_banner = 1;
	pic_change(next_banner);
}