initialer import von douth-hiphop.de's Entwicklungsstand

bilder/imginfo.txt

@@ -0,0 +1,5 @@
+{\rtf1\mac\ansicpg10000\cocoartf824\cocoasubrtf480
+{\fonttbl}
+{\colortbl;\red255\green255\blue255;}
+\paperw11900\paperh16840\margl1440\margr1440\vieww9000\viewh8400\viewkind0
+}

css/format.css

@@ -0,0 +1,77 @@
+#arrleft {
+  position:absolute;
+  top:0px;
+  left:0px;
+}
+#arrright {
+  position:absolute;
+  top:0px;
+  left:464px;
+}
+#imgscroller {
+  position:absolute;
+  top:0px;
+  left:10px;
+  width:464px;
+  height:65px;
+  overflow:hidden;
+}
+#scrollable {
+  position:absolute;
+  top:0px;
+  left:0px;
+  height:65px;
+}
+div.thumbnail {
+  margin-left:3px;
+  float:left;
+}
+
+a.lightbox img {
+  border:0;
+}
+
+.bildposition {
+	margin: middle;
+	position:relative;
+	top:3px;
+	bottom:auto;
+	
+}
+#imagedescription {
+position:relative;
+  weight: 330px;
+  height: 25px;
+  top: 300px;
+  left: 0px;
+  color: #ffffff;
+  font-size:10px;
+  font-style:normal;
+  font-weight:normal;
+  text-align:center;
+  vertical-align:center;
+  
+}
+.imgdescription {
+  color: #ffffff;
+  position: absolute;
+  font-size:10px;
+  font-style:normal;
+  font-weight:normal;
+  text-align:center;
+}
+.sub_menu {
+  color:#FFFFFF;
+  font-size:10px;
+  font-weight:normal;
+  margin-left:2px;
+  margin-bottom:2px;
+}
+.sub_menu_colored {
+  color:#FF6600;
+  font-size:10px;
+  font-weight:normal;
+  margin-left:2px;
+  margin-bottom:2px;
+}
+

css/jquery.lightbox-0.4.css

@@ -0,0 +1,101 @@
+/**
+ * jQuery lightBox plugin
+ * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+ * and adapted to me for use like a plugin from jQuery.
+ * @name jquery-lightbox-0.4.css
+ * @author Leandro Vieira Pinho - http://leandrovieira.com
+ * @version 0.4
+ * @date November 17, 2007
+ * @category jQuery plugin
+ * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
+ * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
+ * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
+ */
+#jquery-overlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 90;
+	width: 100%;
+	height: 500px;
+}
+#jquery-lightbox {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 100;
+	text-align: center;
+	line-height: 0;
+}
+#jquery-lightbox a img { border: none; }
+#lightbox-container-image-box {
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+}
+#lightbox-container-image { padding: 10px; }
+#lightbox-loading {
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+}
+#lightbox-nav {
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+}
+#lightbox-container-image-box > #lightbox-nav { left: 0; }
+#lightbox-nav a { outline: none;}
+#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
+	width: 49%;
+	height: 100%;
+	zoom: 1;
+	display: block;
+}
+#lightbox-nav-btnPrev { 
+	left: 0; 
+	float: left;
+}
+#lightbox-nav-btnNext { 
+	right: 0; 
+	float: right;
+}
+#lightbox-container-image-data-box {
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+	overflow: auto;
+	width: 100%;
+	padding: 0 10px 0;
+}
+#lightbox-container-image-data {
+	padding: 0 10px; 
+	color: #666; 
+}
+#lightbox-container-image-data #lightbox-image-details { 
+	width: 70%; 
+	float: left; 
+	text-align: left; 
+}	
+#lightbox-image-details-caption { font-weight: bold; }
+#lightbox-image-details-currentNumber {
+	display: block; 
+	clear: left; 
+	padding-bottom: 1.0em;	
+}			
+#lightbox-secNav-btnClose {
+	width: 66px; 
+	float: right;
+	padding-bottom: 0.7em;	
+}

css/main.css

