function vis_billede(fra)
{
	// funktionen får thumbnail-billedets navn og beregner selv resten
	var frathumb= document.getElementById(fra);
	var strUrl =frathumb.src; // fx fileadmin/km_billeder/thumbs/382.jpg
	var storUrl =strUrl.replace('thumbs/', '');
	var bg= storUrl.indexOf("/fileadmin/");
	storUrl=  storUrl.substring(bg,100);
	//alert(storUrl);
	var bildiv= document.getElementById("billedviser");
//	var str="<a href='" + strUrl.replace('thumbs/', '') + "' target='_blank'><img id=mlmbillede class=mlmbillede src='" + strUrl.replace('thumbs/', 'mellem/') + "' alt='Klik for at se billedet i fuld størrelse' border=0></a>";
	var str="<a href='fileadmin/km_kort/foto_ramme.html?" + storUrl + "' target='_blank'><img id=mlmbillede class=mlmbillede src='" + strUrl.replace('thumbs/', 'mellem/') + "' alt='Klik for at se billedet i fuld størrelse' border=0></a>";
	//str += "<p id=btext style='size:absolute; text-align:left'>" + frathumb.alt + "</p>";
	str += "<br>" + frathumb.alt + "<br>";
	str += "<center><button onClick=skjul_billede()>Luk billedet</button></center>";
	
	var tvis= document.getElementById("tekstviser");
	tvis.style.display="none";
	bildiv.innerHTML=str;
	
	//alert(document.getElementById("mlmbillede").width);// + "\n" + document.getElementById("btext").style.left= bildiv.style.width - document.getElementById("mlmbillede").style.width);
	bildiv.style.display="block";
	//document.getElementById("btext").style.width=document.getElementById("mlmbillede").width;

}

function skjul_billede()
{
	var bildiv= document.getElementById("billedviser");
	bildiv.style.display="none";

	var tvis= document.getElementById("tekstviser");
	tvis.style.display="block";
}

function indholdSize()
{
	// sætter størrelsen på elementerne
		var bilhoj=0;
		try
		{
			bilhoj=document.getElementById("billedfrise").style.height; 
			bilhoj= getNumber(bilhoj);
		}
		catch (exception)
		{
			 //alert (exception.message );
			bilhoj=0;
		}
		finally
		{
			var helhoj = document.body.offsetHeight;
			var nyhoj=helhoj-bilhoj-80;
			//alert(helhoj + "\n" + bilhoj + "\n" + nyhoj);
			document.getElementById("hovedfelt").style.height=nyhoj;
		}
}

function getNumber(stringNo) 
{
	var parsedNo = ""; 
	for(var n=0; n<stringNo.length; n++) 
	{
		var i = stringNo.substring(n,n+1); 
		if(i=="1"||i=="2"||i=="3"||i=="4"||i=="5"||i=="6"||i=="7"||i=="8"||i=="9"||i== "0") parsedNo += i; 
	} 
	//return parseInt(parsedNo); 
	return parsedNo; 
} 


var posi=new Array();
var poslink=new Array();
var posantal= new Array();

function getMouseXY(evt)
{
		var bb = document.getElementById('bild');
    var overdiv= document.getElementById('Over');
    overdiv.style.display='none';
		var xevt = new xEvent(evt);

//    var x=(event.clientX - 202)*100/bb.width;
//    var y=(event.clientY - 82) *100/bb.height;
    var x=(xevt.offsetX)*100/bb.width;
    var y=(xevt.offsetY) *100/bb.height;
    status = 'X = ' + x + ', Y = ' + y;
    //status= event.target;
    //var tx='';
    //alert(posi.length);
    for (i=0;i<posi.length;i=i+4)
    {
      if ( x>posi[i]  && y>posi[i+1] && x<posi[i+2] && y<posi[i+3] )
      {
        var bilnr = (i/4);
//        alert('Her er Billede Nr ' + bilnr);
        status= 'Fundet: ' + bilnr;
        
        overdiv.innerHTML= poslink[bilnr].replace(/<a href='/, "<a href='fileadmin/km_kort/foto_ramme.html?");
//        var divleft= posi[i] * bb.width/100 +15;
//        var divtop= 15+(posi[i+1] * bb.height/100);
        var divleft= x * bb.width/100 -5;
        var divtop= y * bb.height/100 -5;
        //status=bb.height;
        overdiv.style.left=divleft;
        overdiv.style.top=divtop;
        overdiv.style.zIndex=100;
        if (posantal[bilnr]>3)
        {
					overdiv.style.width='450px';
					//status=overdiv.style.width;
					overdiv.style.overflow='scroll'; 
					
        }
        else
        {
					overdiv.style.width='100px';
					overdiv.style.overflow='visible'; 
        }
        overdiv.style.display='block';
      }
      
    }
  
  return true;
}

function nulstil_kmliste()
{
	// sæt alle listerne til alle
	document.getElementById('landtype').selectedIndex=0;
	document.getElementById('emne').selectedIndex=0;
	document.getElementById('tema').selectedIndex=0;
	document.getElementById('tid').selectedIndex=0;
	
	//hvis ikke det sker automatisk, så kør udvælgelsen
	udvaelg_km();
}

function udvaelg_km()
{
	var olist=document.getElementsByTagName('a');
	// hvad er de valgte værdier?
	var landtype = document.getElementById('landtype').value;
	var emne = document.getElementById('emne').value;
	var tema = document.getElementById('tema').value;
	var tid = document.getElementById('tid').value;
	//alert(landtype + "\n" + emne + "\n" + tema + "\n" + tid);
	for (i=0; i<olist.length;i++)
	{
		if (olist[i].className=='kmliste')
		{
			var vis=1;
			
			if (landtype !='-1' && olist[i].getAttribute('landskabstype') != landtype) vis=0;
			if (emne !='-1' && olist[i].getAttribute('emne') != emne) vis=0;
			if (tema !='-1' && olist[i].getAttribute('tema') != tema) vis=0;
			if (tid !='-1' && olist[i].getAttribute('tid') != tid) vis=0;
			//alert(i + " " + vis);
			if (vis==0) olist[i].style.display='none';
			else olist[i].style.display='block';
		}
	}
}

