// Java-Script

function rahmenInhalt(von, bis)
{
//	alert(imgFelder.length);
	
	var differenz;
	var anzahlBilder = ( (bis-von)+1);
	var anzahlLuecken = anzahlBilder +1;
	var lueckenBreite;

	  chr300303_0 = new Image(220, 168);
	  chr300303_1 = new Image(237, 216);
	  chr300303_2 = new Image(279, 181);
	  chr300303_3 = new Image(264, 152);
	  chr300303_4 = new Image(264, 152);
	  chr300303_5 = new Image(235, 184);
	  chr300303_6 = new Image(178, 169);
	  chr300303_7 = new Image(281, 208);
	  chr300303_8 = new Image(166, 239);
	  chr300303_9 = new Image(231, 144);
	  chr300303_10 = new Image(175, 309);
	  chr300303_11 = new Image(161, 217);
	  chr300303_12 = new Image(230, 172);
	  chr300303_13 = new Image(348, 198);
	  chr300303_14 = new Image(280, 161);
	  chr300303_15 = new Image(342, 166);
	  chr300303_16 = new Image(252, 199);
	  chr300303_17 = new Image(235, 139);
	  chr300303_18 = new Image(293, 146);
	  chr300303_19 = new Image(327, 196);
	  
	  chr300303_0.src = "images/30032003/chr300303_19.jpg";
	  chr300303_1.src = "images/30032003/chr300303_16.jpg";
	  chr300303_2.src = "images/30032003/chr300303_14.jpg";
	  chr300303_3.src = "images/30032003/chr300303_15.jpg";
	  chr300303_4.src = "images/30032003/chr300303_17.jpg";
	  chr300303_5.src = "images/30032003/chr300303_20.jpg";
	  chr300303_6.src = "images/30032003/chr300303_1.jpg";	  
	  chr300303_7.src = "images/30032003/chr300303_3.jpg";
	  chr300303_8.src = "images/30032003/chr300303_2.jpg";
	  chr300303_9.src = "images/30032003/chr300303_4.jpg";	  
	  chr300303_10.src = "images/30032003/chr300303_13.jpg";
	  chr300303_11.src = "images/30032003/chr300303_5.jpg";
	  chr300303_12.src = "images/30032003/chr300303_6.jpg";
	  chr300303_13.src = "images/30032003/chr300303_11.jpg";
	  chr300303_14.src = "images/30032003/chr300303_12.jpg";
	  chr300303_15.src = "images/30032003/chr300303_18.jpg";
	  chr300303_16.src = "images/30032003/chr300303_7.jpg";
	  chr300303_17.src = "images/30032003/chr300303_9.jpg";
	  chr300303_18.src = "images/30032003/chr300303_10.jpg";
	  chr300303_19.src = "images/30032003/chr300303_8.jpg";
	  
	  
	  chr = new Array(20);
	  src = new Array(20);

	  chr[0] = chr300303_0;
	  chr[1] = chr300303_1;
	  chr[2] = chr300303_2;
	  chr[3] = chr300303_3;
	  chr[4] = chr300303_4;
	  chr[5] = chr300303_5;
	  chr[6] = chr300303_6;
	  chr[7] = chr300303_7;
	  chr[8] = chr300303_8;
	  chr[9] = chr300303_9;
	  chr[10] = chr300303_10;
	  chr[11] = chr300303_11;
	  chr[12] = chr300303_12;
	  chr[13] = chr300303_13;
	  chr[14] = chr300303_14;
	  chr[15] = chr300303_15;
	  chr[16] = chr300303_16;
	  chr[17] = chr300303_17;
	  chr[18] = chr300303_18;
	  chr[19] = chr300303_19;
	  
	  src[0] = chr300303_0.src;
	  src[1] = chr300303_1.src;
	  src[2] = chr300303_2.src;
	  src[3] = chr300303_3.src;
	  src[4] = chr300303_4.src;
	  src[5] = chr300303_5.src;
	  src[6] = chr300303_6.src;
	  src[7] = chr300303_7.src;
	  src[8] = chr300303_8.src;
	  src[9] = chr300303_9.src;
	  src[10] = chr300303_10.src;
	  src[11] = chr300303_11.src;
	  src[12] = chr300303_12.src;
	  src[13] = chr300303_13.src;
	  src[14] = chr300303_14.src;
	  src[15] = chr300303_15.src;
	  src[16] = chr300303_16.src;
	  src[17] = chr300303_17.src;
	  src[18] = chr300303_18.src;
	  src[19] = chr300303_19.src;

	if(anzahlBilder == 2)
	{
	  differenz = (wert[1] - (chr[von].width + chr[bis].width))
	  lueckenBreite = differenz/anzahlLuecken-15;
	  var maxBildhoehe;
	  var hoehenKorrektur;
	  if(chr[bis].height >= chr[von].height)
	  	maxBildhoehe = chr[bis].height;
	  else
	  	maxBildhoehe = chr[von].height;
/*
	alert("Anzahl Bilder: " + anzahlBilder + "\n" +
		//src[von] + ".height: " + chr[von].height + "\n" +
		//src[von] + ".width: " + chr[von].width + "\n" +
		//src[bis] + ".height: " + chr[bis].height + "\n" +
		//src[bis] + ".width: " + chr[bis].width + "\n" +
		"Breite der Bilder gesamt: " + (chr[von].width + chr[bis].width) + "\n" + 
		"Breite div rechts: " + wert[1] + "\n" +
		"Differenz: " + differenz + "\n" +
		"Lueckenbreite: " + lueckenBreite					);
*/
  	  hoehenKorrektur = ((maxBildhoehe - chr[von].height)/2)*-1;
	  document.write("<span style=\"margin-left: " + lueckenBreite + "px\">  " + 
	  "<img  id=\"img" + von.toString(10) + "\" class=\"bildtext\" " + 
	  "style=\" top:" + hoehenKorrektur +  "px\" " +
	  "src=\"   " + src[von] + "\"  alt=\"\"   " +
	  "height=\"" + chr[von].height + " px\" width=\"" + chr[von].width + "px\" /></span> ");

	  hoehenKorrektur = ((maxBildhoehe - chr[bis].height)/2)*-1;
	  document.write("<span style=\"margin-left: " + lueckenBreite + "px\">  " + 
	  "<img  id=\"img" + bis.toString(10) + "\" class=\"bildtext\" " + 
	  "style=\" top:" + hoehenKorrektur +  "px\" " +
	  "src=\"   " + src[bis] + "\"  alt=\"\"   " +
	  "height=\"" + chr[bis].height + " px\" width=\"" + chr[bis].width + "px\" /></span> ");

	}


	if(anzahlBilder == 3)
	{
  	  differenz = (wert[1] - (chr[von].width + chr[von+1].width + chr[bis].width))
	  lueckenBreite = differenz/anzahlLuecken;
	  var maxBildhoehe = chr[von].height;
	  var hoehenKorrektur;
	  for(var c = von+1; c <= bis; c++)
	  {
	  	if(chr[c].height >= maxBildhoehe)
	  		maxBildhoehe = chr[c].height;
	  }
	  hoehenKorrektur = ((maxBildhoehe - chr[von].height)/2)*-1;
	  //alert (maxBildhoehe + "\n" + hoehenKorrektur);
	  document.write("<span style=\"margin-left: " + (lueckenBreite ) + "px\" >  " + 
	  "<img  id=\"img" + von.toString(10) + "\" class=\"bildtext\" " + 
	  "style=\" top:" + hoehenKorrektur +  "px\" " +
	  "src=\"   " + src[von] + "\"  alt=\"\"   " +
	  "height=\"" + chr[von].height + " px\" width=\"" + chr[von].width + "px\" /></span> ");

	  hoehenKorrektur = ((maxBildhoehe - chr[von+1].height)/2)*-1;
	  //alert (maxBildhoehe + "\n" + hoehenKorrektur);
	  document.write("<span style=\"margin-left: " + (lueckenBreite-15) + "px\">  " + 
	  "<img  id=\"img" + (von+1).toString(10) + "\" class=\"bildtext\" " + 
	  "style=\" top:" + hoehenKorrektur +  "px\" " +
	  "src=\"   " + src[von+1] + "\"  alt=\"\"   " +
	  "height=\"" + chr[von+1].height + " px\" width=\"" + chr[von+1].width + "px\" /></span> ");

	  hoehenKorrektur = ((maxBildhoehe - chr[bis].height)/2)*-1;
	  //alert (maxBildhoehe + "\n" + hoehenKorrektur);
	  document.write("<span style=\"margin-left: " + (lueckenBreite ) + "px\">  " + 
	  "<img  id=\"img" + bis.toString(10) + "\" class=\"bildtext\" " + 
	  "style=\" top:" + hoehenKorrektur +  "px\" " +
	  "src=\"   " + src[bis] + "\"  alt=\"\"   " +
	  "height=\"" + chr[bis].height + " px\" width=\"" + chr[bis].width + "px\" /></span> "); 
	}
}

function getLeft(von, text,  abstandOben)
{
//  	  alert("id" + von + "  " + document.getElementById("img" + von).offsetLeft + "\n" + 
//  	  		"id" + bis + "  " + document.getElementById("img" + (von+1) ).offsetLeft );
	abstandLinks  = document.getElementById("img" + von).offsetLeft;

	document.write("<span class=\"bildtext\" style=\"position:absolute; left:" 
	+ abstandLinks + "px; top:" + (abstandOben) + "px\">" + text + "</span> ");
}