window.addEvent('domready', function() {
	if ($('topmenu')) {
		var el = $('topmenu').getElements('li');
		el.getLast().setStyle('background-image','none');
	}
	
	var theImages = new Array();
	theImages[0] = '/images/etusivu/kuva1.jpg';
	theImages[1] = '/images/etusivu/kuva2.jpg';
	theImages[2] = '/images/etusivu/kuva3.jpg';
	theImages[3] = '/images/etusivu/kuva4.jpg';
	theImages[4] = '/images/etusivu/kuva5.jpg';
	theImages[5] = '/images/etusivu/kuva6.jpg';
	theImages[6] = '/images/etusivu/kuva7.jpg';
	theImages[7] = '/images/etusivu/kuva8.jpg';
	theImages[8] = '/images/etusivu/kuva9.jpg';
	theImages[9] = '/images/etusivu/kuva10.jpg';

	random_image = function () {
		var j = 0;
		var p = theImages.length;
		var preBuffer = new Array();
		
		for (i = 0; i < p; i++){
		   preBuffer[i] = new Image();
		   preBuffer[i].src = theImages[i];
		}
		whichImage = Math.round(Math.random()*(p-1));
		return whichImage;
	}
	
	function showImage(){
		image = random_image();
		$$('#mainpage_image div.image').fade('hide');
		$$('#mainpage_image div.image').setStyles({ 'background':'url('+theImages[image]+') no-repeat left top' });
		$$('#mainpage_image div.image').fade('in');
	}
	if ($('mainpage_image')) {
		showImage();
	}
	if ($('left-image')) {
		$$('#left-image div.left-image').fade('hide');
		$$('#left-image div.left-image').fade('in');
	}
	if ($('accordion')) {
		var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
			display: false,
			alwaysHide: true,
			opacity: false,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#FFFFFF');
				toggler.setStyle('background-color', '#f8f9fa');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#FFFFFF');
				toggler.setStyle('background-color', 'transparent');
			}
		});
	}
	
});

sfHover = function() {
	var sfEls = document.getElementById("lang_menu").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
