function initCarousel_html_carousel() {
	carousel = new Carousel('html-carousel', {animHandler:animHandler, animParameters:{duration:0.5}, buttonStateHandler:buttonStateHandler, nextElementID:'next-arrow', prevElementID:'prev-arrow', size:31})
}
	
Event.observe(window, 'load', initCarousel_html_carousel);
// Event.observe(window, 'load', $('html-carousel').width = $('navi_galleria').getWidth - 70);
function buttonStateHandler(button, enabled) {
	var layoutPath = '/gfx/layout/';
	if (button == "prev-arrow") {
	   if(enabled)
			$('prev-arrow').addClassName('enabled').src = layoutPath + "nuoli-left-enabled.gif";
		else
			$('prev-arrow').removeClassName('enabled').src = layoutPath + "nuoli-left-disabled.gif";
	} else { 
		if(enabled)
			$('next-arrow').addClassName('enabled').src = layoutPath + "nuoli-right-enabled.gif";
		else
			$('next-arrow').removeClassName('enabled').src = layoutPath + "nuoli-right-disabled.gif";
	}
}

function animHandler(carouselID, status, direction) {
  var region = $(carouselID).down(".carousel-clip-region")
  if (status == "before") {
	Effect.Fade(region, {to: 0.6, queue: { position:'end', scope: "carousel" }, duration: 0.2})
  }
  if (status == "after") {
	Effect.Fade(region, {to: 1, queue: { position:'end', scope: "carousel" }, duration: 0.2})
  }
}

var curKuva = 0;
Event.observe(window, 'load', function() {
	Event.observe(
		$('gallerythumbs'),
		'click',
		function(e) {
			if (Event.element(e).id == 0) return false;
			if (Event.element(e).id == curKuva) {
				new Effect.Pulsate('mp',{duration: 0.3, from: 0.9, pulses: 2});
				return false;
			}
			Effect.Fade(
				'mp',
				{queue: {position:'front', scope:'scmainp', limit:2},
				duration: 0.15,
				beforeStart: function(){showLoadingImage()},
				afterFinish: function(){updateMainpic(Event.element(e))}}
			);
			curKuva = Event.element(e).id;
		}
	);
	Event.observe(
		$('mp'),
		'load',
		function showGalleryImage(vnt) {
			new Effect.Appear(
				('mp'),
				{queue: {position:'end', scope: 'scmainp', limit: 2},
				duration: 0.3,
				afterFinish: function(){new Effect.Fade('loading', { duration: 0.3})}}
			);
		}
	);
});

function updateMainpic(e) {
	new Ajax.Updater(
			'galleria_mainpic',
			'?sivu=ajax/kuva/noudameta/' + e.id,
			{ method: 'get',
			  onSuccess: function(){new Effect.Fade('loading', { duration: 0.3})}
			}
		);
	
}

function showLoadingImage() {
	$('mp_extrainfo').update('Noudetaan kuvan tietoja...');
	$('loading').update('<img src="/gfx/loading.gif">');
	new Effect.Appear('loading', {duration: 0.2});
}