function preload ( url ) {
//lŠdt die †bergebene Grafik, gibt ein Image-Objekt zurŸck
	var image;
	image=new Image();
	image.src=url;
	return image;
}

function preloadMosaik() {
//lŠdt die Bilder fŸr das Mosaik am oberen Rand der Seite in 2 globale Arrays: aPics, bPics

//um diesen Vorgang zu optimieren, verwenden wir folgende Maske:
	aMask= new Array(12);
	bMask= new Array(12);

	aPics = new Array(12);
	bPics = new Array(12);
	nextPic=new Array(12);

	for (i=0;i<12;i++){
		aPics[i]=new Array(2);
		bPics[i]=new Array(2);
		nextPic[i]=new Array(2);
		aMask[i]=new Array(2);
		bMask[i]=new Array(2);
	}
	// Die vordere Zahl ist die obere Reihe, die hintere die untere
	// Die Maske B bestimmt die Einstellung beim laden (Grund siehe //*B-Zuerst)
	// Maske fŸr leere Bilder. 0=leeres bild, 1=normales Bild (geladen)
	//aMask=[[1,1],[0,1],[0,1],[1,1],[1,1],[0,0],[1,1],[0,0],[0,0],[0,1],[1,1],[1,1]];

	// mit MC-Partner-Werbung:
	aMask=[[1,1],[1,1],[0,1],[1,1],[1,1],[1,1],[1,1],[0,0],[0,0],[0,1],[1,1],[1,1]];
	bMask=[[1,1],[1,1],[1,1],[1,1],[1,1],[1,0],[1,0],[0,1],[1,1],[1,1],[0,1],[1,0]];

	var leeresBildOben=preload("images/mosaik/blueOben.jpg");
	var leeresBildUnten=preload("images/mosaik/blueUnten.jpg");

	for (i=0;i<12;i++){
		if (aMask[i][0]==1){
			aPics[0][i]=preload("images/mosaik/a/0_"+i+"a.jpg");
		} else {
			aPics[0][i]=leeresBildOben;
		}
		if (aMask[i][1]==1){
			aPics[1][i]=preload("images/mosaik/a/1_"+i+"a.jpg");
		} else {
			aPics[1][i]=leeresBildUnten;
		}
	}
	if (!document.layers){
		for (i=0;i<12;i++){
			if (bMask[i][0]==1){
				bPics[0][i]=preload("images/mosaik/b/0_"+i+"b.jpg");
			} else {
				bPics[0][i]=leeresBildOben;
			}
			if (bMask[i][1]==1){
				bPics[1][i]=preload("images/mosaik/b/1_"+i+"b.jpg");
			} else {
				bPics[1][i]=leeresBildUnten;
			}
		}
	} else {
		bPics=aPics;
	}
	/*
	for (i=0;i<12;i++){
		bPics[0][i]=preload("images/mosaik/b/0_"+i+"b.jpg");
		bPics[1][i]=preload("images/mosaik/b/1_"+i+"b.jpg");
	}
	*/
	//wir bauen ein zweidimensionales Array mit den Image-Objekte, zu denen als nŠchstes
	//geschaltet werden muss. Initialisiert wird dies mit den noch nicht sichtbaren Bildern

	//*B-Zuerst
	// diesen Code verwenden, wenn die bPics zuerst gezeigt werden sollen
	for (b=0; b<2; b++){
		for (a=0; a<12;a++){
			nextPic[b][a]=bPics[b][a];
		}
	}
	geladen=true;
	for (i=0;i<12;i++){
		switchPix(0,i);
		switchPix(1,i);
	}
}


function switchPix(bAxe,aAxe){
// tauscht die Bilder im Mosaik aus:
/*
     a
  +-+-+-+-+-+-+-+
  | | |Ê| | | | |
b +-+-+-+-+-+-+-+
  | | |Ê| | | | |
  +-+-+-+-+-+-+-+

*/
	if (geladen){
		if (document.layers){
			eval("document.layers.alle.document.b"+bAxe+"_"+aAxe+".src=nextPic["+bAxe+"]["+aAxe+"].src;");
		} else {
			eval("document.b"+bAxe+"_"+aAxe+".src=nextPic["+bAxe+"]["+aAxe+"].src;");
		}

		if (nextPic[bAxe][aAxe].src==bPics[bAxe][aAxe].src){
			nextPic[bAxe][aAxe]=aPics[bAxe][aAxe];
		} else {
			nextPic[bAxe][aAxe]=bPics[bAxe][aAxe];
		}
	}

}

function showBanners(){
	bannerMask= new Array(12);
	bannerMask= [[1,1],[0,5],[1,5]];
	if (geladen) {
		for (i=0; i<bannerMask.length; i++){
			bAxe=bannerMask[i][0];
			aAxe=bannerMask[i][1];
			if (document.layers){
				eval("document.layers.alle.document.b"+bAxe+"_"+aAxe+".src=aPics["+bAxe+"]["+aAxe+"].src;");
			} else {
				eval("document.b"+bAxe+"_"+aAxe+".src=aPics["+bAxe+"]["+aAxe+"].src;");
			}
		}
	}
}

function openPhotoWindow(fotoname,orientation){
	//orientation kann folgende Werte annehmen:
	// 0 : Hochformat
	// <>0 : querformat

	var WERT1,WERT2,SCREENX,SCREENY;
	
	WERT1=500+4; //Hšhe im Hochformat, 4 Pixel fŸr Rahmen !
	WERT2=350+4; //Breite im Hochformat 
	
	SCREENX=25;	//x-Position des Fensters, ausgehend von links oben
	SCREENY=SCREENX;	//y-Position des Fensters, ausgehend von links oben
		
	switch (orientation) {
		case 0:
			window.open("photoframe.php",fotoname,"height="+WERT1+",width="+WERT2+",scrollbars=no,toolbar=no,status=no,left="+SCREENX+",top="+SCREENY);
			break;
		default:
			window.open("photoframe.php",fotoname,"height="+WERT2+",width="+WERT1+",scrollbars=no,toolbar=no,status=no,left="+SCREENX+",top="+SCREENY);
			break;
	}
}