// (C) BrainlessMonkey.de 2004

//Const
// ********************************* CONFIG **********************************************
var BILDPFAD = "galerie/";							// Pfad zur Galerie
var BILDTEXTEDATEI = "galerie/texte.js"				// Datei indem sich das Bildtexte Array befindet
var TRANSGIF = "bilder/transparent.gif";			// transgif Pfad
var TRANSGIF_WIDTH = 200;							// Breite des Transgifs als Platzhalter							
var TRANSGIF_HEIGHT = 150;							// Höhe des Transgifs als Platzhalter
var BILDANZAHL_X = 2;								// Wieviel Bilder in der Breite
var BILDANZAHL_Y = 3;								// Wieviel Bilder in der Höhe
var BILDERPROSEITE = BILDANZAHL_X * BILDANZAHL_Y;	// Wieviel Bilder pro Seite		
var BILDANZAHL = 229;								// Wieviel Bilder insgesamt
var TABELLENFARBE = "#CA844F";						// Farbe des Bilderrahmens
var GALERIEBILDBGFARBE ="#484848";					// Hintergrundfarbe des GalerieFensters
var STDTEXTCLASS ="Std_text";						// CSS Class des StandardText Stils
// ***************************************************************************************

//globals
var aktuelleseite = 1;								
var bildarray = new Array(BILDANZAHL);
var bildarray_t = new Array(BILDANZAHL);
var bildarray_text = new Array(BILDANZAHL);
var GalleryWindow = null;
var GalleryBild = null;
var GalleryBildObjekt = null;

// includes
document.write("<script type=\"text/javascript\" src=\""+BILDTEXTEDATEI+"\"></script>");

