var TabInh = new Array;
var Klasse = new Array;
TabInh = [ "H" ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,"He","Li","Be",""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,"B" ,"C" ,"N" ,"O" ,"F" ,"Ne","Na","Mg",""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,"Al","Si","P" ,"S" ,"CL","Ar","Ka","Ca","Sc","Ti","V" ,"Cr","Mn","Fe","Co","Ni","Cu","Zn","Ga","Ge","As","Se","Br","Kr","Rb","Sr","Y" ,"Zr","Nb","Mo","Tc","Ru","Rh","Pd","Ag","Cd","In","Sn","Sb","Te","I" ,"Xe","Cs","Ba","La","Hf","Ta","W" ,"Re","Os","Ir","Pt","Au","Hg","Tl","Pb","Bi","Po","At","Rn","Fr","Ra","Ac",""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,"Ce","Pr","Nd","Pm","Sm","Eu","Gd","Tb","Dy","Ho","Er","Tm","Yb","Lu",""  ,""  ,""  ,""  ,"Th","Pa","U" ,"Np","Pu","Am","Cm","Bk","Cf","Es","Fm","Md","No","Lr",""  ,""  ,""  ,""  ];
Klasse = [ "NM",""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,"NM",
	   	   "ME","ME",""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,"MO","NM","NM","NM","NM","NM",
		   "ME","ME",""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,"ME","MO","NM","NM","NM","NM",
		   "ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","MO","MO","NM","NM","NM",
		   "ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","MO","MO","NM","NM",
		   "ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","MO","NM",
		   "ME","ME","ME",""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,""  ,
		   "ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME",""  ,""  ,""  ,""  ,
		   "ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME","ME",""  ,""  ,""  ,""  
		 ];