@@ -0,0 +1,232 @@
+@charset "UTF-8";
+/* CSS Document */
+
+
+body {
+	font-family:Verdana;
+	font-size:12px;
+	font-weight:bold;
+	text-decoration:none;
+	background-color:#660000;
+	color:#000000;
+	line-height:1,5;
+	margin:0px;
+	padding:0px;
+	onload:initScrollLayer();
+	margin-bottom: auto;
+	margin-top: auto;
+}
+
+td {
+font-family:Verdana,Arial,Helvetica;
+font-size:12px;
+font-weight:bold;
+color:#000000;
+}
+	
+ a:link {
+	font-family:Verdana,Arial,Helvetica;
+	font-size:10px;
+	font-weight:normal;
+	text-decoration:none;
+	color:#FFFFFF;
+	margin-left: 1px;
+}
+a:visited {
+	font-family:Verdana,Arial,Helvetica;
+	font-size:10px;
+	font-weight:normal;
+	text-decoration:none;
+	color:#FFFFFF;
+	margin-left: 1px;
+}
+a:active {
+	font-family:Verdana,Arial,Helvetica;
+	font-size:10px;
+	font-weight:normal;
+	text-decoration:none;
+	color:#FF6600;
+	margin-left: 1px;
+}
+#left {
+position:absolute; 
+width:202px; 
+height:100%; 
+background-color:#333333;
+left: 0px;
+top: 0px;
+}
+
+#right {
+position:absolute; 
+width:202px; 
+height:100%; 
+background-color:#333333; 
+left: 808px;
+top: 0px;
+}
+
+
+
+#content {
+	position:absolute;
+	width:616px;
+	height:100%;
+	background-color:#660000;
+	top: 0px;
+	left: 50%;
+	margin-top: 0px;
+	margin-left: -308px;
+	border-left: 3px #454648 solid;
+	border-right: 3px #454648 solid;
+}
+
+#content_container {
+	position:absolute;
+	width:490px;
+	height:492px;
+	background-color:#3D0000;
+	border:3px;
+	border-style:solid;
+	border-color:#454648;
+	left: 63px;
+	top: 57px;
+}
+
+#invisible {
+position:absolute; 
+width:490px; 
+height:492px;  
+left: 0px;
+top: 0px;
+z-index:1;
+}
+
+
+#content_container_s {
+position:absolute; 
+width:490px; 
+height:492px; 
+border:0px;
+border-style:solid;
+border-color:#454648; 
+left: 63px;
+top: 57px;
+}
+
+#menu {
+position:absolute; 
+width:330px; 
+height:14px;  
+left: 143.5px;
+top: 553px;
+margin-top:2px;
+z-index:10;
+}
+
+#sub_menu {
+position:absolute; 
+width:490px; 
+height:14px;  
+left: 0px;
+top: 450px;
+margin-top:2px;
+text-align:center;
+z-index:1;
+font-family:Verdana;
+	font-size:12px;
+	font-weight:normal;
+	text-decoration:none;
+}
+
+#sub_menu_produkte {
+position:absolute;
+width:490px;
+height:19px;
+background-color:#000000;
+font-family:Verdana;
+	font-size:12px;
+	font-weight:normal;
+	text-decoration:none;
+	color:#FFFFFF;
+left:0px;
+top:425px;
+margin-top:2px;
+text-align:center;
+z-index:2;
+}
+
+#slider {
+	position:absolute;
+	width:474px;
+	height:65px;
+	background-color:#333333;
+	left: 8px;
+	top: 8px;
+	padding:0px;
+}
+
+#slider_2 {
+	position:absolute;
+	width:474px;
+	height:67px;
+	left: 0px;
+	top: 0px;
+}
+
+
+#content_sub {
+	position:absolute;
+	width:330px;
+	height:330px;
+	left: 143px;
+	top: 149px;
+}
+
+#content_nav {
+position:absolute; 
+width:20px; 
+height:10px; 
+left: 298px;
+top: 305.5px;
+z-index:1;
+}
+
+#content_main {
+	position:absolute;
+	width:311px;
+	height:311px;
+	top: 9.5px;
+	left: 9.5px;
+	text-align:center;
+	font-weight: normal;
+}
+
+#content_main_s {
+	position:absolute;
+	width:311px;
+	height:311px;
+	top: 9.5px;
+	left: 9.5px;
+	text-align:center;
+	background-image: url(../content/portraet/bilder/port_back.jpg);
+}
+
+#content_main_in {
+border:0px;
+margin-left:3px;
+margin-top:3px;
+}
+
+
+
+//////////////Menu///////////////////
+
+
+.kontakt a {background-image: url("../grafiken/kontakt_1.png"); width:64px;height:13px;border:0px;}
+.kontakt a:hover {background-image: url("../grafiken/kontakt_2.png")}
+
+////////////////////////////////////
+
+
+

