Event.observe(document, 'dom:loaded', domLoaded);

function domLoaded() {
	$$('#oversigt img').each(function(img) {
		img.observe('mouseover', imgMouseover);
	});
	if (loggedIn) {
		$$('#oversigt .thumbA').each(function(div) {		
			var op = new Element('div', {'class': 'adminKnap topLeft'}).update('Op');
			div.insert(op);
			op.observe('click', opClick);
			var ned = new Element('div', {'class': 'adminKnap bottomLeft'}).update('Ned');
			div.insert(ned);
			ned.observe('click', nedClick);
			var slet = new Element('div', {'class': 'adminKnap bottomRight'}).update('Slet');
			div.insert(slet);
			slet.observe('click', sletClick);
			var rediger = new Element('div', {'class': 'adminKnap topRight'}).update('Rediger');
			div.insert(rediger);
			rediger.observe('click', redigerClick);

		});
		var ny = new Element('div', {'class' : 'adminKnap', id : 'nytBillede'}).update('Nyt billede');
		$('malerier').insert(ny);
		ny.observe('click', nyClick);
	}
} 

function nyClick() {
	document.location="/admin/uploadGalleriBillede";
}

function imgMouseover(event) {
	var id = event.element().id.substring(10);
	$$('.billedDIV').each(function(e) {
		e.setStyle({display : 'none'});
	});
	$('billedDIV_'+id).setStyle({display: 'block'});
}

function findId(event) {
	var e = event.element();
	if(!e.hasClassName('thumbA')) {
		e = e.up('.thumbA');
	}
	return e.id.substring(7);
}

function opClick(event) {
	var id = findId(event);
	document.location = '/action/flytGalleriBillede?id='+id+'&dest=op';
}

function nedClick(event) {
	var id = findId(event);
	document.location = '/action/flytGalleriBillede?id='+id+'&dest=ned';
}

function sletClick(event) {
	if (confirm('Er du sikker på du vil slette dette billede?')) {
		var id = findId(event);
		document.location = '/action/sletGalleriBillede?id='+id;
	}
}

function redigerClick(event) {
	var id = findId(event);
	document.location = '/admin/redigerGalleriBillede?id='+id;
}