function sendreq(imgid, artid){
	$('fylkesvaapen').src = '/img/fylkesvaapen/' + imgid + '.gif';    
	var req = new Request.HTML({url:'/article.html?artid='+artid, 
		onSuccess: function(html) {
			$('layerbody').set('text', '');
			//Inject the new DOM elements into the results div.
			$('layerbody').adopt(html);
		},
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: function() {
			$('layerbody').set('text', 'Article not found!.');
		}
	});
	req.send();
}

function showart(artid){
	var myFx = new Fx.Tween($('overlay'));
	myFx.start('opacity', 0, 0.7);
	sendreq('177', artid);
}

window.addEvent('domready', function() {
	$('hideOverlay').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0.7, 0);
		e.stop();
	});
	$('showOverlay1').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('1','21');
	});
	$('showOverlay2').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('2','19');
	});
	$('showOverlay3').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('3','20');
	});
	$('showOverlay4').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('4','22');
	});
	$('showOverlay5').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('5','24');
	});
	$('showOverlay6').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('6','18');
	});
	$('showOverlay7').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('7','17');
	});
	$('showOverlay8').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('8','16');
	});
	$('showOverlay9').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('9','15');
	});
	$('showOverlay10').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('10','14');
	});
	$('showOverlay11').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('11','13');
	});
	$('showOverlay12').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('12','12');
	});
	$('showOverlay13').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('13','11');
	});
	$('showOverlay14').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('14','10');
	});
	$('showOverlay15').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('15','9');
	});
	$('showOverlay16').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('16','8');
	});
	$('showOverlay17').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('17','7');
	});
	$('showOverlay18').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('18','6');
	});
	$('showOverlay19').addEvent('click', function(e) {
		var myFx = new Fx.Tween($('overlay'));
		myFx.start('opacity', 0, 0.7);
		e.stop();
		sendreq('19','5');
	});
});