css/slider.css

@@ -0,0 +1,59 @@
+/* Styles for scrolling layers  
+	 Specify width and height in hold and wn, and in clip for wn */
+div#hold	{ 
+	position:relative; 
+	overflow:hidden;
+	width:454px;
+	height:67px;
+	top:0px;
+	left:0px; 
+	z-index:100
+	}
+div#wn	{ 
+	position:absolute; 
+	left:0px; 
+	top:0px; 
+	width:475px; 
+	height:67px; 
+	clip:rect(0px, 454px, 66px, 0px); 
+	overflow:hidden;	
+	z-index:1; 
+	padding:0px;
+	}
+div#lyr1	{ 
+	position:absolute; 
+	visibility:hidden; 
+	left:0px; 
+	top:0px;
+	width:474px;
+	height:67px; 
+	z-index:1; 
+	}
+  
+/* Styles for demo, not necessary for scrolling layers */  
+body {
+	overflow:hidden;
+	text-align:left;
+	font: 12px verdana, arial, helvetica, sans-serif;
+	margin-top: 0px;
+	margin-left: 0px;
+	margin-right: 0px;
+	width: auto;
+	height: auto;
+  }
+h1 { 
+  font-size:1.4em; 
+  margin:1.5em 0 2em 0; 
+  }
+a:link { color:#33c }	
+a:visited { color:#339 }	
+a img { border:none }
+
+table.main { 
+  width:475px; margin:0px;
+  height:65px;
+  background-color:#eee; border:1px dashed #666 
+  }
+td.arrows a { padding:0 1em }
+td.spacer { width:38px }
+td.footer { text-align:center; margin:0 }  

fetchdescription.php

@@ -0,0 +1,39 @@
+<?php
+/**
+ * Holt die Bildinformationen zu einem Bild aus der Datei
+ * content/bilder/imginfo.txt und gibt diese zurueck.
+ *
+ * Copyright (c) 2007 Jan Dittberner <jan@dittberner.info>
+ * Jan Dittberner IT-Consulting & -Solutions,
+ * Cottbuser Str. 1, D-01129 Dresden
+ * All rights reserved.
+ */
+$infofile = "bilder/imginfo.txt";
+$prefix = "bilder/";
+
+function getImgInfo($imagename) {
+  if (file_exists($imagename)) {
+    $imagename = substr($imagename, strlen($GLOBALS["prefix"]));
+  }
+  if (file_exists($GLOBALS["prefix"] . $imagename)) {
+    foreach (file($GLOBALS["infofile"]) as $line) {
+      $firstspace = strpos($line, " ");
+      $name = substr($line, 0, $firstspace);
+      $data = trim(substr($line, $firstspace + 1));
+      if (strcmp($name, $imagename) == 0) {
+        $retval = array("name" => $name,
+                        "data" => trim($data));
+        break;
+      }
+    }
+  } else {
+    return $GLOBALS["prefix"] . $imagename . " doesn't exist";
+  }
+  return $retval;
+}
+
+if (isset($_GET["imagename"])) {
+  header("Content-Type: text/plain; charset=UTF-8");
+  print json_encode(getImgInfo($_GET["imagename"]));
+}
+?>

funktionen/description.php

@@ -0,0 +1,9 @@
+<?php
+include_once("fetchdescription.php");
+$imginfo = getImgInfo($allfiles[0]);
+if (is_array($imginfo) && isset($imginfo["data"])) {
+  print htmlentities($imginfo["data"]);
+} else {
+  print $imginfo;
+}
+?>

funktionen/show_pictures.php

@@ -0,0 +1,6 @@
+							<?php
+							$width_middle = 311;
+							printf("<a href=\"%s\" class=\"lightbox\" ><img id=\"contentimg\" src=\"%s\" alt=\"\" width=\"%s\" /></a>",
+      						dirname($allfiles[0]) . DIRECTORY_SEPARATOR . basename($allfiles[0]), 
+       						$allfiles[0], $width_middle);
+							?>

funktionen/thumbnail.php

@@ -0,0 +1,15 @@
+<?
+$thumbsizes = array();
+$thumbwidthsum = 2;
+$thumbheight = 67;
+foreach ($allfiles as $filename) {
+  $directory = dirname($filename);
+  $basename = basename($filename);
+  $thumbfile = $directory .
+    DIRECTORY_SEPARATOR . $basename;
+  if ($thumbsize = getimagesize($thumbfile)) {
+    $thumbsizes[$thumbfile] = $thumbsize;
+    $thumbwidthsum = $thumbwidthsum + $thumbsize[0] + 3;
+  }
+}
+?>

funktionen/thumbnail_show.php

@@ -0,0 +1,6 @@
+<?php
+ 									foreach ($thumbsizes as $thumbfile => $thumbsize) {
+   									printf("<div class=\"thumbnail\"><img src=\"%s\" alt=\"\" height=\"%s\" /></div>",
+          							$thumbfile, $thumbheight);
+ 									}
+?>

index.php

@@ -0,0 +1,95 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd">
+<?php
+$allfiles = glob("./bilder/wallpaper/*.jpg"); // Pfad der Bilder für die jeweilige Kategorie
+$menupunkt = "Wallpaper"; // Name des Menüpunktes
+?>
+
+<?php include ("./funktionen/thumbnail.php"); // greift auf die Funktionen der ausgelagerten Datei um die Thumbnails einzulesen
+?>
+<?php
+$kategorie = ($bilder_kat = 1) ; //bezieht sich auf die Hauptmenükategorie (füt Anzeige von aktivem Link notwendig)
+$nav_auswahl = ($bilder_kat_sub = 1);		//bezieht sich auf die Submenükategorie (füt Anzeige von aktivem Link notwendig)
+?>
+<?php
+$aquarelle = ($menu = 14) ;	//bezieht sich auf das Auswahlmenü
+?>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Bilderframework</title>
+<link rel="stylesheet" type="text/css" href="css/main.css">
+<style type="text/css" media="./css/main.css"></style>
+<link rel="stylesheet" href="./css/format.css" type="text/css" />
+ <link rel="stylesheet" href="./css/jquery.lightbox-0.4.css" type="text/css" />
+ <script src="./scripts/jquery.js" type="text/javascript" ></script>
+ <script src="./scripts/jquery.lightbox.js" type="text/javascript" ></script>
+ <script src="./scripts/ourhandlers.js" type="text/javascript" ></script>
+ <style type="text/css">
+ <?php
+   printf("#scrollable { width:%dpx; }", $thumbwidthsum);
+ ?>
+ a {
+	font-size: 9px;
+}
+a:link {
+	text-decoration: none;
+}
+a:visited {
+	text-decoration: none;
+}
+a:hover {
+	text-decoration: none;
+}
+a:active {
+	text-decoration: none;
+}
+</style>
+ <script src="scripts/mmfunctions.js" type="text/javascript"></script>
+</head>
+<body>
+<!-- container -->
+<div id="container">
+ <div id="content">
+ 
+ 				<div id="menu"><? include ("menu/menu.php"); ?></div>
+
+ <div id="content_container">
+  
+  					<div id="slider">
+   									<div id="arrleft"><img src="css/grafiken/aro-lft.png" alt="nach links" width="10" height="65" /></div>
+   									<div id="imgscroller"><div id="scrollable">
+									<?php
+ 									include ("./funktionen/thumbnail_show.php"); // zeigt die eingelesenen Thumnails an
+									?></div>
+</div>
+
+<div id="arrright">
+<img src="css/grafiken/aro-rt.png" alt="nach rechts" width="10" height="65" />
+</div>
+
+  </div>
+<div id="sub_menu"><? include ("submenu.php"); // bindet das Submenü mit definiertem LInks ein.?></div>
+ </div>
+
+ <div id="content_sub">
+  				<div id="content_main">
+   							<div class="bildposition">
+							<?php
+							include ("./funktionen/show_pictures.php"); // bindet die Bilder in den Hauptbereich ein
+							?></div>
+ </div>
+ 
+ <div id="content_nav">
+ 				<img id="backbtn" src="css/grafiken/back.jpg" alt="back" class="back" width="10" height="10" top="0"><img id="fwdbtn" src="css/grafiken/next.jpg" alt="next" class="next" width="10" height="10" top="0">
+ </div>
+  
+  <div class="imgdescription" id="imagedescription">
+  <?php
+include ("funktionen/description.php"); // liest die Bildbeschreibung für das jeweilige Bild (wenn definiert)
+?>
+</div>
+</div>      
+</div> 
+</div>            
+<!-- /container -->
+</body>
+</html>

menu/menu.php

@@ -0,0 +1,21 @@
+<!--
+$verzeichnis = realpath($_SERVER['DOCUMENT_ROOT'] . "/bild_framework/");
+echo "<ol>";
+
+if ( is_dir ($verzeichnis ))
+{
+if ( $handle = opendir ($verzeichnis))
+	{ while (($file = readdir($handle)) !== false)
+    {
+    echo "<li>Dateiname:";
+    echo $file;
+    
+    echo "<ul><li>Dateityp: ";
+    echo filetype ( $file );
+    echo "</li></ul>\n";
+    }
+    closedor($handle);
+    }
+    }
+    echo "</ol>";
+    -->

scripts/AC_RunActiveContent.js

@@ -0,0 +1,292 @@
+//v1.7
+// Flash Player Version Detection
+// Detect Client Browser type
+// Copyright 2005-2007 Adobe Systems Incorporated.  All rights reserved.
+var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
+var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
+var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
+
+function ControlVersion()
+{
+	var version;
+	var axo;
+	var e;
+
+	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
+
+	try {
+		// version will be set for 7.X or greater players
+		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
+		version = axo.GetVariable("$version");
+	} catch (e) {
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 6.X players only
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
+			
+			// installed player is some revision of 6.0
+			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
+			// so we have to be careful. 
+			
+			// default to the first public version
+			version = "WIN 6,0,21,0";
+
+			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
+			axo.AllowScriptAccess = "always";
+
+			// safe to call for 6.0r47 or greater
+			version = axo.GetVariable("$version");
+
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 4.X or 5.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
+			version = axo.GetVariable("$version");
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 3.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
+			version = "WIN 3,0,18,0";
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 2.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
+			version = "WIN 2,0,0,11";
+		} catch (e) {
+			version = -1;
+		}
+	}
+	
+	return version;
+}
+
+// JavaScript helper required to detect Flash Player PlugIn version information
+function GetSwfVer(){
+	// NS/Opera version >= 3 check for Flash plugin in plugin array
+	var flashVer = -1;
+	
+	if (navigator.plugins != null && navigator.plugins.length > 0) {
+		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
+			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
+			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
+			var descArray = flashDescription.split(" ");
+			var tempArrayMajor = descArray[2].split(".");			
+			var versionMajor = tempArrayMajor[0];
+			var versionMinor = tempArrayMajor[1];
+			var versionRevision = descArray[3];
+			if (versionRevision == "") {
+				versionRevision = descArray[4];
+			}
+			if (versionRevision[0] == "d") {
+				versionRevision = versionRevision.substring(1);
+			} else if (versionRevision[0] == "r") {
+				versionRevision = versionRevision.substring(1);
+				if (versionRevision.indexOf("d") > 0) {
+					versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
+				}
+			}
+			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
+		}
+	}
+	// MSN/WebTV 2.6 supports Flash 4
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
+	// WebTV 2.5 supports Flash 3
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
+	// older WebTV supports Flash 2
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
+	else if ( isIE && isWin && !isOpera ) {
+		flashVer = ControlVersion();
+	}	
+	return flashVer;
+}
+
+// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
+function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
+{
+	versionStr = GetSwfVer();
+	if (versionStr == -1 ) {
+		return false;
+	} else if (versionStr != 0) {
+		if(isIE && isWin && !isOpera) {
+			// Given "WIN 2,0,0,11"
+			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
+			tempString        = tempArray[1];			// "2,0,0,11"
+			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
+		} else {
+			versionArray      = versionStr.split(".");
+		}
+		var versionMajor      = versionArray[0];
+		var versionMinor      = versionArray[1];
+		var versionRevision   = versionArray[2];
+
+        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
+		if (versionMajor > parseFloat(reqMajorVer)) {
+			return true;
+		} else if (versionMajor == parseFloat(reqMajorVer)) {
+			if (versionMinor > parseFloat(reqMinorVer))
+				return true;
+			else if (versionMinor == parseFloat(reqMinorVer)) {
+				if (versionRevision >= parseFloat(reqRevision))
+					return true;
+			}
+		}
+		return false;
+	}
+}
+
+function AC_AddExtension(src, ext)
+{
+  if (src.indexOf('?') != -1)
+    return src.replace(/\?/, ext+'?'); 
+  else
+    return src + ext;
+}
+
+function AC_Generateobj(objAttrs, params, embedAttrs) 
+{ 
+  var str = '';
+  if (isIE && isWin && !isOpera)
+  {
+    str += '<object ';
+    for (var i in objAttrs)
+    {
+      str += i + '="' + objAttrs[i] + '" ';
+    }
+    str += '>';
+    for (var i in params)
+    {
+      str += '<param name="' + i + '" value="' + params[i] + '" /> ';
+    }
+    str += '</object>';
+  }
+  else
+  {
+    str += '<embed ';
+    for (var i in embedAttrs)
+    {
+      str += i + '="' + embedAttrs[i] + '" ';
+    }
+    str += '> </embed>';
+  }
+
+  document.write(str);
+}
+
+function AC_FL_RunContent(){
+  var ret = 
+    AC_GetArgs
+    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
+     , "application/x-shockwave-flash"
+    );
+  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
+}
+
+function AC_SW_RunContent(){
+  var ret = 
+    AC_GetArgs
+    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
+     , null
+    );
+  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
+}
+
+function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
+  var ret = new Object();
+  ret.embedAttrs = new Object();
+  ret.params = new Object();
+  ret.objAttrs = new Object();
+  for (var i=0; i < args.length; i=i+2){
+    var currArg = args[i].toLowerCase();    
+
+    switch (currArg){	
+      case "classid":
+        break;
+      case "pluginspage":
+        ret.embedAttrs[args[i]] = args[i+1];
+        break;
+      case "src":
+      case "movie":	
+        args[i+1] = AC_AddExtension(args[i+1], ext);
+        ret.embedAttrs["src"] = args[i+1];
+        ret.params[srcParamName] = args[i+1];
+        break;
+      case "onafterupdate":
+      case "onbeforeupdate":
+      case "onblur":
+      case "oncellchange":
+      case "onclick":
+      case "ondblClick":
+      case "ondrag":
+      case "ondragend":
+      case "ondragenter":
+      case "ondragleave":
+      case "ondragover":
+      case "ondrop":
+      case "onfinish":
+      case "onfocus":
+      case "onhelp":
+      case "onmousedown":
+      case "onmouseup":
+      case "onmouseover":
+      case "onmousemove":
+      case "onmouseout":
+      case "onkeypress":
+      case "onkeydown":
+      case "onkeyup":
+      case "onload":
+      case "onlosecapture":
+      case "onpropertychange":
+      case "onreadystatechange":
+      case "onrowsdelete":
+      case "onrowenter":
+      case "onrowexit":
+      case "onrowsinserted":
+      case "onstart":
+      case "onscroll":
+      case "onbeforeeditfocus":
+      case "onactivate":
+      case "onbeforedeactivate":
+      case "ondeactivate":
+      case "type":
+      case "codebase":
+      case "id":
+        ret.objAttrs[args[i]] = args[i+1];
+        break;
+      case "width":
+      case "height":
+      case "align":
+      case "vspace": 
+      case "hspace":
+      case "class":
+      case "title":
+      case "accesskey":
+      case "name":
+      case "tabindex":
+        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
+        break;
+      default:
+        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
+    }
+  }
+  ret.objAttrs["classid"] = classid;
+  if (mimeType) ret.embedAttrs["type"] = mimeType;
+  return ret;
+}

