window.addEvent('domready', function() {
	$$('#pr').addEvent('mouseover', function(){this.setStyles({'opacity': 0.4})});
	$$('#pr').addEvent('mouseout', function(){this.setStyles({'opacity': 1})});
});
function loadimg($path,$thisimg){
	var preimages = [
		$path
	];
	var main = $('main-image');
	$$('#pr').setStyles({'border': '2px solid #252525'});
	$thisimg.style.border = "2px solid #fff";
	function change(){
		main.setStyles({'opacity': 0, 'background-image': 'url('+$path+')'});
	}
	new Asset.images(preimages, {
		onComplete: function() {
			var fx = new Fx.Elements(main,{duration:1000});
			var fx1 = new Fx.Elements(main,{duration:1000});
			fx1.start({
			    '0': {
				'opacity': [1,0]
			    }
			});
			fx.start.delay(1000,fx,{
			    '0': {
				'opacity': [0,1]
			    }
			});
			change.delay(1000,change);
		}
	});
}