/*
Navigation wird erstellt
*/
function create_navi()
{
	// Anzahl der Seiten ausrechnen
	anzahl = Math.ceil(BILDANZAHL / BILDERPROSEITE);
	
    document.write("<table width=\"50%\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">");
    document.write("<tr>");
    document.write("<td class=\""+STDTEXTCLASS+"\" align=\"center\"><a href=\"javascript:move_backward();\">Seite zurueck</a>&nbsp;&nbsp;&nbsp;&nbsp;");

	naechtesstartbild = 1;
	for(i=1;i<=anzahl;i++)
	{
		document.write("<a href=\"javascript:show_gallery("+eval(naechtesstartbild)+","+i+");\">"+i+"</a>&nbsp;&nbsp;");
		naechtesstartbild += BILDERPROSEITE;
	}
	
	document.write("&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:move_forward();\">Seite vor</a></td>");
    document.write("</tr>");
    document.write("</table>");
}

/*
Seite zurück
*/
function move_backward()
{
	if(aktuelleseite > 1)
	{
		if(aktuelleseite==2)
		{
			aktuelleseite--;
			show_gallery(1, aktuelleseite);
		}
		else
		{
			aktuelleseite--;
			show_gallery(((aktuelleseite-1) * BILDERPROSEITE)+1, aktuelleseite);
		}
	}
}

/*
Seite vor
*/
function move_forward()
{
	if(aktuelleseite < Math.ceil(BILDANZAHL / BILDERPROSEITE))
	{
		aktuelleseite++;
		show_gallery(((aktuelleseite-1) * BILDERPROSEITE)+1,aktuelleseite);
	}
}


/*
Bild wird vergrößert. Zugriff über Obj (Image)
*/
function enlarge_image(obj)
{
	dateiendung = obj.src.substr(obj.src.length-3);
	dateiname = obj.src.substr(0,obj.src.length-6)+"."+dateiendung;
	showGallery(dateiname, obj);
}

/*
Bilder werden in die Bildobjekte geladen
*/
function show_gallery(nr,aktseite)
{
	aktuelleseite = aktseite;
	
	for(i=0;i<BILDERPROSEITE;i++)
	{
		bildobj = eval("document.gpic"+i);
		
		if(bildarray_t[(nr-1)+i] != undefined)
		{
			// Bildkoordinaten wiederherstellen
			temppic = new Image();
			temppic.src = bildarray_t[(nr-1)+i];

			bildobj.src = bildarray_t[(nr-1)+i];
			
			if(temppic.width!=0) { bildobj.width = temppic.width; } else { bildobj.width = TRANSGIF_WIDTH;}
			if(temppic.height!=0) { bildobj.height = temppic.height; } else { bildobj.height = TRANSGIF_HEIGHT;}
			
			delete temppic;
		}
		else
		{
			bildobj.src = TRANSGIF;
			bildobj.width = TRANSGIF_WIDTH;
			bildobj.height = TRANSGIF_HEIGHT;
		}
		
		bildobj = null;
	}
}

function generate_texte()
{
	if(bildarray_text[0] != 1)
		bildarray_text = BILDTEXTEARRAY;
}

function generate_images()
{
	bildcount = 0;
	for(i=BILDANZAHL;i>=1;i--)
	{
		bildarray_t[bildcount] = BILDPFAD + i + "_t.jpg";
		bildarray[bildcount] = BILDPFAD + i + ".jpg";
		bildcount++;
	}
	
	// Bildtextarray
	generate_texte();
}

function create_gallery()
{
	generate_images();
	
	var bildzaehler = 0;
	var bildid=0;
	
	create_navi();
	
    document.write("<table width=\"50%\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">");
    document.write("<tr>");
    document.write("<td>&nbsp;</td>");
    document.write("</tr>");	
    document.write("<tr>");
    document.write("<td class=\""+STDTEXTCLASS+"\" align=\"center\">Bild anklicken um es zu vergrößern!</td>");
    document.write("</tr>");
    document.write("</table>");
	
	document.write("<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">");

	for (i=0 ; i < BILDANZAHL_Y; i++)
	{
		
		document.write("<tr>");
		
		for (j=0 ; j < BILDANZAHL_X ; j++)
		{
			document.write("<td>");
			
			if(bildzaehler < BILDANZAHL)
			{
				/*BILD ---------------------------*/
				document.write("<table border=\"0\" align=\"center\" cellspacing=\"15\">");
                document.write("    <tr>");
                document.write("      <td><table  border=\"0\" cellpadding=\"0\" cellspacing=\"3\" bgcolor=\""+TABELLENFARBE+"\">");
                document.write("          <tr>");
                document.write("            <td><a class=\"foto\"><img src=\""+bildarray_t[bildzaehler]+"\" border=\"1\" id=\"gpic"+bildid+"\" name=\"gpic"+bildid+"\" OnMouseUp=\"javascript:enlarge_image(this)\"></a></td>");
                document.write("          </tr>");
                document.write("      </table></td>");
                document.write("    </tr>");
                document.write("  </table>");
				/*BILD ---------------------------*/
				
				bildzaehler++;
				bildid++;
			}
			else
			{
				break;
			}

			document.write("</td>");			
		} // for j
		
		document.write("</tr>");
		
	} // for i
	
	document.write("</table>");
	
	create_navi();

}

// ************************************************** foto ****************************************************
function showGallery(pic, o) 
{
	GalleryBildObjekt = o;
	GalleryBild = new Image();
	GalleryBild.onload = OpenGallery;
	GalleryBild.src    = pic;
}

function OpenGallery()
{
	if(GalleryWindow != null)GalleryWindow.close();
	
	// Beschreibungstext aus dem Array holen
	var picid = GalleryBildObjekt.src;
	var pos = picid.lastIndexOf("/");
	picid = picid.substr(pos+1);
	pictid = picid.substr(0, picid.length - 6);

	//***********************+
	
	bildwidth = (GalleryBild.width);

	if(bildarray_text[pictid] == undefined)
	{
		bildheight = (GalleryBild.height + 20);
	}
	else
	{
		bildheight = (GalleryBild.height + 40);
	}
	
	GalleryWindow = window.open("","",'toolbar=no,scrollbars=no,resizable=no,width='+bildwidth+',height='+bildheight+'');
	GalleryWindow.moveTo((screen.width/2)-(bildwidth/2),(screen.height/2)-(bildheight/2));
				
	GalleryWindow.document.write("          <link href=\"mocambique.css\" rel=\"stylesheet\" type=\"text/css\">");
	GalleryWindow.document.write("			<body>");
	GalleryWindow.document.write("			<html>");
	GalleryWindow.document.write("			<body bgcolor=\""+GALERIEBILDBGFARBE+"\" text=\"#000000\" leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\" link=\"#000000\" vlink=\"#000000\" alink=\"#000000\">");
	GalleryWindow.document.write("			<table width=\"0\"  border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
	GalleryWindow.document.write("			  <tr> ");
	GalleryWindow.document.write("				<td align=\"center\" valign=\"middle\"><a href=\"javascript:window.close();\"><img border=\"0\" src=\""+GalleryBild.src+"\"></img></a></td>");
	GalleryWindow.document.write("			  </tr>");

	// Bildtext
	if(bildarray_text[pictid] != undefined)
	{
		GalleryWindow.document.write("			  <tr>");
		GalleryWindow.document.write("				<td class=\""+STDTEXTCLASS+"\" bgcolor=\"#F3F2DB\" align=\"center\" valign=\"middle\">"+bildarray_text[pictid]+"</td>");
		GalleryWindow.document.write("			  </tr>");
	}
	
	GalleryWindow.document.write("			  <tr>");
	GalleryWindow.document.write("				<td class=\"schatten\" align=\"center\" valign=\"middle\"><a href=\"javascript:window.close();\">Schlie&szlig;en</a></td>");
	GalleryWindow.document.write("			  </tr>");
	GalleryWindow.document.write("			</table>");
	GalleryWindow.document.write("			</body>");
	GalleryWindow.document.write("			</html>");
	GalleryWindow.document.write("			</body>");
	GalleryWindow.document.close();
	
	//GalleryWindow.focus();
	GalleryBild = null;
	GalleryBildObjekt = null;
}