Mit template Klasse Popup Fenster öffnen

[CikoNo1]

Hi Leute,

brauch mal wieder euren Experten Rat.

Ich arbeite mit der Template Klasse PET - Processor Engine for Templates
Nun habe ich eine Bildergallerie programmiert, wo die Thumbnails angezeigt werden, nun soll bei klick auf das TN soll das Bild angezeigt werden und zwar in einem angepasstem Fenster. Ich wollte es mit JS probieren hat aber nicht funktioniert ich zeige euch mal meinen CODE:

partypics.php

<?
	session_start();
	/////////////////////////////INCLUDES/////////////////////////////
	require_once("includes/pet_class.inc.php");
	
	include_once("includes/partypics.inc.php");
	
	///////////////////////////GHLOBALE VARIABLEN//////////////////////////////////
	ereg("([^\\/]*)$", $HTTP_SERVER_VARS['PHP_SELF'], $php_self); 
	define('PHP_SELF', $php_self[1]);
	
	$dataarray_gallerie = array();
	$dataarray_thumbs = array();
	
	$op = $HTTP_POST_VARS["op"];
	$id = $HTTP_POST_VARS["id"];
	$gallerieID = $HTTP_POST_VARS["gallerieID"];
	///////////////////////////Template laden///////////////////////////
	$template1 = new pet();
	$template2 = new pet();
	
	//Template laden
	$template1->readFile("templates/partypicsMain.tpl.htm");
	$template2->readFile("templates/partypicsBilder.tpl.htm");

	//Bezüge setzten
	$template1->assign(PHP_SELF, "self");
	$template2->assign(PHP_SELF, "self");
	
	/////////////////////////////Programm/////////////////////////////
	
	if($op == "")
	{
		$dataarray_gallerie = getGallerie();
		
		$template1->assign($dataarray_gallerie, "gallerieName");
		
		$template1->parse();
		$template1->output();
	}
	elseif($op == "1")
	{
		$dataarray_thumbs = getThumbs($id);
		
		$template2->assign($dataarray_thumbs, "thumbs");
		
		$template2->parse();
		$template2->output();
	}
	elseif($op == "2")
	{
		$dataarray_bilder = getBilder($id, $gallerieID);
		
		$pfad = $dataarray_bilder["pfad"];
		
		$Bilddaten = getimagesize($pfad);
		$Bildbreite = $Bilddaten[0];
		$Bildhoehe = $Bilddaten[1];
		
		echo "Bildbreite: ".$Bildbreite."<br>";
		echo "Bildhoehe: ".$Bildhoehe."<br>";
		
		//bildAnzeigen($pfad, $Bildbreite, $Bildhoehe);
	}
?>

partypics.inc.php

<?
	///////////////////////INCLUDES///////////////////////////////
	include_once("includes/datenbank.inc.php");
	
	///////////////////SELECTS////////////////////////////////////
	function getGallerie()
	{
		global $dbName;
		
		dbopen();
		
		$i = 0;
		$dataarray = array();
		$dataset = array();
		
		$dbHandler = mysql_db_query($dbName, "SELECT * FROM gallerie");
		
		if(mysql_error())
		{
			echo mysql_error()."<br> in Methode getGallerie() --> includes/partypics.lib.php";
		}
		else
		{
			while(list($id, $gallerie) = mysql_fetch_row($dbHandler))
			{
				$dataarray['id'] = $id;
				$dataarray['gallerie'] = $gallerie;
				
				$dataset[] = $dataarray;
				$i++;
			}
		}
		dbclose();
		return $dataset;
	}		
	
	function getThumbs($id)
	{
		global $dbName;
		
		dbopen();
		
		$i = 0;
		$dataarray = array();
		$dataset = array();
		
		$dbHandler = mysql_db_query($dbName, "SELECT * FROM galleriethumbs WHERE gallerieID = '$id'");
		
		if(mysql_error())
		{
			echo mysql_error()."<br> in Methode getThumbs() --> includes/partypics.lib.php";
		}
		else
		{
			while(list($id, $gallerieID, $pfad) = mysql_fetch_row($dbHandler))
			{
				$dataarray['id'] = $id;
				$dataarray['gallerieID'] = $gallerieID;
				$dataarray['pfad'] = $pfad;
				
				$dataset[] = $dataarray;
				$i++;
			}
		}
		dbclose();
		return $dataset;
	}
	
	function getBilder($id, $gallerieID)
	{
		global $dbName;
		
		dbopen();
		
		$dataarray = array();
		
		$dbHandler = mysql_db_query($dbName, "SELECT * FROM galleriebilder WHERE id = '$id' AND gallerieID = '$gallerieID'");
		
		if(mysql_error())
		{
			echo mysql_error()."<br> in Methode getBilder() --> includes/partypics.lib.php";
		}
		else
		{
			while(list($id, $gallerieID, $pfad) = mysql_fetch_row($dbHandler))
			{
				$dataarray['id'] = $id;
				$dataarray['gallerieID'] = $gallerieID;
				$dataarray['pfad'] = $pfad;
			}
		}
		dbclose();
		return $dataarray;
	}
