function imagePanelImageClick(imageId,fileId,fileFormat) {
  var checkbox = $('imageId' + imageId);
  checkbox.checked = checkbox.checked ? false : true;
  if (checkbox.checked) {
	addImage(imageId,'/orkideer/bilder/medlem/' + fileId + '.100' + fileFormat);
  } else {
	removeImage(imageId);
  }
}

function deletePanel() {
  if ($('panelContainer')) {
	var div = $('panelContainer');
	div.parentNode.removeChild(div);
  }
}

function getPostImagePanel(containerId, scope, multiplicity) {

  // init panel
  if (!$('panelContainer')) {
	var div = document.createElement('div');
	div.setAttribute('id', 'panelContainer');
	var mainDiv = $('panelContainerContainer') ? $('panelContainerContainer') : $('main');
	mainDiv.appendChild(div);
  }

  var selected = getSelectedImages(containerId);
  var filters  = getFilters();

  var parameters = filters;
  parameters.set('gem',          'getPostImagePanel');
  parameters.set('scope',        scope);
  parameters.set('multiplicity', multiplicity),
  parameters.set('selected',     selected);
  parameters.set('ws',           '1');
  parameters.set('rand',         Math.random());

  new Ajax.Request(base_url, {
	parameters: parameters,
	onSuccess: function(transport) {
	  $('panelContainer').innerHTML = transport.responseText;
	}
  });
}

function getSelectedImages(containerId) {
  var selected = new Array;
  var labels = $$('#' + containerId + ' label');
  for (var index = 0; index < labels.length; ++index) {
	var label = labels[index];
	var input = $$('#' + label.id + ' input')[0];
	selected.push(input.value);
  }
  return selected;
}

function getFilters() {
  var filters = $$('#panelContainer #filterContainer select');

  var hash = new Hash;
  for (var index = 0; index < filters.length; ++index) {
	hash.set(filters[index].id, filters[index].value);
  }

  return hash;
}

function addImage(imageId, imageUrl) {
  if ($('imagePanelMultiplicity') && $('imagePanelMultiplicity').value == 'single') {
	$('imagesContainer').update();
  }
  var imageCode = '<label id="imageLabelFor' + imageId + '"><input type="hidden" name="bilder" value="' + imageId + '" /><img src="' + imageUrl + '" /></label>';
  $('imagesContainer').update($('imagesContainer').innerHTML + imageCode);
}

function removeImage(imageId) {
  var nodes = $$('#imagesContainer #imageLabelFor' + imageId);
  if (nodes) {
	var node = nodes[0];
	if (node) {
	  node.remove();
	}
  }
}