function Show_Tabelle() {
		 parent.Text.document.write ('<TABLE ALIGN=CENTER HEIGHT=45% WIDTH=100% BGCOLOR=#666666 BORDER=0 CELLSPACING=1 ><TR>\n');
		 for ( var loop=0; loop<162; loop++ ) {
		 	 if ( TabInh[loop] ) {
			 	if ( Element[TabInh[loop]] ) { 
					parent.Text.document.write( "<TD ALIGN=CENTER VALIGN=CENTER class='" + Klasse[loop] + "'><a href=\"javascript:parent.PerSysTab(\'"+TabInh[loop]+"\');\">" + TabInh[loop] + "</a></TD>\n" )
				} else { 
					parent.Text.document.write( "<TD ALIGN=CENTER VALIGN=CENTER class='" + Klasse[loop] + "'>" + TabInh[loop]  + "</TD>\n" )
				} 
			 }
			 else { parent.Text.document.write( "<TD>&nbsp;</TD>\n" ) }
			 if ( parseInt( (loop+1)/18 ) == (loop+1)/18 ) {
			 	 	parent.Text.document.write( "</TR>" );
					if ( loop+1 < 162 ) {
						parent.Text.document.write( "<TR>" );
					}
			 }
		 }
		 parent.Text.document.write( "</TABLE>" );
}
function Show_Legende() {
		 parent.Text.document.write('<table ALIGN=CENTER height=5% width=100% bgcolor=cornsilk border=1 borderwidth=0 cellspacing=0 bordercolordark=#222255 bordercolorlight=#4488FF>\n');
		 parent.Text.document.write('<tr><td class="ME" ALIGN=CENTER VALIGN=CENTER WIDTH=33%>Metalle</TD>\n');
		 parent.Text.document.write('<TD CLASS="MO" ALIGN=CENTER VALIGN=CENTER WIDTH=33%>Metalloide</TD>\n');
		 parent.Text.document.write('<TD CLASS="NM" align=CENTER VALIGN=CENTER WIDTH=33%>Nichtmetalle</TD>\n');
		 parent.Text.document.write('</TR>\n');
		 parent.Text.document.write('</TABLE>\n');
}
function Show_Daten(Kuerzel) {
	if ( Element[Kuerzel] ) {
	   var Ausgabe = Element[Kuerzel].split('#');
	   parent.Text.document.write( '<table width=100% height=40% border=1 cellspacing=1 cellpadding=1>\n');
	   parent.Text.document.write( '<tr height=25%>\n');
	   parent.Text.document.write( '	<td rowspan=4 align=center valign=center class='+Klasse[Kuerzel]+' width=5%><FONT SIZE=+2>'+Kuerzel+'</FONT></TD>\n');
  	   parent.Text.document.write( '	<td>\n');
  	   parent.Text.document.write( '	<table height=100% width=100% border=1 bgcolor=cornsilk cellspacing=1>\n');
  	   parent.Text.document.write( '	<tr>\n');	   
  	   parent.Text.document.write( '<td width=35% CLASS="info" valign=top><font color=blue>Name:</font></br>'+Ausgabe[0]+'</td>\n');
  	   parent.Text.document.write( '<td width=15%  CLASS="info" valign=top><font color=blue>Ordnungszahl:</font></br>'+Ausgabe[1]+'</td>\n');
  	   parent.Text.document.write( '<td width=20%  CLASS="info" valign=top><font color=blue>Atomgewicht:</font></br>'+Ausgabe[2]+'</td>\n');
  	   parent.Text.document.write( '<td width=30%  CLASS="info" valign=top><font color=blue>Gruppe:</font></br>'+Ausgabe[3]+'</td>\n');
  	   parent.Text.document.write( '	</tr>\n');
  	   parent.Text.document.write( '	</table>\n');
 	   parent.Text.document.write( '</td></tr>\n');
  	   parent.Text.document.write( '<tr height=25%><td>\n');
  	   parent.Text.document.write( '	<table height=100% width=100% align=center border=1 bgcolor=cornsilk cellspacing=0>\n');
  	   parent.Text.document.write( '	<tr>\n');	
  	   parent.Text.document.write( '<td width=35% CLASS="info" valign=top><font color=blue>Elektronenkonfiguration:</font></br>'+Ausgabe[4]+'</td>\n');
  	   parent.Text.document.write( '<td width=35% CLASS="info" valign=top><font color=blue>Valenzelektron:</font></br>'+Ausgabe[5]+'</td>\n');
  	   parent.Text.document.write( '<td width=30% CLASS="info" valign=top><font color=blue>Elektronnegativit&auml;t:</font></br>'+Ausgabe[6]+'</td>\n');
  	   parent.Text.document.write( '	</tr>\n');
  	   parent.Text.document.write( '	</table>\n');
  	   parent.Text.document.write( '</td></tr>\n');
  	   parent.Text.document.write( '<tr height=25%><td>\n');
  	   parent.Text.document.write( '	<table height=100% width=100% border=1 align=center bgcolor=cornsilk cellspacing=0>\n');
  	   parent.Text.document.write( '	<tr>\n');	
  	   parent.Text.document.write( '<td width=25% CLASS="info" valign=top><font color=blue>Atomradius:</font></br>'+Ausgabe[7]+'</td>\n');
  	   parent.Text.document.write( '<td width=33% CLASS="info" valign=top><font color=blue>Molares Volumen:</font></br>'+Ausgabe[8]+'</td>\n');
  	   parent.Text.document.write( '<td width=42% CLASS="info" valign=top><font color=blue>Kristallstruktur:</font></br>'+Ausgabe[9]+'</td>\n');
  	   parent.Text.document.write( '</tr>\n');
  	   parent.Text.document.write( '</table>\n');
  	   parent.Text.document.write( '</td></tr>\n');
  	   parent.Text.document.write( '<tr height=25%><td>\n');
  	   parent.Text.document.write( '<table height=100% width=100% border=1 align=center bgcolor=cornsilk cellspacing=0>\n');
 	   parent.Text.document.write( '<tr>\n');	
  	   parent.Text.document.write( '<td width=25% CLASS="info" valign=top><font color=blue>Herkunft:</font></br>'+Ausgabe[10]+'</td>\n');
  	   parent.Text.document.write( '<td width=75% CLASS="info" valign=top><font color=blue>Entdecker:</font></br>'+Ausgabe[11]+'</td>\n');
  	   parent.Text.document.write( '</tr>\n');
  	   parent.Text.document.write( '</table>\n');
  	   parent.Text.document.write( '</td></tr>\n');
  	   parent.Text.document.write( '</table>\n');
	 } else { parent.Text.document.write( "<p>Noch keine Daten definiert.</p>" )}
}
function PerSysTab( Kuerzel ) {
		 parent.Text.document.open();
		 parent.Text.document.write ('<HTML><HEAD><TITLE>Periodensystem</TITLE>\n');
		 parent.Text.document.write ('<STYLE TYPE="TEXT/CSS">\n');
		 parent.Text.document.write ('td.NM { background-color: #FFDDBB;border: 2px groove #FF5555; }\n');
		 parent.Text.document.write ('td.MO { background-color: #DDFFBB;border: 2px groove #55FF55; }\n');
		 parent.Text.document.write ('td.ME { background-color: #BBDDFF;border: 2px groove #5555FF; }\n');
		 parent.Text.document.write ('td.info { font-size:11pt;font-family: Arial;padding-left:2pt;padding-top:2pt; }\n');
		 parent.Text.document.write ('td { background-color: #EFEFEF;font-size:11pt;font-family: Arial;padding-left:2pt;padding-top:2pt; }\n');
		 parent.Text.document.write ('</STYLE>\n');
		 parent.Text.document.write ('</HEAD><BODY>\n');
		 Show_Tabelle();
		 parent.Text.document.write( "</BR>" );
		 Show_Legende();
		 parent.Text.document.write( "</BR>" );
		 Show_Daten(Kuerzel);
		 parent.Text.document.write( "</BODY></HTML>" );
		 parent.Text.document.close();
}
