ie = (document.all) ? true:false; // IE4+
dom = ((document.getElementById) && (!ie)) ? true:false; // Mozilla 

function setEventById(id, ev, fu) {
	if(dom) {
		document.getElementById(id).addEventListener(ev, fu, false);
	}

	if(ie) {
		document.getElementById(id).attachEvent('on' + ev, fu);
	}
}

setEventById("un","focus",hide1);
setEventById("un","blur",hide1);
setEventById("pw","focus",hide2);
setEventById("pw","blur",hide2);
setEventById("avec1", "click", changeAvec1);
setEventById("avec2", "click", changeAvec2);
setEventById("avec3", "click", changeAvec3);

function changeAvec1() {switcher('1');}
function changeAvec2() {switcher('2');}
function changeAvec3() {switcher('4');}

function switcher(who) {
	aP = eval("document.getElementById(\"avecPop_"+who+"\")");
	if(aP.className == "avecPop_of") {
		switchOf();
		aP.className = "avecPop_on";
	} else {
		aP.className = "avecPop_of";
	}
}

function switchOf() {
	document.getElementById("avecPop_1").className = "avecPop_of";
	document.getElementById("avecPop_2").className = "avecPop_of";
	document.getElementById("avecPop_3").className = "avecPop_of";
	document.getElementById("avecPop_4").className = "avecPop_of";
}

function hide1() {
	col = document.getElementById("un");
	if(col.value == "Medlemsnr") {
		col.value = "";
	} else if(col.value == "") {
		col.value = "Medlemsnr";
	}
}

function hide2() {
	col = document.getElementById("pw");
	if(col.value == "Lšsenord") {
		col.value = "";
	} else if(col.value == "") {
		col.value = "Lšsenord";
	}
}