var Gallery = new Object();
Gallery.Start = function()
{
	var wrapper = document.getElementById('detalje');
	if (!wrapper) return;
	var detailcoll = wrapper.getElementsByTagName('img');
	if (detailcoll.length > 0) var detail = detailcoll[0];
	wrapper = document.getElementById('miniature');
	if (!wrapper) return;
	var imgcoll = wrapper.getElementsByTagName('img');
	if (detail && imgcoll)
	{
		detail.id = 'detailimage';
		detail.style.filter = 'progId:DXImageTransform.Microsoft.Fade()';
 		for (var i=0; i<imgcoll.length; i++)
		{
			imgcoll[i].onclick = Gallery.onClick;
			imgcoll[i].style.cursor= 'pointer';
		}
	}
}
Gallery.onClick= function()
{
	var d = document.getElementById('detailimage');
	if (!d) return;
	var filtered = false;
	if (d.filters && d.filters.length > 0)
	{
		filtered = true;
		d.filters[0].Apply();
	}
	d.src = this.src.replace('thumbs/','');
	if (filtered)
	{
		d.filters[0].Play();
	}
}


// --- Variant dropdown --------------------------------------//

function createDropDown() {
  //Navnet på feltet som dataerne er skrevet i.
  var elmName = 'varianttype';

  var elmText = AJS.$(elmName);
 
 if (elmText == null) alert(elmName + " kunne ikke findes.");

  var arrVars = elmText.value.split(';');

  if (arrVars.length == 1) {
    createInputField(arrVars[0]);
  } else {
   createSelect(arrVars);
 }
}

function createInputField(strName)  {
    var hidden = AJS.INPUT({type: 'hidden', name: 'variant', id: 'variant', value: strName});
    AJS.ACN(AJS.$('dropdown'), hidden);
}

/**
*This function inserts a dropdown menu in the div-field called dropdown
**/

function createSelect(arrValues) {
  var dropdown = AJS.SELECT({id: 'variant', name:'variant'});
 // var arr =  new Array();
  for (val in arrValues) {
     elm = AJS.OPTION({value: arrValues[val]}, arrValues[val]);
     AJS.ACN(dropdown, elm);
  }

  AJS.ACN(AJS.$('dropdown'), dropdown);
}


 Tangora.Events.AddHandler(window, 'onload', Gallery.Start);