scripts/mmfunctions.js

@@ -0,0 +1,21 @@
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}

scripts/ourhandlers.js

@@ -0,0 +1,119 @@
+/*
+* Image scrolling JQuery code.
+*
+* Copyright (c) 2007 Jan Dittberner <jan@dittberner.info>
+* Jan Dittberner IT-Consulting & -Solutions
+* Cottbuser Str. 1, D-01129 Dresden
+* All rights reserved.
+*/
+var imgprefix = "";
+var imgfull = "";
+var imgthumb = "";
+
+function getPathParts(imagesrc) {
+    var filename = imagesrc.substring(imagesrc.lastIndexOf("/") + 1);
+    var pathstart =imagesrc.substring(0, imagesrc.lastIndexOf("/") + 1);
+    if (pathstart.indexOf(imgfull) ==
+        (pathstart.length - imgfull.length)) {
+        pathstart = pathstart.substring(0, pathstart.length - imgfull.length);
+    } else if (pathstart.indexOf(imgthumb) ==
+               (pathstart.length - imgthumb.length)) {
+        pathstart = pathstart.substring(0, pathstart.length - imgthumb.length);
+    }
+    var dirname = pathstart.split(imgprefix)[1];
+    var basename = dirname + filename
+    var retval = {
+        'filename'  : filename,
+        'pathstart' : pathstart,
+        'dirname'   : dirname,
+        'basename'  : basename
+    };
+    return retval;
+}
+
+function updateContentImage(pathParts) {
+    var content_main = $("#content_main img").attr("src",
+        pathParts.pathstart + pathParts.filename);
+    $("#content_main a").attr("href", pathParts.pathstart +
+                              imgfull + pathParts.filename);
+    $.getJSON("fetchdescription.php",
+              {"imagename" : pathParts.basename},
+              function(data, textStatus) {
+                  $("#imagedescription").text(data["data"]);
+              });
+}
+
+$(document).ready(function() {
+    $("#arrleft").mouseover(function() {
+        $("#scrollable").animate({
+            left: "0px"
+        }, 5000);
+    }).mouseout(function() {
+        $("#scrollable").stop();
+    });
+    $("#arrright").mouseover(function() {
+        offset = parseInt($("#imgscroller").css("width")) -
+            parseInt($("#scrollable").css("width"));
+        $("#scrollable").animate({
+            left: offset + "px"
+        }, 18000);
+    }).mouseout(function() {
+        $("#scrollable").stop();
+    });
+    $("#backbtn").click(function() {
+        var parts = getPathParts($("img#contentimg").attr("src"));
+        var pred = null;
+        $("div.thumbnail img").each(function() {
+            if (pred == null) {
+                pred = getPathParts(this.src);
+            } else {
+                var thumbparts = getPathParts(this.src);
+                if (thumbparts.basename == parts.basename) {
+                    updateContentImage(pred);
+                }
+                pred = thumbparts;
+            }
+        });
+    });
+    $("#fwdbtn").click(function() {
+        var parts = getPathParts($("img#contentimg").attr("src"));
+        var pred = null;
+        $("div.thumbnail img").each(function() {
+            var thumbparts = getPathParts(this.src);
+            if (thumbparts.basename == parts.basename) {
+                pred = thumbparts;
+            } else if (pred != null) {
+                updateContentImage(thumbparts);
+                pred = null;
+            }
+        });
+    });
+    $("div.thumbnail img").mouseover(function() {
+        updateContentImage(getPathParts(this.src));
+    });
+    $("a.lightbox").lightBox();
+});
+
+
+
+function MM_swapImgRestore() { //v3.0
+  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+}
+function MM_preloadImages() { //v3.0
+  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+}
+
+function MM_findObj(n, d) { //v4.01
+  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+  if(!x && d.getElementById) x=d.getElementById(n); return x;
+}
+
+function MM_swapImage() { //v3.0
+  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+}

