window.addEvent('domready', function() {
	bgSizzla();
	// kirra size direkt
	window.addEvent('resize', bgSizzla);
	// kirra size vid resize av browser
	
	$$('.intropage').addEvent('click', function(){
    //satter url till splashsidan
    location.href="home.php?sort=recent";
    });
	
	// fixar rollon (suffix _on pa originalbilden) at bilder med class: marxover
	$$('img.marxover').each(function(img) {
	var src = img.getProperty('src');
	var extension = src.substring(src.lastIndexOf('.'),src.length)
	img.addEvent('mouseenter', function() { img.setProperty('src',src.replace(extension,'_on' + extension)); });
	img.addEvent('mouseleave', function() { img.setProperty('src',src); });
	});
	
});

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

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
}