window.addEvent('domready', function(){
	$$('img.model-image.active').setStyle('opacity', 1);

	$$('a.banner_button').each(function(el){
		el.addEvent('click', function(e){
			e.stop();
			banner_change(el.rel);
		});
	});

	if($('model_prev')) $('model_prev').addEvent('click', function(e){
		e.stop();
		prev_banner();
		clearTimeout(banners_move);
		banners_move = setInterval("next_banner()", 5000);
	});
	
	if($('model_next')) $('model_next').addEvent('click', function(e){
		e.stop();
		next_banner();
		clearTimeout(banners_move);
		banners_move = setInterval("next_banner()", 5000);
	});
	
	$$('a.krogci').each(function(el){
		el.addEvent('click',function(e){
			e.stop();
			banner_change(el.rel);
			clearTimeout(banners_move);
			banners_move = setInterval("next_banner()", 5000);
		});
	});
	
	if($('model_next')) var banners_move = setInterval("next_banner()", 5000);

});

function banner_change(id){
	var current_banner = $$('img.model-image.active');
	var open_banner = $('model_' + id);
	fader(current_banner, 1, 0);
	fader(open_banner, 0, 1);
	current_banner.toggleClass('active');
	open_banner.toggleClass('active');
	//$$('a.krogci.on').removeClass('on').setStyle('color','#727E87');
	//$('krogec_'+id).addClass('on').setStyle('color','#FF9000');
}

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.model-image.active')[0].id;
	var next_banner = curr_banner.split('_')[1].toInt() + 1;
	if (next_banner > $$('img.model-image').length) next_banner = 1;
	banner_change(next_banner);
}

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