scripts/ourhandlers_2.js

@@ -0,0 +1,95 @@
+/*
+* Image scrolling JQuery code.
+*
+* Copyright (c) 2007 Jan Dittberner <jan@dittberner.info>
+* Jan Dittberner IT-Consulting & -Solutions
+* Cottbuser Str. 1, D-01129 Dresden
+* All rights reserved.
+*/
+var imgprefix = "";
+var imgfull = "";
+var imgthumb = "";
+
+function getPathParts(imagesrc) {
+    var filename = imagesrc.substring(imagesrc.lastIndexOf("/") + 1);
+    var pathstart =imagesrc.substring(0, imagesrc.lastIndexOf("/") + 1);
+    if (pathstart.indexOf(imgfull) ==
+        (pathstart.length - imgfull.length)) {
+        pathstart = pathstart.substring(0, pathstart.length - imgfull.length);
+    } else if (pathstart.indexOf(imgthumb) ==
+               (pathstart.length - imgthumb.length)) {
+        pathstart = pathstart.substring(0, pathstart.length - imgthumb.length);
+    }
+    var dirname = pathstart.split(imgprefix)[1];
+    var basename = dirname + filename
+    var retval = {
+        'filename'  : filename,
+        'pathstart' : pathstart,
+        'dirname'   : dirname,
+        'basename'  : basename
+    };
+    return retval;
+}
+
+function updateContentImage(pathParts) {
+    var content_main = $("#content_main img").attr("src",
+        pathParts.pathstart + pathParts.filename);
+    $("#content_main a").attr("href", pathParts.pathstart +
+                              imgfull + pathParts.filename);
+    $.getJSON("fetchdescription.php",
+              {"imagename" : pathParts.basename},
+              function(data, textStatus) {
+                  $("#imagedescription").text(data["data"]);
+              });
+}
+
+$(document).ready(function() {
+    $("#arrleft").mouseover(function() {
+        $("#scrollable").animate({
+            left: "0px"
+        }, 9000);
+    }).mouseout(function() {
+        $("#scrollable").stop();
+    });
+    $("#arrright").mouseover(function() {
+        offset = parseInt($("#imgscroller").css("width")) -
+            parseInt($("#scrollable").css("width"));
+        $("#scrollable").animate({
+            left: offset + "px"
+        }, 9000);
+    }).mouseout(function() {
+        $("#scrollable").stop();
+    });
+    $("#backbtn").click(function() {
+        var parts = getPathParts($("img#contentimg").attr("src"));
+        var pred = null;
+        $("div.thumbnail img").each(function() {
+            if (pred == null) {
+                pred = getPathParts(this.src);
+            } else {
+                var thumbparts = getPathParts(this.src);
+                if (thumbparts.basename == parts.basename) {
+                    updateContentImage(pred);
+                }
+                pred = thumbparts;
+            }
+        });
+    });
+    $("#fwdbtn").click(function() {
+        var parts = getPathParts($("img#contentimg").attr("src"));
+        var pred = null;
+        $("div.thumbnail img").each(function() {
+            var thumbparts = getPathParts(this.src);
+            if (thumbparts.basename == parts.basename) {
+                pred = thumbparts;
+            } else if (pred != null) {
+                updateContentImage(thumbparts);
+                pred = null;
+            }
+        });
+    });
+    $("div.thumbnail img").mouseover(function() {
+        updateContentImage(getPathParts(this.src));
+    });
+    $("a.lightbox").lightBox();
+});