Iframes laddas om när jag med innerHTML lägger till en ny iframe till en sida

Jag har en liten pryl som gör att man kan växla mellan olika sidor från en meny som ser ut som koden här nedan.
Men när man öppnar en ny sida (skriver en ny iframe till sidan) så laddas alla sidor som finns i de olika iframens om. Varför gör de det och hur kan jag förhindra det?

function skriv(){
  var i = 1;
 
  fonsterID++;
  ID = fonsterID;
  fonster[fonster.length]=ID;
  document.all['sidor'].innerHTML+="<span id=\"knapp"+ID+"\" onclick=\"valjSida('"+ID+"')\" style=\"cursor: default; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; font-family: Tahoma; font-size: 9px; padding: 2px; background-color: #CCCCCC; margin-left: 3px; height: 18px;\">"+
  "Nytt-"+ID+"</span>";
  sHTML = parent.topframe.document.all['foo'].innerHTML;
  sHTML += "<span id=\"fonster"+ID+"\" style=\"width: 100%; height: 100%; background-color: #0020FF;\">"+
  "<iframe src=\"redigeraren.asp\" width=\"100%;\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" ></iframe></span>"
  parent.topframe.document.all['foo'].innerHTML = sHTML
  valjSida(ID);
  focusPage=ID;
}

Med denna kod väljer den rätt iframe som ska visas.

function valjSida(ID){
 for (i in fonster){
	  if(fonster[i]!=ID){
	    parent.topframe.document.all['fonster'+fonster[i]].style.display='none';
		document.all['knapp'+fonster[i]].style.backgroundColor='#CCCCCC';
	  }
	  else{
	    parent.topframe.document.all['fonster'+fonster[i]].style.display='';
		document.all['knapp'+ID].style.backgroundColor='#FFFFFF';
	  }
	}
  focusPage = ID;
}