window.addEvent('domready', function() {
	//bgSizzla();
	// kirra size direkt
	window.addEvent('resize', bgSizzla);
	// kirra size vid resize av browser
	
		//element collection and settings
		var opacity = 0.7, toOpacity = 0.99;
	
		//set opacity ASAP and events
		$$('div.opacity').set('opacity',opacity).addEvents({
			mouseenter: function() {
				this.tween('opacity',toOpacity);
			},
			mouseleave: function() {
				this.tween('opacity',opacity);
			}
		});	
		
		$('svebut').addEvent('click', function(){
		$('svenska').setStyle('display', 'block');
		$('english').setStyle('display', 'none');
		});
	
		$('engbut').addEvent('click', function(){
		$('svenska').setStyle('display', 'none');
		$('english').setStyle('display', 'block');
		});

	
	
	/*
	$('notice').morph({
      'background-color': '#F9F9F9',
      'color': '#78BA91',
      'width': '200px'
    });
	*/
	
});

// ------------------------------------------------------- //

function bgSizzla(){
	var size = window.getSize();
	//var w = $('bgpic').get('width');	
	//var h = $('bgpic').get('height');
	//oldskool... (dŚ mŚste man sŠtta width och height i img-taggen)
	var w =  $('bgpic').width;
	var h =  $('bgpic').height;	
	//newskool	

	var ratio = size.x / w;
	if (w !== size.x) {
		$('bgpic').width = size.x ;
		$('bgpic').height = h * ratio ;
		}
	if ($('bgpic').height < size.y) {
	// om hojden pa bilden blir mindre an viewporten
	// sa rakna om hojden till viewporthojd samt ny bredd baserad pa det
	$('bgpic').width = (size.y / h) * w;
	$('bgpic').height = size.y;
	}

   	//$('bgpic').setStyle('opacity','0');
	$('bgpic').setStyle('display','block');
	//$('bgpic').fade('in'); // visa bilden nŠr rŠtt w+h rŠknats ut och satts
}