// Journal 01 - Jens Falk - April 2001 - jens.falk@student.uni-siegen.de
// Lauffähigkeit unter Windows 98 SE und folgenden Browsern:
// IE v5.5 SR1		- Tabelle und Funktionalität fehlerfrei
// Opera v5.02+v5.10	- Tabelle - 1 Pixel/Bild, Funktionalität fehlerfrei
// Netscape v6.01	- Tabelle und Funktionalität fehlerfrei
// Netscape v4.77	- Tabelle - oben und unten 2 Pixel, Rahmen um side_info, Funktionalität fehlerfrei
// Einfache Rollover-Bilder initialisieren
// Oberer Teil des Artikels
editorialj_on		= new Image();
aktuell_on		= new Image();
editorialj_off		= new Image();
aktuell_off		= new Image();
// Pfeil für Artikel
arrow_on		= new Image();
arrow_off		= new Image();
// Default für Top Rollon und Side Info
topic_off		= new Image();
side_info_off		= new Image();
// Bestimmung der Größe der Bilderwand
var grX			= 9
var grY			= 4
// Erstellung der 2-Dimensionalen Bilder-Arrays
wand_on			= new Array(grX);
wand_off		= new Array(grX);
for (i=0; i < wand_on.length; ++i)
{
  wand_on[i]		= new Array(grY);
  wand_off[i]		= new Array(grY);
}
// Festlegung der Anzahl der Serien (bzw. Artikel), bei denen Bildwechsel
// stattfinden sollen.
var anzSerien		= 12;
var serieX		= new Array(anzSerien);
var serieY		= new Array(anzSerien);
var topic_on		= new Array(anzSerien);
var side_info_on	= new Array(anzSerien);
// Die Bilderwand!!
JF_Bilderwand();
JF_Start();
function JF_Start()
{

  // Einfache Rollover-Bilder initialisieren
  // Oberer Teil des Artikels
  editorialj_on.src	= "../../global/images/editorial_on.gif";
  aktuell_on.src	= "../../global/images/aktuell_on.gif";
  editorialj_off.src	= "../../global/images/editorial_off.gif";
  aktuell_off.src	= "../../global/images/aktuell_off.gif";
  // Pfeil für Artikel
  arrow_on.src		= "../../global/images/icons/arrow_on.gif";
  arrow_off.src		= "../../global/images/icons/arrow_off.gif";
  // Default für Top Rollon und Side Info
  topic_off.src		= "../../global/images/nav_grid/1pix.gif";
  side_info_off.src	= "../../global/images/side_info/off_side.gif";
}
// Definition der jeweiligen Postionen.
//	0 1 2 3 4 5 6 7 8  <-- serieX
//   +-+-+-+-+-+-+-+-+-+
// 0 |   | | | | | | | |
//   +-+-+-+-+-+-+-+-+-+
// 1 | | | | | | | | | |
//   +-+-+-+-+-+-+-+-+-+
// 3 | | | | | | | | | |
//   +-+-+-+-+-+-+-+-+-+
// 2 | | | | | | | | | |
//   +-+-+-+-+-+-+-+-+-+
// ^------------------------ serieY
// Nr. Pos. Name
//  0  52   netzspannung
//  1  61   cat-history
//  2  12   copyright
//  3  21   verteilte-systeme
//  4  31   selektivitaet
//  5  22   medienwechsel
//  6  43   kunstkontext
//  7  42   medienraum
//  8  50   code
//  9  41   awareness
// 10  72   cast01
// 11  62   digital-sparks
function JF_Bilderwand()
{
  // Eingaben für die Initialisierung der Bilder
  //				   +-- Artikelnummer (0 bis x, -1 für Bild ohne Artikel)
  //				   |			+-- X-Position des Bildes im Grid (0 bis grX-1)
  //				   |			|   +-- Dahinter werden die X-Koordinaten der _line Bilder angegeben, die auch gewechselt werden sollen
  //				   |			|   |						  +-- Y-Position des Bildes im Grid (0 bis grY-1)
  //				   |			|   |						  |   +-- Dahinter werden die X-Koordinaten der _line Bilder angegeben, die auch gewechselt werden sollen
  //				   |			|   |						  |   |				+-- NAME-Tag bzw. Dateiname (ohne .gif) des dazugehörigen Bildes
  // JF_Initialisiere( 0,new Array('5','6','5','4','7'),new Array('2','1','0','1','2'),"netzspannung");
  JF_Initialisiere( 0,new Array('5'),new Array('2'),"netzspannung");
  JF_Initialisiere( 1,new Array('6'),new Array('1'),"cat-history");
  JF_Initialisiere( 2,new Array('1'),new Array('2'),"copyright");
  JF_Initialisiere( 3,new Array('2'),new Array('1'),"verteilte-systeme");
  JF_Initialisiere( 4,new Array('3'),new Array('1'),"selektivitaet");
  JF_Initialisiere( 5,new Array('2'),new Array('2'),"medienwechsel");
  JF_Initialisiere( 6,new Array('4'),new Array('3'),"kunstkontext");
  JF_Initialisiere( 7,new Array('4'),new Array('2'),"medienraum");
  JF_Initialisiere( 8,new Array('5'),new Array('0'),"code");
  JF_Initialisiere( 9,new Array('4'),new Array('1'),"awareness");
  JF_Initialisiere(10,new Array('7'),new Array('2'),"cast01");
  JF_Initialisiere(11,new Array('6'),new Array('2'),"digital-sparks");
  //							 + Da derzeit keine _line Bilder angezeigt werden, sind die beiden Arrays nur 1 Element groß => es wird nur das farbige Bild wechselt
}
// Initialisierung und Belegung des Arrays mit den Bildern
function JF_Initialisiere(nr,arrayX,arrayY,name)
{
  wand_on  [arrayX[0]][arrayY[0]]	= new Image();
  wand_off [arrayX[0]][arrayY[0]]	= new Image();
  wand_on  [arrayX[0]][arrayY[0]].src	= "./images/nav_grid/"+name+"_on.gif";
  wand_off [arrayX[0]][arrayY[0]].src	= "./images/nav_grid/"+name+"_off.gif";
  serieX[nr]				= arrayX;
  serieY[nr]				= arrayY;
  if (nr > -1)
  {
	topic_on[nr]	= new Image();
	topic_on[nr].src	= "./images/top_rollons/"+name+"_info.gif";
  }
}
// Die Hauptfunktion. Hier findet der Bildertausch und die Rahmenänderung statt.
// Aufruf aus der HTML-Datei mit JF_Tauschserie(int seNr,boolean status)
// @seNr   - Die Nummer der zu tauschenden Bilderserie bzw. Artikels
// @status - Gibt an, ob die Maus auf dem auslösenden Element ist (onMouseOver),
//		   oder nicht (onMouseOut)
function JF_TauschSerie(seNr,status)
{
  if ((seNr > -1) && (seNr < anzSerien))
  {
	// Bild unter Maus ändern
	if (document.getElementsByName)	// DOM 1 Browser
	{
	  var Ziel_temp = document.getElementsByName("wand_"+serieX[seNr][0]+serieY[seNr][0]);
	  Ziel = Ziel_temp[0];
	}
	else				// Netscape 4.x
	{
	  var j=20;
	  while (document.images[j].name != "wand_"+serieX[seNr][0]+serieY[seNr][0]) j++;
	  Ziel = document.images[j];
	}
	if (status)
	{
	  Quelle = wand_on[serieX[seNr][0]][serieY[seNr][0]];
	}
	else
	{
	  Quelle = wand_off[serieX[seNr][0]][serieY[seNr][0]];
	}
	JF_Tausch(Ziel,Quelle);
	// Topic ändern
	if (document.getElementsByName)	// DOM 1 Browser
	{
	  Ziel_temp = document.getElementsByName("topic");
	  Ziel = Ziel_temp[0];
	}
	else				// Netscape 4.x
	{
	  var j=20;
	  while (document.images[j].name != "topic") j++;
	  Ziel = document.images[j];
	}
	if (status)
	{
	  Quelle = topic_on[seNr];
	}
	else
	{
	  Quelle = topic_off;
	}
	JF_Tausch(Ziel,Quelle);
	// Pfeil ändern
	if (document.getElementsByName)	// DOM 1 Browser
	{
	Ziel_temp = document.getElementsByName("wand_"+serieX[seNr][0]+serieY[seNr][0]+"_arrow");
	Ziel = Ziel_temp[0];
	}
	else				// Netscape 4.x
	{
	  var j=60;
	  while (document.images[j].name != "wand_"+serieX[seNr][0]+serieY[seNr][0]+"_arrow") j++;
	  Ziel = document.images[j];
	}
	if (status)
	{
	  Quelle = arrow_on;
	}
	else
	{
	  Quelle = arrow_off;
	}
	JF_Tausch(Ziel,Quelle);
  }
}
function JF_Tausch(Ziel,Quelle)
{
  Ziel.src = Quelle.src;
}