?>

szenario.js

function wertübergabe2(hiddenfeld,x,hiddenfeld2,y,hiddenfeld3,z)
{
	hiddenfeld.value = x;
	hiddenfeld2.value = y;
	hiddenfeld3.value = z;
    form.submit();
}

function bildAnzeigen(pfad, Bildbreite, Bildhoehe)
{
	Fensteroptionen="toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0";

	Grafikfenster=window.open("", "", Fensteroptionen + ',width=' + Bildbreite + ',height=' + Bildhoehe);
	Grafikfenster.focus();
	Grafikfenster.document.open();
	with(Grafikfenster)
	{
		document.write("<html><head>");
		document.write("<title>.::Szenario::.</title>");
		document.write("</head>");
		document.write("<body leftmargin=\"0\" marginheight=\"0\" marginwidth=\"0\" topmargin=\"0\">");
		document.write("<img border=\"0\" onclick=\"window.close();\" src=\""+ pfad +"\" title=\"Zum Schließen auf das Foto klicken\">");
		document.write("</body></html>");
	}
}

partypicsBilder.tpl.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Szenario - Meditarean Mexican Bar</title>
<link rel="stylesheet" type="text/css" href="css/basis.css">
<link rel="stylesheet" type="text/css" href="css/layout.css">
<link rel="stylesheet" type="text/css" href="css/typografie.css">
<script language="javascript" type="text/javascript" src="javascript/szenario.js"></script>
</head>
<form method="post" name="form" action="<!-- {self} -->">
<body>
	<div id="main">
		<div id="logo"><img src="bilder/logo.gif" alt="" border="0"></div>
		<div id="counter">Sie sind der 12000. Besucher</div>
		<div id="navigation"><!-- navigation anfang -->
			<ul id="navigation">
				<li><a href="index.php">Home</a></li>
				<li><a href="location.php">Location</a></li>
				<li><a href="foodMore.php">Food &amp; More</a></li>
				<li><a href="events.php">Events</a></li>
				<li><a href="partypics.php">Party Pics</a></li>
				<li><a href="gb/gb.php">Gästebuch</a></li>
				<li><a href="newsletter.php">Newsletter</a></li>
				<li><a href="anfahrt.php">Anfahrt</a></li>
				<li><a href="links.php">Links</a></li>
				<li><a href="kontakt.php">&nbsp;</a></li>
			</ul>
		</div><!-- ende navigation -->
		<div id="vertiBalken">
			<div id="gallerie">
				<!-- begin loop {thumbs} -->
					<a href="javascript:wertübergabe2(document.form.op,2,document.form.id,'<!-- {id} -->', document.form.gallerieID,'<!-- {gallerieID} -->')"><img src="<!-- {pfad} -->" border="0" alt=""></a>
				<!-- end loop -->
			</div>
		</div>
	</div>
	<input type="hidden" name="op" value="">
	<input type="hidden" name="id" value="">
	<input type="hidden" name="gallerieID" value="">
</body>
</form>
</html>

Ohne die Template Klasse, also mit gemischtem Code funktioniert es Wunderbar, aber ich weiß nicht wie ich es mit der Klasse mache!

Bitte helft mir!

MFG