Initialer Commit

.htaccess

@@ -0,0 +1,7 @@
+RewriteEngine On
+
+RewriteRule ^loesung/abschnitt-(.+?).html index.php?show=loesung&katalog=$1 [QSA]
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteCond %{REQUEST_FILENAME} !-l
+RewriteRule ^(.+?).html index.php?show=$1 [QSA]

antworten.inc.php

@@ -0,0 +1,127 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included 'THW Thema' templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+ 
+/*
+
+  Auflösungen zu allen Fragen
+
+*/
+
+
+$tpl->addVars('navAntworten', 'current');
+
+$katalog = -1;
+if (isset($_REQUEST['katalog'])) {
+    $katalog = intval($_REQUEST['katalog']);
+}
+
+$abschnitte = getTopics();
+foreach ($abschnitte as $nr => $description) {
+    $tpl->addVars(Array(
+            'abschnittNr' => $nr,
+            'abschnittName' => htmlspecialchars($description),
+            'navAntwortenAbschnitt' => ($katalog == $nr) ? 'current':''
+    ));
+    
+    $tpl->parseBlock('page-body', 'NavAntworten', 'Sublinks', TRUE);
+}
+
+if (isset($_SESSION['zufallsfragen']) || isset($_SESSION['bogen'])) {
+	if (isset($_GET['clear']) && intval($_GET['clear']) == '1') {
+        unset($_SESSION['bogen']);
+        unset($_SESSION['zufallsfragen']);
+        unset($_SESSION['frage_nr']);
+        unset($_SESSION['fragen_cnt']);
+        unset($_SESSION['zufallstats']);
+        unset($_SESSION['bogen']);
+	}
+	else {
+		$tpl->addTemplates(Array('content' => 'aufloesung-error'));
+		return;
+    }
+}
+
+if ($katalog > 0) {
+
+    $stmt = $GLOBALS['db']->prepare('SELECT `Nr`,`Beschreibung` FROM `abschnitte` WHERE `Nr` = ? AND `Jahr` = ?');
+    $stmt->bind_param('ii', $katalog, $_SESSION['jahr']);
+    $stmt->execute();
+    $stmt->bind_result($nr, $description);
+
+    addBreadcrumb($_REQUEST['show'].'&katalog=' . $nr, $description);
+    
+    $tpl->addTemplates(Array(
+            'content' => 'aufloesung-antworten'
+    ));
+
+    $tpl->addVars(Array(
+            'abschnittNr' => $nr,
+            'abschnittName' => htmlspecialchars($description)
+    ));
+    $stmt->close();
+
+    $stmt = $GLOBALS['db']->prepare('SELECT * FROM `fragen` WHERE `Abschnitt` = ? AND `Jahr` = ? ORDER BY Abschnitt,Nr ASC');
+    $stmt->bind_param('ii', $katalog, $_SESSION['jahr']);
+    $stmt->execute();
+    $questions = $stmt->get_result();
+
+    $I = 1;
+
+    while ($question = $questions->fetch_array(MYSQLI_ASSOC)) {
+   	    ShowAnswer($question);
+        $tpl->parseBlock('content', 'Antworten', 'Row', TRUE, TRUE);
+       	if ($I%10==0) {
+            $tpl->parseBlock('content', 'Antworten', 'Topline', TRUE);
+        }
+   	    $I++;
+    }
+    $questions->close();
+    $stmt->close();
+}
+else {
+
+    $tpl->addTemplates('content', 'aufloesung-abschnitte');
+
+    $stmt = $GLOBALS['db']->prepare('SELECT `Nr`,`Beschreibung` FROM `abschnitte` WHERE `Jahr` = ? ORDER BY Nr ASC');
+    $stmt->bind_param('i', $_SESSION['jahr']);
+    $stmt->execute();
+    $stmt->bind_result($nr, $description);
+
+    while ($stmt->fetch()) {
+        $tpl->addVars(Array(
+                'abschnittNr' => $nr,
+                'abschnittName' => $description
+        ));
+        
+        $tpl->parseBlock('content', 'Abschnitte', 'Row', TRUE);
+    }
+
+}
+?>

barrierefreiheit.inc.php

@@ -0,0 +1,15 @@
+<?php
+
+
+if (isset($_POST['normal'])) {
+    setcookie("stylesheet", "normal", time()+60*60*24*365);
+    $tpl->addVars('extraStyleSheet', '');
+}
+
+if (isset($_POST['barrierefrei'])) {
+    setcookie("stylesheet", "barrierefrei", time()+60*60*24*365);
+}
+
+$tpl->addTemplates(Array("content" => "barrierefreiheit"));
+
+?>

class.template.inc.php

@@ -0,0 +1,551 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included "THW Thema" templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+ 
+/************************************************************
+* Template class
+*
+* This class is capable of replacing variables with text,
+* including other templates, and it can parse dynamic blocks
+* which can be nested inside other blocks.
+* 
+* Predefined variables:
+* 
+* {templatePath} Contains the template path
+* {templateLang} Contains the country code, if set
+* 
+* If you don't need them, remove them immediately after
+* creating the class instance or setting a new template path.
+* 
+* $id: class Template v1.0 / Kai Blaschke $
+* 
+**************************************************************/
+
+
+class Template {
+
+//    ************************************************************
+//    Member variables
+
+    var $TPLFILES  = array();       // Contains all template filenames
+    var $TPLDATA   = array();       // Contains all template data
+    var $LOADED    = array();       // Already loaded templates are
+                                    // stored as $LOADED[HANDLE]=>TRUE
+    var $PARSEVARS = array();       // Array of variable/value pairs 
+                                    // to be replaced in templates
+    var $HANDLES   = array();       // Handles which contain parsed templates
+    
+    var $BLOCKS    = array();       // Array with dynamic block data
+    var $H_BLOCKS  = array();       // Parsed block data
+    
+    // Filename: $TPLDIR/filename[.$LANG].tpl
+    var $TPLDIR;                    // Path to template files
+    var $LANG;                      // Country code (en, de, fr, ...)
+    var $TPLEXT;                    // Filename extension (default is .tpl)
+    
+    
+//    ************************************************************
+//    Global settings
+
+    var $RPLBRACES = TRUE;          // Safely replaces curly braces with HTML
+                                    // entities in variable values if
+                                    // set to TRUE.
+    var $WIN32     = FALSE;         // Set to "TRUE" on Win32 systems, if
+                                    // you encounter problems with paths.
+    var $DIEONERR  = TRUE;          // If set to TRUE, die() is called in error
+    
+    
+    
+    
+//    ************************************************************
+//    Constructor
+
+    function Template($tpldir, $lang = "", $tplext = "tpl")
+    {
+        $this->setPath($tpldir);
+        $this->LANG   = strtolower($lang);
+        $this->TPLEXT = $tplext;
+        
+        $this->addVars("templateLang", $this->LANG);
+    }
+
+//    ************************************************************
+//    Sets or changes the template search path
+    
+    function setPath($path)
+    {
+        if ($this->WIN32) {
+            if (ord(substr($path, -1)) != 92) $path .= chr(92);
+        } else {
+            if (ord(substr($path, -1)) != 47) $path .= chr(47);        
+        }
+        
+        if (is_dir($path)) {
+            $this->TPLDIR = $path;
+            
+            // Add a path variable for use in templates
+            $this->addVars("templatePath", $path);
+            
+            return TRUE;
+        } else {
+            echo "[TEMPLATE ENGINE] The specified template path "
+                ."'<b>".$path."</b>' is invalid!<br />"; 
+                       
+            $this->TPLDIR = "";
+
+            if ($this->DIEONERR == TRUE) die();
+            return FALSE;
+        }
+    }
+
+//    ************************************************************
+//    Get dynamic blocks recursively to enable nested blocks
+
+    function getDynamicBlocks($tplFilename, $contents)
+    {
+        preg_match_all("/(\{\|([a-zA-Z0-9]+)\})(.*?)\\1/s",
+            $contents, $blocks);
+     
+        if (empty($blocks[0])) return;
+     
+        // Go through all blocks and save them in $this->BLOCKS
+        for ($I=0; $I<count($blocks[0]); $I++) {
+            $blockparts = array();
+            preg_match_all("/(\{\|" . $blocks[2][$I] . 
+                "\*([a-zA-Z0-9]+)\})(.*?)\\1/s", 
+                $blocks[3][$I], $blockparts);
+       
+            for ($J=0; $J<count($blockparts[0]); $J++) {
+                // Get nested blocks
+                $this->getDynamicBlocks($tplFilename, $blockparts[3][$J]);
+
+                // Replace block data with placeholders
+                $blockparts[3][$J] =
+                    preg_replace("/(\{\|([a-zA-Z0-9]+)\})(.*?)\\1/s",
+                    "\\1", $blockparts[3][$J]);
+                
+                // Save block data
+                $this->BLOCKS[$tplFilename][$blocks[2][$I]][$blockparts[2][$J]]
+                    = $blockparts[3][$J];
+                   
+            }
+        }    
+    }
+    
+//    ************************************************************
+//    Loads a template, runs some checks and extracts dynamic blocks
+    
+    function loadTemplate($tplFilename)
+    {
+        // Template already loaded?
+        if (isset($this->LOADED[$tplFilename])) return TRUE;
+        
+        // Has the path been set?
+        if (empty($this->TPLDIR)) {
+            echo "[TEMPLATE ENGINE] Template path not set or invalid!<br />";
+
+            if ($this->DIEONERR == TRUE) die();
+            return FALSE;
+        }
+        
+        // Is a user-defined county code set?
+        if (!empty($this->LANG)) {
+            // Yes. Try to find template with the specified CC
+            if (file_exists($this->TPLDIR.$this->TPLFILES[$tplFilename]."."
+                .$this->LANG.".".$this->TPLEXT)) {
+                $filename = $this->TPLDIR.$this->TPLFILES[$tplFilename].".".
+                    $this->LANG.".".$this->TPLEXT;
+            } else {
+                // Otherwise, use template filename without CC
+                if (file_exists($this->TPLDIR.$this->TPLFILES[$tplFilename]."."
+                    .$this->TPLEXT)) {
+                    $filename = $this->TPLDIR.$this->TPLFILES[$tplFilename]."."
+                        .$this->TPLEXT;
+                } else {
+                    echo "[TEMPLATE ENGINE] Can't find template "
+                        ."'".$tplFilename."'!<br />";
+
+                    if ($this->DIEONERR == TRUE) die();
+                    return FALSE;
+                }
+            }
+        } else {
+            // No. Use template filename without CC
+            if (file_exists($this->TPLDIR.$this->TPLFILES[$tplFilename]."."
+                .$this->TPLEXT)) {
+                $filename = $this->TPLDIR.$this->TPLFILES[$tplFilename]."."
+                    .$this->TPLEXT;    
+            } else {
+                echo "[TEMPLATE ENGINE] Can't find template "
+                    ."'".$tplFilename."'!<br />";
+
+                if ($this->DIEONERR == TRUE) die();
+                return FALSE;
+            }
+        }
+        
+        // Load template file
+        $contents = implode("", (@file($filename)));
+    
+        if (!$contents || empty($contents)) {
+            echo "[TEMPLATE ENGINE] Can't load template '"
+                .$tplFilename."'!<br />";
+
+            if ($this->DIEONERR == TRUE) die();
+            return FALSE;
+        }
+        
+        // Parse dynamic blocks recursively
+        $this->getDynamicBlocks($tplFilename, $contents);
+        
+        // Replace all block data with placeholders
+        $contents = preg_replace("/(\{\|([a-zA-Z0-9]+)\})(.*?)\\1/s", "\\1",
+            $contents);
+                
+        $this->TPLDATA[$tplFilename] = $contents;               
+        $this->LOADED[$tplFilename] = 1;
+        
+        return TRUE;
+
+    }
+
+//    ************************************************************
+//    Parses a template and loads it if neccessary.
+//    The result is assigned or concatenated to the specified handle.
+
+    function parse($handle = "",
+                   $file = "", 
+                   $append = FALSE, 
+                   $delunused = FALSE)
+    {
+        // Check if all prerequisites are met
+        if (empty($handle) || empty($file))
+            return FALSE;
+            
+        if (!isset($this->TPLFILES[$file]))
+            return FALSE;
+            
+        if (!isset($this->LOADED[$file])&&!$this->loadTemplate($file))
+            return FALSE;
+        
+        $templateCopy = $this->TPLDATA[$file];
+        
+        // Reset array pointers
+        reset($this->HANDLES);
+        reset($this->PARSEVARS);
+        
+        // Replace blocks
+        if (isset($this->H_BLOCKS[$file])) {
+            reset($this->H_BLOCKS[$file]);
+
+            while (list($varname, $value) = each($this->H_BLOCKS[$file]))
+                $templateCopy = preg_replace("/\{\|".$varname."\}/i", 
+                    $value, $templateCopy);
+        }
+        
+        // Replace variables
+        while (list($varname, $value) = each($this->PARSEVARS))
+            $templateCopy = preg_replace("/\{".$varname."\}/i",
+                $value, $templateCopy);
+        
+        // Replace {~name} placeholders with already parsed handle of
+        // the same name
+        while (list($varname, $value) = each($this->HANDLES))
+            $templateCopy = preg_replace("/\{\~".$varname."\}/i",
+                $value, $templateCopy);
+    
+        // Delete unused variables and placeholders
+        if ($delunused)
+            $templateCopy = preg_replace("/\{[~|\|]?(\w*?)\}/", "",
+                $templateCopy);
+            
+        // Assign to handle
+        if ($append && isset($this->HANDLES[$handle])) {
+            $this->HANDLES[$handle] .= $templateCopy;
+        } else {
+            $this->HANDLES[$handle] = $templateCopy;
+        }
+        
+        return TRUE;
+    }
+    
+//    ************************************************************
+//    Parses multiple templates.
+//    $list is an associative array of the type "handle"=>"template".
+//    Note that concatenation is not possible. Use the parse() method instead.
+
+    function multiParse($list)
+    {
+        if (!is_array($list)) return FALSE;
+        
+        while (list($handle, $file) = each($list))
+            if (!$this->parse($handle, $file)) return FALSE;
+
+        return TRUE;
+    }
+
+//    ************************************************************
+//    Parses a template and prints the result.
+
+    function printParse($handle = "", $file = "", $append = FALSE)
+    {
+        if ($this->parse($handle, $file, $append)) {
+            $this->printHandle($handle);
+            return TRUE;
+        }
+        
+        return FALSE;
+    }
+
+//    ************************************************************
+//    Parses a block and replaces or appends the result to the block handle.
+//
+//    Note: First argument is the template file name containing the blocks,
+//    not a handle name!
+//
+//    Note: This function has no effect on any template handle.
+//    Parsed block data is inserted into the template handle in the
+//    parse() method.
+
+    function parseBlock($file = "",
+                        $block = "", 
+                        $blockpart = "", 
+                        $append = FALSE, 
+                        $delunused = FALSE)
+    {
+        if (empty($file) || empty($block) || empty($blockpart))
+            return FALSE;                
+
+        if (!isset($this->TPLFILES[$file]))
+            return FALSE;
+
+        if (!isset($this->LOADED[$file])&&!$this->loadTemplate($file))
+            return FALSE;
+
+        $blockCopy = $this->BLOCKS[$file][$block][$blockpart];
+        
+        // Reset array pointers
+        reset($this->H_BLOCKS);
+        reset($this->PARSEVARS);
+
+        // Replace blocks
+        if (isset($this->H_BLOCKS[$file])) {
+            reset($this->H_BLOCKS[$file]);
+
+            while (list($varname, $value) = each($this->H_BLOCKS[$file]))
+                $blockCopy = preg_replace("/\{\|".$varname."\}/i", 
+                    $value, $blockCopy);
+        }
+        
+        // Replace variables
+        while (list($varname, $value) = each($this->PARSEVARS))
+            $blockCopy = preg_replace("/\{".$varname."\}/i",
+                $value, $blockCopy);
+        
+        // Replace {~name} placeholders with already parsed handle of
+        // the same name
+        while (list($varname, $value) = each($this->HANDLES))
+            $blockCopy = preg_replace("/\{\~".$varname."\}/i",
+                $value, $blockCopy);
+        
+        // Delete unused variables and placeholders
+        if ($delunused)
+            $blockCopy = preg_replace("/\{[~|]?(\w*?)\}/", "", $blockCopy);
+
+        // Assign to handle
+        if ($append && isset($this->H_BLOCKS[$file][$block])) {
+            $this->H_BLOCKS[$file][$block] .= $blockCopy;
+        } else {
+            $this->H_BLOCKS[$file][$block] = $blockCopy;
+        }                
+
+        return TRUE;
+    }
+
+//    ************************************************************
+//    Deletes all block handles
+
+    function clearBlockHandles()
+    {
+        if (!empty($this->H_BLOCKS)) {
+            reset($this->H_BLOCKS);
+            while (list($ref, $val) = each($this->H_BLOCKS)) 
+                unset($this->H_BLOCKS[$ref]);
+        }
+    }
+    
+//    ************************************************************
+//    Deletes the specified block handle
+
+    function delBlockHandle($file, $block)
+    {
+        if (!empty($file) && !empty($block))
+            if (isset($this->H_BLOCKS[$file][$block]))
+                unset($this->H_BLOCKS[$file][$block]);
+    }
+
+//    ************************************************************
+//    Adds one or more templates
+//    You can pass one associative array with $handle=>$filename pairs,
+//    or two strings ($handle, $filename) to this function.
+
+    function addTemplates($tplList, $tplFilename = "")
+    {
+        if (is_array($tplList)) {
+            reset($tplList);
+            while (list($handle, $filename) = each($tplList)) {
+                // Add handle to list
+                $this->TPLFILES[$handle] = $filename;
+                // Delete loaded flag if set
+                unset($this->LOADED[$handle]);
+            }
+        } else {
+            $this->TPLFILES[$tplList] = $tplFilename;
+            unset($this->LOADED[$tplList]);
+        }
+    }
+
+//    ************************************************************
+//    Deletes all template handles
+
+    function clearHandles()
+    {
+        if (!empty($this->HANDLES)) {
+            reset($this->HANDLES);
+            while (list($ref, $val) = each($this->HANDLES)) 
+                unset($this->HANDLES[$ref]);
+        }
+    }
+    
+//    ************************************************************
+//    Deletes the specified template handle
+
+    function delHandle($handleName = "")
+    {
+        if (!empty($handleName)) 
+            if (isset($this->HANDLES[$handleName])) 
+                unset($this->HANDLES[$handleName]);
+    }
+
+//    ************************************************************
+//    Returns the contents of the specified template handle
+
+    function getHandle($handleName = "")
+    {
+        if (empty($handleName))
+            return FALSE;
+            
+        if (isset($this->HANDLES[$handleName]))
+            return $this->HANDLES[$handleName];
+
+        return FALSE;
+    }
+
+//    ************************************************************
+//    Prints a parsed template handle
+
+    function printHandle($handleName = "")
+    {
+        if (empty($handleName)) return FALSE;
+        
+        // Remove all remaining placeholders
+        $this->HANDLES[$handleName] = preg_replace("/\{[~|\|]?(\w*?)\}/",
+            "", $this->HANDLES[$handleName]);    
+        
+        if (isset($this->HANDLES[$handleName])) {
+            echo $this->HANDLES[$handleName];
+            return TRUE;
+        }
+        
+        return FALSE;
+    }
+
+//    ************************************************************
+//    Deletes all variables set with the addVars() method
+
+    function clearVars()
+    {
+        if (!empty($this->PARSEVARS)) {
+            reset($this->PARSEVARS);
+            while (list($ref, $val) = each ($this->PARSEVARS))
+                unset($this->PARSEVARS[$ref]);
+        }
+    }
+
+//    ************************************************************
+//    Adds one or more variables.
+//    You can pass one associative array with $varname=>$value pairs
+//    or two strings ($varname, $value) to this function.
+    
+    function addVars($varList, $varValue = "")
+    {
+        if (is_array($varList)) {
+            reset($varList);
+            while (list($varname, $value) = each($varList)) {
+                // Replace curly braces
+                if ($this->RPLBRACES == TRUE) {
+                    $value = preg_replace(Array("/(\{)/", "/(\})/"), 
+                                          Array("&#123;", "&#125;"), 
+                                          $value);
+                }
+                
+                // Add/replace variable
+                if (!preg_match("/[^0-9a-z\-\_]/i", $varname)) 
+                    $this->PARSEVARS[$varname] = $value;
+            }
+        } else {
+            // Replace curly braces
+            if ($this->RPLBRACES == TRUE) {
+                $varValue = preg_replace(Array("/(\{)/", "/(\})/"), 
+                                         Array("&#123;", "&#125;"), 
+                                         $varValue);
+            }
+            
+            // Add/replace variable
+            if (!preg_match("/[^0-9a-z\-\_]/i", $varList))
+                $this->PARSEVARS[$varList] = $varValue;
+        }   
+    }
+    
+//    ************************************************************
+//    Returns a value set by the addVars() method
+    
+    function getVar($varName = "")
+    {
+        if (empty($varName)) return FALSE;
+        if (isset($this->PARSEVARS[$varName]))
+                return $this->PARSEVARS[$varName];
+        return FALSE;    
+    }
+
+//    ************************************************************
+
+} // End of class 'Template'
+
+?>

db.php

@@ -0,0 +1,61 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included "THW Thema" templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+
+$GLOBALS['db'] = new mysqli("localhost", "DBUSER", "DBPASSWD", "DBDATABASE");
+
+if ($GLOBALS['db']->connect_error) {
+    header("HTTP/1.0 500 Internal Server Error");
+    readfile('templates/db-error.html');
+  	die();
+}
+
+function callBindParamArray($stmt, $bindArguments = null) {
+    if ($bindArguments === null) {
+        return;
+    }
+
+    $args = array();
+    foreach($bindArguments as $k => &$arg){
+        $args[$k] = &$arg;
+    }
+
+    call_user_func_array(array($stmt, "bind_param"), $args);
+}
+
+function getSingleResult($query, $bindArguments = null) {
+    $stmt = $GLOBALS['db']->prepare($query);
+    callBindParamArray($stmt, $bindArguments);
+    $stmt->execute();
+    $stmt->bind_result($retVal);
+    $stmt->fetch();
+    $stmt->close();
+
+    return $retVal;
+}

functions.inc.php

@@ -0,0 +1,284 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included 'THW Thema' templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+
+/**
+ * Holt eine Einzelne Frage aus der DB
+ *
+ * @param $id Die Frage-ID
+ *
+ * @return array Die Frage
+ */
+function getQuestionById($id) {
+    $stmt = $GLOBALS['db']->prepare('SELECT * FROM fragen WHERE ID=?');
+    $stmt->bind_param('i', $id);
+    $stmt->execute();
+    $result = $stmt->get_result();
+
+    $question = $result->fetch_array(MYSQLI_ASSOC);
+
+    return $question;
+}
+
+/**
+ * Holt eine Liste aller Abschnitte im aktuellen Jahr
+ *
+ * @return array
+ */
+function getTopics() {
+    $stmt = $GLOBALS['db']->prepare('SELECT `Nr`,`Beschreibung` FROM `abschnitte` WHERE `Jahr` = ? ORDER BY `Nr` ASC');
+    $stmt->bind_param('i', $_SESSION['jahr']);
+    $stmt->execute();
+    $stmt->bind_result($nr, $description);
+
+    $topics = array();
+    while ($stmt->fetch()) {
+        $topics[$nr] = $description;
+    }
+    $stmt->close();
+
+    return $topics;
+}
+
+/******************************************************************************
+ *
+ * Kopfzeile mit Informationen über Fragennummer und Lernabschnitt
+ *
+/******************************************************************************/
+
+function questionHeader($id, $nr, $questionCount)
+{
+    $section = getSingleResult('SELECT Abschnitt FROM fragen WHERE ID=? AND Jahr=?',
+        array('ii', $id, $_SESSION['jahr']));
+
+    $sectionName = getSingleResult('SELECT Beschreibung FROM abschnitte WHERE Nr=? AND Jahr=?',
+        array('ii', $section, $_SESSION['jahr']));
+
+    $GLOBALS['tpl']->addVars(Array(
+            'aktuelleFrage' => $nr,
+            'fragenCnt'     => $questionCount,
+            'abschnittNr'   => $section,
+            'abschnitt'     => $sectionName
+    ));
+
+    $GLOBALS['tpl']->parseBlock('content', 'Kopf', 'Content');
+}
+
+/******************************************************************************
+ *
+ * Eine einzelne Frage mit Kopfzeile ausgeben
+ *
+/******************************************************************************/
+
+function SingleQuestion($id, $Nr, $questionCount)
+{
+    questionHeader($id, $Nr, $questionCount);
+    showQuestion($id);
+}
+
+/******************************************************************************
+ *
+ *  Fragengenerator
+ *  Erzeugt eine Tabelle mit Frage, Antworten und Formularinformationen
+ *  zur übergebenen Fragen-ID
+ *
+/******************************************************************************/
+
+function showQuestion($id)
+{
+    // Frage aus DB holen
+    $stmt = $GLOBALS['db']->prepare('SELECT * FROM fragen WHERE ID=?');
+    $stmt->bind_param('i', $id);
+    $stmt->execute();
+    $result = $stmt->get_result();
+
+    $question = $result->fetch_array(MYSQLI_ASSOC);
+
+    $GLOBALS['tpl']->addVars(Array(
+            'frageID'     => $id,
+            'frageNr'     => $question['Nr'],
+            'abschnittNr' => $question['Abschnitt'],
+            'frageText'   => $question['Frage'],
+            'Antwort1'    => $question['Antwort1'],
+            'Antwort2'    => $question['Antwort2'],
+            'Antwort3'    => $question['Antwort3']
+    ));
+    
+    if ($question['Antwort3'] == '') {
+        $GLOBALS['tpl']->addVars('rowCnt', '2');
+        $GLOBALS['tpl']->delBlockHandle('content', 'ThreeRows');
+    }
+    else {
+        $GLOBALS['tpl']->addVars('rowCnt', '3');
+        $GLOBALS['tpl']->parseBlock('content', 'ThreeRows', 'Row', TRUE);
+    }
+
+    $result->close();
+    $stmt->close();
+}
+
+/******************************************************************************
+ *
+ *  Auswertung
+ *  Erzeugt eine Tabelle mit Frage, Antworten und Markiert richtige/falsche
+ *  Antworten farblich (grün=richtig, rot=falsch)
+ *
+/******************************************************************************/
+
+function Answer($id, $answer, $showStatus = TRUE)
+{
+    // Frage aus DB holen
+    $question = getQuestionById($id);
+    
+    // Einzelne Antworten aus Flag in Array splitten
+    $solution = array( 1 => ( $question['Loesung'] & 0x1),
+                      2 => (($question['Loesung'] & 0x2) >> 1),
+                      3 => (($question['Loesung'] & 0x4) >> 2));
+
+    $correct = (($solution[1] == (isset($answer[$id][1]) ? $answer[$id][1] : 0))
+             && ($solution[2] == (isset($answer[$id][2]) ? $answer[$id][2] : 0))
+             && ($solution[3] == (isset($answer[$id][3]) ? $answer[$id][3] : 0)));
+             
+    // Aufräumen
+    $GLOBALS['tpl']->delHandle('antwortStatus');
+    $GLOBALS['tpl']->delHandle('antwort1Loesung');
+    $GLOBALS['tpl']->delHandle('antwort2Loesung');
+    $GLOBALS['tpl']->delHandle('antwort3Loesung');
+    
+    $GLOBALS['tpl']->delBlockHandle('content', 'A1L');
+    $GLOBALS['tpl']->delBlockHandle('content', 'A2L');
+    $GLOBALS['tpl']->delBlockHandle('content', 'A3L');
+    
+    if ($showStatus) {
+        if ($correct)
+            $GLOBALS['tpl']->parseBlock('content', 'Status', 'Richtig');
+        else
+            $GLOBALS['tpl']->parseBlock('content', 'Status', 'Falsch');
+    } else {
+        if ($correct)
+            $GLOBALS['tpl']->parseBlock('content', 'BogenStatus', 'Richtig');
+        else
+            $GLOBALS['tpl']->parseBlock('content', 'BogenStatus', 'Falsch');    
+    }
+
+    $GLOBALS['tpl']->addVars(Array(
+            'abschnittNr'    => $question['Abschnitt'],
+            'frageNr'        => $question['Nr'],
+            'frageText'      => $question['Frage'],
+            'antwort1Status' => $solution[1] ? 'korrekt' : 'falsch',
+            'antwort2Status' => $solution[2] ? 'korrekt' : 'falsch',
+            'antwort3Status' => $solution[3] ? 'korrekt' : 'falsch',
+            'Antwort1'       => $question['Antwort1'],
+            'Antwort2'       => $question['Antwort2'],
+            'Antwort3'       => $question['Antwort3']
+    ));
+    
+    if ($question['Antwort3'] == '') {
+        $GLOBALS['tpl']->addVars('rowCnt', '2');
+        $GLOBALS['tpl']->delBlockHandle('content', 'ThreeRows');
+    }
+    else {
+        $GLOBALS['tpl']->addVars('rowCnt', '3');
+        $GLOBALS['tpl']->parseBlock('content', 'ThreeRows', 'Row');
+    }
+    
+    if (isset($answer[$id][1]) && $answer[$id][1] === '1') $GLOBALS['tpl']->parseBlock('content', 'A1L', 'Haken');
+    if (isset($answer[$id][2]) && $answer[$id][2] === '1') $GLOBALS['tpl']->parseBlock('content', 'A2L', 'Haken');
+    if (isset($answer[$id][3]) && $answer[$id][3] === '1') $GLOBALS['tpl']->parseBlock('content', 'A3L', 'Haken');
+    
+    // Anhängen per default
+    $GLOBALS['tpl']->parse('content', 'antwort', TRUE, TRUE);
+
+    return $correct;
+
+}
+
+/******************************************************************************
+ *
+ *  Antwort
+ *  Zeigt die Frage und die zugehörigen korrekten Antworten an
+ *  Antworten sind farblich gekennzeichnet (grün=richtig, rot=falsch)
+ *
+/******************************************************************************/
+
+function addBreadcrumb($params, $title)
+{
+    $GLOBALS['tpl']->addVars(Array(
+            'page' => htmlspecialchars($params),
+            'pageTitle' => htmlspecialchars($title)
+    ));
+    $GLOBALS['tpl']->parseBlock('page-body', 'Breadcrumb', 'Link', TRUE);
+}
+
+function ShowAnswer(&$frage)
+{
+
+    
+    // Einzelne Antworten aus Flag in Array splitten
+    $loesung = array( 1 => ( $frage['Loesung'] & 0x1), 
+                      2 => (($frage['Loesung'] & 0x2) >> 1), 
+                      3 => (($frage['Loesung'] & 0x4) >> 2));
+
+    // Aufräumen
+    $GLOBALS['tpl']->delHandle('antwortStatus');
+    $GLOBALS['tpl']->delHandle('antwort1Loesung');
+    $GLOBALS['tpl']->delHandle('antwort2Loesung');
+    $GLOBALS['tpl']->delHandle('antwort3Loesung');
+    
+    $GLOBALS['tpl']->addVars(Array(
+            'abschnittNr'    => $frage['Abschnitt'],
+            'frageNr'        => $frage['Nr'],
+            'frageText'      => $frage['Frage'],
+            'antwort1Status' => $loesung[1]?'korrekt':'falsch',
+            'antwort2Status' => $loesung[2]?'korrekt':'falsch',
+            'antwort3Status' => $loesung[3]?'korrekt':'falsch',
+            'Antwort1'       => $frage['Antwort1'],
+            'Antwort2'       => $frage['Antwort2'],
+            'Antwort3'       => $frage['Antwort3']
+    ));
+
+    $GLOBALS['tpl']->delBlockHandle('content', 'A1L');
+    $GLOBALS['tpl']->delBlockHandle('content', 'A2L');
+    $GLOBALS['tpl']->delBlockHandle('content', 'A3L');
+
+    if ($loesung[1]) $GLOBALS['tpl']->parseBlock('content', 'A1L', 'Haken');
+    if ($loesung[2]) $GLOBALS['tpl']->parseBlock('content', 'A2L', 'Haken');
+    if ($loesung[3]) $GLOBALS['tpl']->parseBlock('content', 'A3L', 'Haken');
+    
+    if ($frage['Antwort3'] == '') {
+        $GLOBALS['tpl']->addVars('rowCnt', '2');
+        $GLOBALS['tpl']->delBlockHandle('content', 'ThreeRows');
+    }
+    else {
+        $GLOBALS['tpl']->addVars('rowCnt', '3');
+        $GLOBALS['tpl']->parseBlock('content', 'ThreeRows', 'Row');
+    }
+}
+
+?>

home.inc.php

@@ -0,0 +1,61 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included 'THW Thema' templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+
+function getStats() {
+    $stmt = $GLOBALS['db']->prepare('SELECT fragen,richtig,falsch,boegen,bestanden,durchgefallen FROM statistik');
+    $stmt->execute();
+    $stmt->bind_result(
+        $fragen,
+        $richtig,
+        $falsch,
+        $boegen,
+        $bestanden,
+        $durchgefallen
+    );
+
+    $stmt->fetch();
+
+    $GLOBALS['tpl']->addVars(Array(
+        'statsFragen'        => sprintf('%0.d', $fragen),
+        'statsFragenRichtig' => sprintf('%0.d (%0.2f %%)', $richtig, ($fragen > 0 ? $richtig / $fragen * 100 : 0)),
+        'statsFragenFalsch'  => sprintf('%0.d (%0.2f %%)', $falsch,  ($fragen > 0 ? $falsch  / $fragen * 100 : 0)),
+        'statsBoegen'        => sprintf('%0.d', $boegen),
+        'statsBoegenRichtig' => sprintf('%0.d (%0.2f %%)', $bestanden,     ($boegen > 0 ? $bestanden     / $boegen * 100 : 0)),
+        'statsBoegenFalsch'  => sprintf('%0.d (%0.2f %%)', $durchgefallen, ($boegen > 0 ? $durchgefallen / $boegen * 100 : 0))
+    ));
+
+
+}
+
+getStats();
+$GLOBALS['tpl']->addTemplates(Array(
+    'content' => 'home'
+));
+?>

index.php

@@ -0,0 +1,110 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included 'THW Thema' templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+
+    require_once 'db.php';
+    require_once 'class.template.inc.php';
+    require_once 'functions.inc.php';
+    require_once 'init.inc.php';
+
+    if (!isset($_REQUEST['show'])) {
+        $_REQUEST['show'] = 'home';
+    }
+
+    switch ($_REQUEST['show']) {
+        case 'fragen':
+            addBreadcrumb($_REQUEST['show'], 'Zufallsfragen beantworten');
+            include ('zufallsfragen.inc.php');
+            break;
+            
+        case 'bogen':
+            addBreadcrumb($_REQUEST['show'], 'Prüfungsbogen üben');
+            include ('pruefbogen.inc.php');
+            break;
+            
+        case 'loesung':
+            addBreadcrumb($_REQUEST['show'], 'Antworten anzeigen');
+            include ('antworten.inc.php');
+            break;
+            
+        case 'ordnung':
+            addBreadcrumb($_REQUEST['show'], 'Prüfungsordnung');
+            $tpl->addVars('navOrdnung', 'current');
+            $tpl->addTemplates(Array('content' => 'ordnung'));
+            break;
+        
+        case 'stats':
+            $tpl->addVars(Array(
+                // Statistik Zufallsfragen
+                'fragenBisher'  =>   $_SESSION['stats']['Fragen_Bisher'],
+                'fragenRichtig' =>   $_SESSION['stats']['Fragen_Richtig'],
+                'fragenFalsch'  =>   $_SESSION['stats']['Fragen_Falsch'],
+                'fragenQuote'   => (($_SESSION['stats']['Fragen_Bisher']>0)?(preg_replace('/\./is', ',', number_format($_SESSION['stats']['Fragen_Richtig']/$_SESSION['stats']['Fragen_Bisher']*100,2))):('0')) . '%',
+                
+                // Statistik Prüfungsbögen
+                'boegenBisher'  =>   $_SESSION['stats']['Boegen_Bisher'],
+                'boegenRichtig' =>   $_SESSION['stats']['Boegen_Bestanden'],
+                'boegenFalsch'  =>   $_SESSION['stats']['Boegen_Durchgefallen'],
+                'boegenQuote'   => (($_SESSION['stats']['Boegen_Bisher']>0)?(preg_replace('/\./is', ',', number_format($_SESSION['stats']['Boegen_Bestanden']/$_SESSION['stats']['Boegen_Bisher']*100,2))):('0')) . '%'
+            ));
+            addBreadcrumb($_REQUEST['show'], 'Statistiken');
+            $tpl->addVars('navStats', 'current');
+            $tpl->addTemplates(Array('content' => 'stats'));
+            break;
+
+        case "barrierefreiheit":
+            addBreadcrumb($_REQUEST["show"], "Barrierefreiheit");
+            include "barrierefreiheit.inc.php";
+            break;
+
+        case 'impressum':
+            addBreadcrumb($_REQUEST['show'], 'Impressum');
+            $tpl->addTemplates(Array('content' => 'impressum'));
+            break;
+        
+        case 'datenschutz':
+            addBreadcrumb($_REQUEST['show'], 'Datenschutzhinweis');
+            $tpl->addTemplates(Array('content' => 'datenschutz'));
+            break;
+
+        case "downloads":
+            addBreadcrumb($_REQUEST["show"], "Offline-Version");
+            $tpl->addVars("navOffline", "current");
+            $tpl->addTemplates(Array("content" => "offline"));
+            break;
+
+        default:
+            $title = '';
+            include('home.inc.php');
+    }    
+
+    $tpl->parse('pageContent', 'content');
+    $tpl->printParse('pageMain', 'page-body');
+
+?>

init.inc.php

@@ -0,0 +1,91 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included 'THW Thema' templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+
+header('Content-Type: text/html; charset=utf-8');
+
+$GLOBALS['tpl'] = new Template('./templates/');
+$tpl =& $GLOBALS['tpl'];
+
+$tpl->addTemplates(Array(
+        'page-body' => 'page-body',
+        'top-line' => 'top-line'
+));
+
+session_start();
+
+if (isset($_REQUEST['resetstats']) && intval($_REQUEST['resetstats']) == '1') {
+    unset($_SESSION['stats']);
+}
+
+if (!isset($_SESSION['stats'])) {
+    
+    $_SESSION['stats'] = array('Fragen_Bisher'        => '0',
+                               'Fragen_Richtig'       => '0',
+                               'Fragen_Falsch'        => '0',
+                               'Boegen_Bisher'        => '0',
+                               'Boegen_Bestanden'     => '0',
+                               'Boegen_Durchgefallen' => '0' );
+}
+
+if (isset($_REQUEST['jahr'])) {
+    $_SESSION['jahr'] = intval($_REQUEST['jahr']);
+} elseif (!isset($_SESSION['jahr'])) {
+    $_SESSION['jahr'] = 2015;
+}
+
+srand(microtime()*(double)10000);
+
+if ((isset($_COOKIE['stylesheet']) && $_COOKIE['stylesheet'] == 'barrierefrei')
+    || isset($_POST['barrierefrei'])
+    || (isset($_GET['style']) && $_GET['style'] == 'rg')) {
+    $tpl->addVars('extraStyleSheet', '<link href="rg-styles.css" rel="stylesheet" type="text/css" />');
+} else {
+
+}
+
+if (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] != 'off') {
+    $protocol = 'https';
+    // HSTS Policy aktivieren
+    header('Strict-Transport-Security: max-age=31536000; includeSubDomains;');
+} else {
+    $protocol = 'http';
+}
+
+$tpl->addVars(Array(
+    // Globale Variablen
+    'scriptName'    => $_SERVER['SCRIPT_NAME'],
+    'catalogYear'   => $_SESSION['jahr'],
+    'baseUrl'    => $protocol . '://thw-theorie.de/'
+));
+
+
+$tpl->parse('topLine', 'top-line');
+
+?>

pruefbogen.inc.php

@@ -0,0 +1,216 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included 'THW Thema' templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+ 
+/*
+* 
+* Vollständiger Prüfungsbogen mit zufälligen Fragen
+* 
+*/
+
+$tpl->parseBlock('page-body', 'NavBogen', 'Sublinks');
+$tpl->addVars('navBogen', 'current');
+
+if (isset($_REQUEST['create']) && $_REQUEST['create'] == '1') {
+    // Neuen Bogen erstellen    
+    unset($_SESSION['bogen']);
+    
+    // Werte initialisieren
+    $_SESSION['bogen']['StartTime'] = time();
+    $_SESSION['bogen']['Fragen'] = Array();
+    
+    // Anz. Abschnitte und Fragen aus der DB holen
+    $sectionCount = getSingleResult('SELECT COUNT(*) FROM abschnitte WHERE Jahr = ?', array('i', $_SESSION['jahr']));
+
+    $stmt = $GLOBALS['db']->prepare('SELECT ID, Abschnitt FROM fragen WHERE Jahr = ? ORDER BY Abschnitt, Nr ASC');
+    $stmt->bind_param('i', $_SESSION['jahr']);
+    $stmt->execute();
+    $stmt->bind_result($questionId, $questionSection);
+
+    // Fragen in Array übertragen
+    while ($stmt->fetch()) {
+       $fragen[$questionId] = $questionSection;
+    }
+    $stmt->close();
+    
+    // Gesamtanzahl Fragen
+    $count_ab = array_count_values($fragen);
+
+    // Eine Frage pro Themengebiet aus der DB holen
+    for ($i = 1; $i <= $sectionCount; $i++) {
+        $nr = rand(1, $count_ab[$i]);
+        $id = getSingleResult('SELECT ID FROM fragen WHERE Nr = ? AND Abschnitt = ? AND Jahr = ?',
+            array('iii', $nr, $i, $_SESSION['jahr']));
+
+        array_push($_SESSION['bogen']['Fragen'], (int)$id);
+        
+        // Frage entfernen
+        unset($fragen[$id]);
+    }
+    
+    // Restliche Fragen zufällig auffüllen
+    // Dazu verbliebene Keys von $fragen als Values in neues Array $fragen2 kopieren,
+    // da shuffle() die Keys verwirft!
+    $fragen2 = Array();
+    foreach ($fragen As $key => $value) {
+        array_push($fragen2, $key);
+    }
+    shuffle($fragen2);
+    for ($i = 0; $i < 40 - $sectionCount; $i++) {
+        array_push($_SESSION['bogen']['Fragen'], array_shift($fragen2));
+    }
+    
+    // Fragen erneut mischen
+    shuffle($_SESSION['bogen']['Fragen']);
+
+}
+
+if (isset($_SESSION['bogen'])) {
+    if (isset($_POST['antwort'])) {
+        // Fragen beantwortet
+        $richtig    = 0;
+        $falsch     = 0;
+        $fragen_cnt = count($_SESSION['bogen']['Fragen']);
+        $zeit       = time()-$_SESSION['bogen']['StartTime'];
+        
+        for ($i = 0; $i < $fragen_cnt; $i++) {
+            $id = $_SESSION['bogen']['Fragen'][$i];
+            $solutionBitmask = getSingleResult('SELECT `Loesung` FROM `fragen` WHERE `ID` = ?',
+                array('i', $id));
+            
+            $loesung = array( 1 => ( $solutionBitmask & 0x1),
+                              2 => (($solutionBitmask & 0x2) >> 1),
+                              3 => (($solutionBitmask & 0x4) >> 2));
+
+            if (isset($_POST['antwort'][$id])) {
+                $korrekt = (($loesung[1] == (isset($_POST['antwort'][$id][1]) ? $_POST['antwort'][$id][1] : 0))
+                         && ($loesung[2] == (isset($_POST['antwort'][$id][2]) ? $_POST['antwort'][$id][2] : 0))
+                         && ($loesung[3] == (isset($_POST['antwort'][$id][3]) ? $_POST['antwort'][$id][3] : 0)));
+            } else{
+                $korrekt = false;
+            }
+            
+            if ($korrekt) {
+                $_SESSION["stats"]['Fragen_Richtig']++;
+                $richtig++;
+            } else {
+                $_SESSION["stats"]['Fragen_Falsch']++;
+                $falsch++;
+            }
+            $_SESSION["stats"]['Fragen_Bisher']++;
+        }
+
+        $_SESSION["stats"]['Boegen_Bisher']++;
+        
+        if (($richtig / $fragen_cnt) >= 0.8)
+            $_SESSION["stats"]['Boegen_Bestanden']++;
+        else
+            $_SESSION["stats"]['Boegen_Durchgefallen']++;
+
+        $GLOBALS['db']->query('UPDATE statistik SET fragen=fragen+' . $fragen_cnt
+                   .',richtig=richtig+' . $richtig
+                   .',falsch=falsch+' . $falsch
+                   .',boegen=boegen+1'
+                   .',bestanden=bestanden+' . (($richtig / $fragen_cnt) >= 0.8?1:0)
+                   .',durchgefallen=durchgefallen+' . (($richtig / $fragen_cnt) < 0.8?1:0));
+
+        $tpl->addTemplates('content', 'bogen-ende');
+        
+        $tpl->addVars(Array(
+                'anzFragen'          => count($_SESSION['bogen']['Fragen']),
+                'zeit'               => sprintf('%02d:%02d\'%02d', $zeit / 3600, ($zeit/60)%60, $zeit%60),
+                'fragenRichtig'      => $richtig,
+                'fragenRichtigQuote' => sprintf('%.2f %%', $richtig / $fragen_cnt * 100),
+                'fragenFalsch'       => $falsch,
+                'fragenFalschQuote'  => sprintf('%.2f %%', $falsch / $fragen_cnt * 100)
+        ));
+        
+        if (($richtig / $fragen_cnt) >= 0.8)
+            $tpl->parseBlock('content', 'Bestanden', 'Ja');
+        else
+            $tpl->parseBlock('content', 'Bestanden', 'Nein');
+
+        for ($i=0; $i<count($_SESSION['bogen']['Fragen']); $i++) {
+            if ($i>0 && $i%10==0) {
+                // 'Nach oben'-Zeile an Handle anhängen
+                $tpl->parseBlock('content', 'Aufloesung', 'Topline', TRUE);
+            }
+            Answer($_SESSION['bogen']['Fragen'][$i], $_POST['antwort'], FALSE);
+            $tpl->parseBlock('content', 'Aufloesung', 'Antwort', TRUE, TRUE);
+        }
+        
+        unset($_SESSION['bogen']);
+    }
+    else {
+        // Fragen anzeigen
+        $tpl->addTemplates(Array(
+                'content' => 'bogen-fragen'                    
+        ));
+
+        $tpl->addVars(Array(
+                'zeit' => date('G:i', $_SESSION['bogen']['StartTime'])
+        ));
+        
+        for ($i=0; $i<count($_SESSION['bogen']['Fragen']); $i++) {
+            if ($i>0 && $i%10==0) {
+                $tpl->parseBlock('content', 'Bogen', 'Topline', TRUE);
+            }
+
+            // Frage aus DB holen
+            $question = getQuestionById($_SESSION['bogen']['Fragen'][$i]);
+            
+            $tpl->addVars(Array(
+                    'frageIndex'  => $i + 1,
+                    'frageID'     => $question['ID'],
+                    'frageNr'     => $question['Nr'],
+                    'abschnittNr' => $question['Abschnitt'],
+                    'frageText'   => $question['Frage'],
+                    'Antwort1'    => $question['Antwort1'],
+                    'Antwort2'    => $question['Antwort2'],
+                    'Antwort3'    => $question['Antwort3']
+            ));
+            
+            if ($question['Antwort3'] == '') {
+                $tpl->addVars('rowCnt', '2');
+                $tpl->delBlockHandle('content', 'ThreeRows');
+            }
+            else {
+                $tpl->addVars('rowCnt', '3');
+                $tpl->parseBlock('content', 'ThreeRows', 'Row');
+            }
+            
+            $tpl->parseBlock('content', 'Bogen', 'Frage', TRUE, TRUE);
+        }
+
+    }
+}
+else {
+    $tpl->addVars('navBogenNeu', 'current');
+    $tpl->addTemplates(Array('content' => 'bogen-start'));
+}

rg-styles.css

@@ -0,0 +1,32 @@
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included "THW Thema" templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+
+.korrekt { padding-left: 22px; background-image: url(img/richtig.gif); background-position: left center; background-repeat: no-repeat; color: #00A000; }
+.falsch { padding-left: 22px; background-image: url(img/falsch.gif); background-position: left center; background-repeat: no-repeat; color: #400000; }
+.fragebkg tr td.korrekt { background-color: white; color: #00A000;}
+.fragebkg tr td.falsch { background-color: white; color: #400000; }

robots.txt

@@ -0,0 +1,8 @@
+User-agent: *
+Disallow:
+
+User-agent: WebReaper
+Disallow: /
+
+User-agent: Slurp
+Crawl-delay: 180

socialshareprivacy/index.html

@@ -0,0 +1,731 @@
+<!DOCTYPE HTML>
+<html lang="de-DE">
+<head>
+    <title>Dokumentation &ndash; heise &bdquo;socialSharePrivacy&ldquo;&ndash;Plug-In</title>
+    <meta charset="UTF-8" />
+    <meta name="author" content="Hilko Holweg, Sebastian Hilbig, Nicolas Heiringhoff, Juergen Schmidt - Heise Zeitschriften Verlag GbmH &amp; Co. KG" />
+    <meta name="description" content="Dokumentation und Einbindung des heise SocialSharePrivacy-Plug-Ins" />
+    <style type="text/css">
+        h1, h2, h3 {
+            font: normal 24px/30px Georgia, Times, "Times New Roman", serif; 
+            color: #666;
+        }
+        h2 {
+            font-size: 22px;
+            line-height: 28px;
+        }
+        h3 {
+            font-size: 20px;
+            line-height: 26px;
+        }
+        a {
+            color: #039;
+        }
+        pre {
+            background-color: #eee; 
+            border: 1px solid #bbb;
+            padding: 10px; 
+            margin: 20px 0 0;
+        }
+        pre code {
+            margin: 0; 
+            padding: 0;
+        }
+        pre + p {
+            margin-top: 5px;
+        }
+        ol li, p, td, th {
+            font: normal 14px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; 
+            clear: both;
+        }
+        nav {
+            display: block; 
+            margin-bottom: 50px;
+            border-bottom: 1px solid #333;
+        }
+        nav ol li,
+        nav ol li a {
+            font: bold 16px/24px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
+            color: #039;
+            -moz-transition: all .5s ease-in;
+            -webkit-transition: all .5s ease-in;
+            transition: all .5s ease-in;
+        }
+        nav ol li a:hover {
+            text-decoration: none; 
+            color: #333;
+        }
+        ol#structure li ol {
+            list-style-type: none; 
+            padding: 0;
+        }
+        ol#structure li ol#fb_app_id_step_by_step {
+            list-style-type: decimal;
+            padding-left: 20px;
+        }
+        ol#structure li ol#fb_app_id_step_by_step li {
+            margin-bottom: 16px;
+        }
+        ol#structure li ol li {
+            margin-bottom: 30px; 
+        }
+        ol#structure li ol li table {
+            border: 1px solid #333;
+            width: 100%;
+            display: table;
+            margin: 20px 0;
+        }
+        ol#structure li ol.changelog li {
+            margin: 5px 0;
+        }
+        ol#structure li ol.changelog li pre {
+            margin: 5px 0 20px;
+        }
+        table caption {
+            text-align: left; 
+            font-size: 18px; 
+            font-weight: bold; 
+            text-indent: 5px; 
+        }
+        table th {
+            text-align: left; 
+            font-style: italic; 
+            background-color: #333;
+            color: #fff;
+        }
+        table th, 
+        table td {
+            padding: 2px 4px; 
+            vertical-align: top; 
+        }
+        table tr:hover td {
+            background-color: #eee;
+        }
+    </style>
+</head>
+<body>
+    <h1>jQuery Plug-In socialshareprivacy &ndash; Dokumentation</h1>
+
+    <h3>Download des jQuery-Plug-Ins:</h3>
+    <p>
+        <a href="http://www.heise.de/extras/socialshareprivacy/jquery.socialshareprivacy.zip">jquery.socialshareprivacy.zip</a><br />
+        <a href="http://www.heise.de/extras/socialshareprivacy/jquery.socialshareprivacy.tar.gz">jquery.socialshareprivacy.tar.gz</a>
+    </p>
+        
+    <nav>
+        <h2>Navigation</h2>
+        <ol>
+            <li><a href="#changelog">Change-Log</a></li>
+            <li><a href="#files">Dateien</a></li>
+            <li><a href="#pre">Voraussetzungen und Einschränkungen</a></li>
+            <li><a href="#dimensions">Ausmaße</a></li>
+            <li>Einfache Einbindung
+                <ol>
+                    <li><a href="#merge">Quelltext</a></li>
+                    <li><a href="#explanation">Erklärung des Codes</a></li>
+                </ol>
+            </li>
+            <li><a href="#options">Optionen</a>
+                <ol>
+                    <li><a href="#options_general">Allgemein</a></li>
+                    <li><a href="#options_facebook">Facebook</a></li>
+                    <li><a href="#options_twitter">Twitter</a></li>
+                    <li><a href="#options_gplus">Google+</a></li>
+                </ol>
+            </li>
+            <li><a href="#examples">Beispiel-Einbindungen</a>
+                <ol>
+                    <li><a href="#only_fb">Nur Facebook einbinden</a></li>
+                    <li><a href="#no_perma">Keine Option zum dauerhaften Aktivieren anbieten</a></li>
+                    <li><a href="#only_gplus_css_path">Nur Google+ anbieten und eigenen Pfad für die CSS-Datei angeben.</a></li>
+                </ol>
+            </li>
+            <li><a href="#url">URL</a></li>
+            <li><a href="#perma_option">Einstellung merken</a></li>
+            <li><a href="#licence">Lizenz</a></li>
+            <li><a href="#logo">Logo</a></li>
+        </ol>
+    </nav>
+    
+    <ol id="structure">
+        <li>
+            <h2 id="changelog">Change-Log</h2>
+            <ol class="changelog">
+                <li>
+                    <h3 id="v1-3">Version 1.3</h3>
+                    <ul>
+                        <li>
+                            Erste Fassung, die auch mehrmals auf einer Seite verwendet werden kann. Damit in den verschiedenen Instanzen unterschiedliche URIs verwendet werden können, wird der per Option <code>uri</code> gesetzen Funktion ein Kontext-DOM-Knoten übergeben, über den man eine URI ermitteln kann. Beispiele für die Verwendung haben wir in der Dokumentation bei den <a href="#examples">Beispiel-Einbindungen</a> ergänzt.
+                        </li>
+                        <li>
+                            Korrektur für IE &lt; 9: Das per <code>css_path</code> angegebene Stylesheet wurde mit jQuery-Versionen != 1.4.2 nicht eingebaut.
+                        </li>
+                    </ul>
+                </li>
+                <li>
+                    <h3 id="v1-2">Version 1.2</h3>
+                    <ul>
+                        <li>
+                            JS: Facebook App-ID entfernt, da diese nicht mehr nötig ist, um den Like/Recommend-Button zu nutzen.
+                        </li>
+                    </ul>
+                </li>
+                <li>
+                    <h3 id="v1-1">Version 1.1</h3>
+                    <ul>
+                        <li>
+                            CSS: Bei diversen Elementen haben wir mehr Angaben hinzugefügt, um die Nacharbeiten, bei der Integration in eigene Seiten, geringer zu halten. Vor allem haben wir <code>margin</code>-, <code>padding</code>-, <code>width</code>- und <code>height</code>-Angaben hinzugefügt.
+                        </li>
+                        <li>
+                            Die Doku wurde um einen Beispiele- und diesen Change-Log-Bereich erweitert. 
+                        </li>
+                        <li>
+                            Das Plug-In wurde inhaltlich etwas umgestellt und einige Code-Abkürzungen vorgenommen.
+                        </li>
+                        <li>
+                            JS-Bug Korrektur: Es gab einen Fehler, wenn es in der Seite ein <code>canonical</code>-Attribut gab, das aber einen leeren Wert hatte.
+                        </li>
+                        <li>
+                            JS-Bug Korrektur: Bei den Optionen von Google+ gab es eine Angabe, die später im Script nie abgefragt wurde.
+                        </li>
+                        <li>
+                            JS-Bug Korrektur: Die Perma-Option von Google+ wurde nur angezeigt, wenn auch die Perma-Option von Twitter aktiviert war.
+                        </li>
+                        <li>
+                            Twitter: Wenn aktiviert war das iFrame zu groß und überlagerte darunter liegende Links. <code>&lt;iframe ...style="width:130px; height:25px;">&lt;/iframe></code> ergänzt.
+                        </li>
+                        <li>Allgemein: Wenn die Option css_path leer ist, wird kein &lt;link>-Tag mit leerem href in die Seite eingebaut.</li>
+                        <li>Allgemein: Die von den Buttons verwendete URI kann jetzt über die Option <code>uri</code> gesteuert werden. Es ist sowohl ein fester Wert, wie auch eine Function möglich. Default ist die enthaltene Funktion <code>getURI</code></li>
+                        <li><strong>Neue Features:</strong>
+                            <ul>
+                                <li>Facebook: Die Beschriftungsvarianten des Buttons "Empfehlen" und "Gefällt mir" kann über die neue Option "action" gesteuert werden. Werte sind "<code>recommend</code>" (default) und "<code>like</code>".</li>
+                                <li>Twitter: Parameter "<code>language</code>" (default "<code>en</code>") jetzt auch für Twitter.</li>
+                            </ul>
+                        </li>
+                    </ul>
+                </li>
+                <li>
+                    <h3 id="v1-0">Version 1.0</h3>
+                    <ul>
+                        <li>Erstes öffentliches Release</li>
+                    </ul>
+                </li>
+            </ol>
+        </li>
+
+        <li>
+            <h2 id="files">Dateien</h2>
+            <p>Zu unserem Plug-In gehören folgende Dateien:</p>
+            <ul>
+                <li>index.html (die Doku, die Sie gerade lesen)</li>
+                <li>dimensions.gif (Infografik für diese Doku)</li>
+                <li>2-klick-logo_min.jpg (Logo klein)</li>
+                <li>jquery.socialshareprivacy.js</li>
+                <li>jquery.socialshareprivacy.min.js</li>
+                <li>socialshareprivacy/socialshareprivacy.css</li>
+                <li>socialshareprivacy/images/dummy_facebook.png</li>
+                <li>socialshareprivacy/images/dummy_facebook_en.png</li>
+                <li>socialshareprivacy/images/dummy_gplus.png</li>
+                <li>socialshareprivacy/images/dummy_twitter.png</li>
+                <li>socialshareprivacy/images/settings.png</li>
+                <li>socialshareprivacy/images/socialshareprivacy_info.png</li>
+                <li>socialshareprivacy/images/socialshareprivacy_on_off.png</li>
+                <li>socialshareprivacy/images/2-klick-logo.jpg</li>
+            </ul>
+        </li>
+        <li>
+            <h2 id="pre">Voraussetzungen und Einschränkungen</h2>
+            <p>
+                Technische Voraussetzungen sind jQuery und aktiviertes JavaScript im Browser. Bei uns getestet mit jQuery 1.4.<br />
+                Das Plug-In kann derzeit innerhalb einer HTML-Seite nur einmal verwendet werden.
+            </p>
+            <p>
+                Wenn Sie Vorschläge zur Verbesserung haben, wenden Sie sich gerne per Mail an <a href="mailto:2klick@heise.de?subject=Vorschlag%20zum%20Plug-In">2klick@heise.de</a>.
+            </p>
+            <p>
+                Das dauerhafte Aktivieren der Services funktioniert im Internet Explorer erst ab Version 8, da die Vorgängerversionen kein JSON unterstützen. Daher fehlt im IE &lt;= 7 diese Funktion. Der Rest des Plug-Ins ist davon nicht betroffen.
+            </p>
+            <p>
+                <del datetime="2011-10-04" cite="http://www.heise.de/extras/socialshareprivacy/#v1-2">Für Facebook ist zwingend eine eigene App-ID notwendig, siehe dazu <a href="#fb_app-id">Hinweis zur Facebook App-ID</a>.</del>
+            </p>
+        </li>
+        <li>
+            <h2 id="dimensions">Ausmaße</h2>
+            <img src="dimensions.gif" width="600" height="284" alt="Ausmaße des Plug-Ins" />
+            <p>
+                Das Plug-In benötigt insgesamt etwa 600 Pixel in der Breite (wenn alle Services aktiviert sind) und ca. 290 Pixel in der Höhe, wobei dies natürlich auch von der Länge der angegebenen MouseOver-Texte abhängt.
+            </p>
+        <li>
+            <ol>
+                <li>
+                    <h2 id="merge">Einbindung</h2>
+<pre>
+<code>&lt;head&gt;
+  &hellip;
+  &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; 
+  &lt;script type="text/javascript" src="jquery.socialshareprivacy.js"&gt;&lt;/script&gt;
+  &lt;script type="text/javascript"&gt;
+    jQuery(document).ready(function($){
+      if($('#socialshareprivacy').length > 0){
+        $('#socialshareprivacy').socialSharePrivacy(); 
+      }
+    });
+  &lt;/script&gt;
+  &hellip;
+&lt;/head&gt;
+&lt;body&gt;
+  &hellip;
+  &lt;div id="socialshareprivacy"&gt;&lt;/div&gt;
+  &hellip;
+&lt;/body&gt;</code>
+</pre>
+                </li>
+                <li>
+                    <h3 id="explanation">Erklärung des Codes</h3>
+
+<pre>
+<code>&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; 
+&lt;script type="text/javascript" src="jquery.socialshareprivacy.js"&gt;&lt;/script&gt;</code>
+</pre>
+                    <p>
+                        Die erste Zeile bindet das JavaScript-Framework &bdquo;JQuery&ldquo; (<a href="http://jquery.com/">http://jquery.com/</a>) ein, die zweite Zeile unser Plug-In. jQuery liegt unserem Paket <strong>nicht</strong> bei, Sie müssen es erst noch selbst von der eben genannten Website herunterladen.
+                    </p>
+
+<pre>
+<code>&lt;script type="text/javascript"&gt;
+  jQuery(document).ready(function($){
+    if($('#socialshareprivacy').length > 0){
+      $('#socialshareprivacy').socialSharePrivacy(); 
+    }
+  });
+&lt;/script&gt;</code>
+</pre>
+                    <p>
+                        In diesem <code>&lt;script&gt;</code>-Block wird die Plug-In Funktion an ein frei wählbares, leeres HTML-Element in der Seite gehängt, in diesem Fall das Element mit der <code>id</code> <em>socialshareprivacy</em>.<br />
+                        Damit das Anhängen des Plug-Ins nur dann geschieht, wenn das Element auch wirklich vorhanden ist, haben wir noch die Kontrollfunktion <code>if</code>, die das Anhängen umschließt und die nötige Bedingung prüft.
+                    </p>
+
+<pre>
+<code>&lt;body&gt;
+  &hellip;
+  &lt;div id="socialshareprivacy"&gt;&lt;/div&gt;
+  &hellip;
+&lt;/body&gt;</code>
+</pre>
+                    <p>
+                        Irgendwo im <code>&lt;body&gt;</code>-Bereich der Website platziert man das leere HTML-Element mit der gewünschten <code>id</code>, die identisch zur verwendeten <code>id</code> im vorhergehenden <code>&lt;script&gt;</code>-Block sein muss.
+                    </p>
+                </li>
+            </ol>
+        </li>
+        <li>
+            <h2 id="options">Optionen</h2>
+            <p>
+                Zur Einbindung stehen diverse Optionen zur Verfügung. Im Folgenden sind erstmal die allgemeinen Optionen aufgeführt und anschließend die Optionen nach den einzelnen Services (Facebook, Twitter, Google+) aufgelistet.<br />
+                Beispiel für einen Aufruf mit Optionen:
+            </p>
+<pre>
+<code>$('#socialshareprivacy').socialSharePrivacy({
+  services : {
+    facebook : {
+      'perma_option': 'off'
+    }, 
+    twitter : {
+        'status' : 'off'
+    },
+    gplus : {
+      'display_name' : 'Google Plus'
+    }
+  },
+  'cookie_domain' : 'heise.de'
+});</code>
+</pre>
+            <ol>
+                <li id="options_general">
+                    <table summary="Eine Auflistung aller allgemeinen Optionen des socialSharePrivacy-Plug-Ins">
+                        <caption>allgemeine Optionen</caption>
+                        <thead>
+                            <tr>
+                                <th>Option</th>
+                                <th>Standardwert</th>
+                                <th>Beschreibung</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>info_link</td>
+                                <td>http://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html</td>
+                                <td>Link zu detaillierter Datenschutz-Info, in unserem Fall ein heise-Artikel.</td>
+                            </tr>
+                            <tr>
+                                <td>txt_help</td>
+                                <td><em>Text</em></td>
+                                <td>MouseOver-Text des <em>i</em>-Icons</td>
+                            </tr>
+                            <tr>
+                                <td>settings_perma</td>
+                                <td>Dauerhaft aktivieren und Daten&uuml;ber&shy;tragung zustimmen:</td>
+                                <td>Überschrift des Einstellungsmenüs</td>
+                            </tr>
+                            <tr>
+                                <td>cookie_path</td>
+                                <td>/</td>
+                                <td>Pfad der Gültigkeit des Cookies</td>
+                            </tr>
+                            <tr>
+                                <td>cookie_domain</td>
+                                <td><code>document.location.host</code></td>
+                                <td>Domain für die das Cookie gültig ist</td>
+                            </tr>
+                            <tr>
+                                <td>cookie_expires</td>
+                                <td>365</td>
+                                <td>Dauer die das Cookie gültig ist in Tagen</td>
+                            </tr>
+                            <tr>
+                                <td>css_path</td>
+                                <td>socialshareprivacy/socialshareprivacy.css</td>
+                                <td>Pfad zur CSS-Datei, wenn leer wird kein Stylesheet eingebaut</td>
+                            </tr>
+                            <tr>
+                                <td>uri</td>
+                                <td>getURI</td>
+                                <td>Die URI, die von den Buttons weitergegeben werden soll. Möglich ist ein fester Wert (z.B. <code>"http://www.heise.de"</code>) oder eine Funktion (siehe <code>function getURI()</code> im Plug-In-Quellcode)</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </li>
+                <li id="options_facebook">
+                    <table summary="Eine Auflistung aller Optionen für Facebook des socialSharePrivacy-Plug-Ins">
+                        <caption>Optionen: Facebook</caption>
+                        <thead>
+                            <tr>
+                                <th>Option</th>
+                                <th>Standardwert</th>
+                                <th>Beschreibung</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>status</td>
+                                <td>on</td>
+                                <td>Der User hat Facebook zur Auswahl</td>
+                            </tr>
+                            <tr>
+                                <td><del datetime="2011-10-04" cite="http://www.heise.de/extras/socialshareprivacy/#v1-2">app_id</del></td>
+                                <td><em>entfallen (seit Version 1.2)</em></td>
+                                <td><del datetime="2011-10-04" cite="http://www.heise.de/extras/socialshareprivacy/#v1-2">Facebook App-ID; Sie ist nötig um den <em>Empfehlen</em>-Button von Facebook nutzen zu können. Ist sie nicht angegeben, wird dem User Facebook trotz <code>'status' : 'on'</code> <strong>nicht</strong> angeboten. In der JavaScript-Konsole wird dem Entwickler ein entsprechender Hinweis ausgegeben.</del></td>
+                            </tr>
+                            <tr>
+                                <td>dummy_img</td>
+                                <td>socialshareprivacy/images/dummy_facebook.png</td>
+                                <td>Pfad zur statischen Grafik</td>
+                            </tr>
+                            <tr>
+                                <td>txt_info</td>
+                                <td><em>Text</em></td>
+                                <td>MouseOver-Text des Empfehlen-Buttons</td>
+                            </tr>
+                            <tr>
+                                <td>txt_fb_off</td>
+                                <td>nicht mit Facebook verbunden</td>
+                                <td>Text-Entsprechung der Schalter-Grafik im ausgeschalteten Zustand, in der Regel nicht sichtbar für den User</td>
+                            </tr>
+                            <tr>
+                                <td>txt_fb_on</td>
+                                <td>mit Facebook verbunden</td>
+                                <td>Text-Entsprechung der Schalter-Grafik im eingeschalteten Zustand, in der Regel nicht sichtbar für den User</td>
+                            </tr>
+                            <tr>
+                                <td>perma_option</td>
+                                <td>on</td>
+                                <td>Der User hat die Option sich Facebook dauerhaft einblenden zu lassen (mittels Cookie)</td>
+                            </tr>
+                            <tr>
+                                <td>display_name</td>
+                                <td>Facebook</td>
+                                <td>Schreibweise des Service in den Optionen</td>
+                            </tr>
+                            <tr>
+                                <td>referrer_track</td>
+                                <td>&nbsp;</td>
+                                <td>Wird ans Ende der URL gehängt, kann zum Tracken des Referrers genutzt werden</td>
+                            </tr>
+                            <tr>
+                                <td>language</td>
+                                <td>de_DE</td>
+                                <td>Spracheinstellung</td>
+                            </tr>
+                            <tr>
+                                <td>action</td>
+                                <td>recommend</td>
+                                <td>Beschriftung des Buttons: Empfehlen (<code>recommend</code>) oder Gefällt mir (<code>like</code>)</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </li>
+                <li id="options_twitter">
+                    <table summary="Eine Auflistung aller Optionen für Twitter des socialSharePrivacy-Plug-Ins">
+                        <caption>Optionen: Twitter</caption>
+                        <thead>
+                            <tr>
+                                <th>Option</th>
+                                <th>Standardwert</th>
+                                <th>Beschreibung</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>status</td>
+                                <td>on</td>
+                                <td>Der User hat Twitter zur Auswahl</td>
+                            </tr>
+                            <tr>
+                                <td>dummy_img</td>
+                                <td>socialshareprivacy/images/dummy_twitter.png</td>
+                                <td>Pfad zur statischen Grafik</td>
+                            </tr>
+                            <tr>
+                                <td>txt_info</td>
+                                <td><em>Text</em></td>
+                                <td>MouseOver-Text des Tweet-Buttons</td>
+                            </tr>
+                            <tr>
+                                <td>txt_twitter_off</td>
+                                <td>nicht mit Twitter verbunden</td>
+                                <td>Text-Entsprechung der Schalter-Grafik im ausgeschalteten Zustand, in der Regel nicht sichtbar für den User</td>
+                            </tr>
+                            <tr>
+                                <td>txt_twitter_on</td>
+                                <td>mit Twitter verbunden</td>
+                                <td>Text-Entsprechung der Schalter-Grafik im eingeschalteten Zustand, in der Regel nicht sichtbar für den User</td>
+                            </tr>
+                            <tr>
+                                <td>perma_option</td>
+                                <td>on</td>
+                                <td>Der User hat die Option sich Twitter dauerhaft einblenden zu lassen (mittels Cookie)</td>
+                            </tr>
+                            <tr>
+                                <td>display_name</td>
+                                <td>Twitter</td>
+                                <td>Schreibweise des Service in den Optionen</td>
+                            </tr>
+                            <tr>
+                                <td>referrer_track</td>
+                                <td>&nbsp;</td>
+                                <td>Wird ans Ende der URL gehängt, kann zum Tracken des Referrers genutzt werden</td>
+                            </tr>
+                            <tr>
+                                <td>tweet_text</td>
+                                <td><code>getTweetText</code></td>
+                                <td>
+                                    Die Funktion prüft ob es die Meta-Angabe <code>DC.title</code> gibt und verwendet diese. Gibt es außerdem noch <code>DC.creator</code> wird diese etwas abgesetzt (&quot; - &quot;) hinten angehängt. Ist <code>DC.title</code> nicht vorhanden wird das &lt;title&gt;-Tag der Seite verwendet.<br />
+                                    Diese Option kann mit einem eigenen Text (<code>typeof == string</code>) überschrieben werden oder mit einer eigenen Funktion (<code>typeof == function</code>), die den Text generiert.<br />
+                                    Der übergebene Texte wird immer auf 120 Zeichen gekürzt und beim letzten Leerzeichen mit &hellip; ersetzt.
+                                </td>
+                            </tr>
+                            <tr>
+                                <td>language</td>
+                                <td>en</td>
+                                <td>Spracheinstellung (Default: "<code>en</code>" ja, uns gefällt Tweet besser als Twittern)</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </li>
+                <li id="options_gplus">
+                    <table summary="Eine Auflistung aller Optionen für Google+ des socialSharePrivacy-Plug-Ins">
+                        <caption>Optionen: Google+</caption>
+                        <thead>
+                            <tr>
+                                <th>Option</th>
+                                <th>Standardwert</th>
+                                <th>Beschreibung</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <tr>
+                                <td>status</td>
+                                <td>on</td>
+                                <td>Der User hat Google+ zur Auswahl</td>
+                            </tr>
+                            <tr>
+                                <td>dummy_img</td>
+                                <td>socialshareprivacy/images/dummy_gplus.png</td>
+                                <td>Pfad zur statischen Grafik</td>
+                            </tr>
+                            <tr>
+                                <td>txt_info</td>
+                                <td><em>Text</em></td>
+                                <td>MouseOver-Text des &bdquo;+1&ldquo;-Buttons</td>
+                            </tr>
+                            <tr>
+                                <td>txt_gplus_off</td>
+                                <td>nicht mit Google+ verbunden</td>
+                                <td>Text-Entsprechung der Schalter-Grafik im ausgeschalteten Zustand, in der Regel nicht sichtbar für den User</td>
+                            </tr>
+                            <tr>
+                                <td>txt_gplus_on</td>
+                                <td>mit Google+ verbunden</td>
+                                <td>Text-Entsprechung der Schalter-Grafik im eingeschalteten Zustand, in der Regel nicht sichtbar für den User</td>
+                            </tr>
+                            <tr>
+                                <td>perma_option</td>
+                                <td>on</td>
+                                <td>Der User hat die Option sich Google+ dauerhaft einblenden zu lassen (mittels Cookie)</td>
+                            </tr>
+                            <tr>
+                                <td>display_name</td>
+                                <td>Google+</td>
+                                <td>Schreibweise des Service in den Optionen</td>
+                            </tr>
+                            <tr>
+                                <td>referrer_track</td>
+                                <td>&nbsp;</td>
+                                <td>Wird ans Ende der URL gehängt, kann zum Tracken des Referrers genutzt werden</td>
+                            </tr>
+                            <tr>
+                                <td>language</td>
+                                <td>de</td>
+                                <td>Spracheinstellung</td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </li>
+            </ol>
+        </li>
+        <li>
+            <h2 id="examples">Beispiel-Einbindungen</h2>
+            <p>
+                Im Folgenden sehen Sie ein paar beispielhafte Einbindungen von gängigen Konfigurationen.
+            </p>
+            <ul>
+                <li>
+                    <h3 id="only_fb">Nur Facebook einbinden</h3>
+<pre>
+<code>$('#socialshareprivacy').socialSharePrivacy({
+    services : {
+        twitter : {
+            'status' : 'off'
+        },
+        gplus : {
+            'status' : 'off'
+        }
+    }
+});</code>
+</pre>
+                </li>
+                <li>
+                    <h3 id="no_perma">Keine Option zum dauerhaften Aktivieren anbieten</h3>
+<pre>
+<code>$('#socialshareprivacy').socialSharePrivacy({
+    services : {
+        facebook : {
+            'perma_option'  : 'off'
+        }, 
+        twitter : {
+            'perma_option' : 'off'
+        },
+        gplus : {
+            'perma_option' : 'off'
+        }
+    }
+});</code>
+</pre>
+                </li>
+                <li>
+                    <h3 id="only_gplus_css_path">Nur Google+ anbieten und eigenen Pfad für die CSS-Datei angeben.</h3>
+<pre>
+<code>$('#socialshareprivacy').socialSharePrivacy({
+    services : {
+        facebook : {
+            'status' : 'off'
+        }, 
+        twitter : {
+            'status' : 'off'
+        }
+    },
+    'css_path' : '/style/plugins/socialshareprivacy.css'
+});</code>
+</pre>
+                </li>
+                <li>
+                    <h3>Mehrere 2-Klick-Buttonleisten auf einer Seite</h3>
+                    <h4>Variante 1: Ein Aufruf des Plug-Ins mit einem entsprechenden Selektor</h4>
+<pre>
+&lt;div class="anriss">
+    &lt;h3>&lt;a href="http://www.heise.de">heise&lt;/a>&lt;/h3>
+    &lt;p>lorem ipsum&lt;/p>
+    &lt;div class="social">&lt;/div>
+&lt;/div>
+
+&lt;div class="anriss">
+    &lt;h3>&lt;a href="http://www.heise.de/security/">heise security&lt;/a>&lt;/h3>
+    &lt;p>dolor sit amet&lt;/p>
+    &lt;div class="social">&lt;/div>
+&lt;/div>
+
+&lt;script>
+$(".social").socialSharePrivacy({
+    uri : function(context) {
+        return $(context).parents(".anriss").find("h3 a").attr("href");
+    }
+});
+&lt;/script>
+</pre>
+                            <h4>Variante 2: Mehrfacher Aufruf des Plug-Ins</h4>
+<pre>
+&lt;div>
+    &lt;h3>&lt;a href="http://www.heise.de">heise&lt;/a>&lt;/h3>
+    &lt;p>lorem ipsum&lt;/p>
+    &lt;div id="one">&lt;/div>
+&lt;/div>
+&lt;script>
+$("#one").socialSharePrivacy({
+    uri : "http://www.heise.de"
+});
+&lt;/script>
+
+&lt;div>
+    &lt;h3>&lt;a href="http://www.heise.de/security/">heise security&lt;/a>&lt;/h3>
+    &lt;p>dolor sit amet&lt;/p>
+    &lt;div id="two">&lt;/div>
+&lt;/div>
+&lt;script>
+$("#two").socialSharePrivacy({
+    uri : "http://www.heise.de/security/"
+});
+&lt;/script>
+</pre>
+
+                </li>
+            </ul>
+        </li>
+        <li>
+            <h2 id="url">URL</h2>
+            <p>
+                Die URL, die den Services übergeben wird, kann über eine Option gesteuert werden.<br />Standardmäßig wird eine Funktion innerhalb des Plug-Ins verwendet, die die URL der aktuellen Seite aus <code>document.location.href</code> ermittelt, ist jedoch eine kanonische URL hinterlegt (<code>&lt;link rel="canonical"&gt;</code>), wird diese genommen.
+            </p>
+        </li>
+        <li>
+            <h2 id="perma_option">Einstellungen merken</h2>
+            <p>
+                Bevor das Cookie abgefragt wird, wie die Einstellungen des Users sind, wird erstmal geprüft, wie das Plug-In konfiguriert ist. Ist das Plug-In eventuell nachträglich umgestellt worden hat der User dadurch keine Nachteile.<br />
+                Wurde für alle Services die Merken-Funktion ausgeschaltet (<code>'perma_option' : 'off'</code>) wird auch das Einstellungsmenü nicht mehr angezeigt.
+            </p>
+        </li>
+        <li>
+            <h2 id="licence">Lizenz</h2>
+            <p>
+                Dieses Plug-In ist unter der MIT License (<a href="http://www.opensource.org/licenses/mit-license.php">http://www.opensource.org/licenses/mit-license.php</a>) veröffentlicht und darf gerne für private, wie auch kommerzielle Zwecke genutzt werden.
+            </p>
+        </li>
+        <li>
+            <h2 id="logo">Logo</h2>
+            <p>
+                Unserem Plug-In liegt auch das von uns verwendete Logo bei, das Sie gerne zur Bewerbung dieser Aktion verwenden dürfen.
+                <a href="socialshareprivacy/images/2-klick-logo.jpg"><img src="2-klick-logo_min.jpg" width="150" height="150" alt="Logo 2 Klicks für mehr Datenschutz" style="float: left;" /></a>
+            </p>
+        </li>
+    </ol>
+</body>
+</html>

socialshareprivacy/jquery.socialshareprivacy.js

@@ -0,0 +1,377 @@
+/*
+ * jquery.socialshareprivacy.js | 2 Klicks fuer mehr Datenschutz
+ *
+ * http://www.heise.de/extras/socialshareprivacy/
+ * http://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html
+ *
+ * Copyright (c) 2011 Hilko Holweg, Sebastian Hilbig, Nicolas Heiringhoff, Juergen Schmidt,
+ * Heise Zeitschriften Verlag GmbH & Co. KG, http://www.heise.de
+ *
+ * is released under the MIT License http://www.opensource.org/licenses/mit-license.php
+ *
+ * Spread the word, link to us if you can.
+ */
+(function ($) {
+
+    "use strict";
+
+	/*
+	 * helper functions
+	 */ 
+
+    // abbreviate at last blank before length and add "\u2026" (horizontal ellipsis)
+    function abbreviateText(text, length) {
+        var abbreviated = decodeURIComponent(text);
+        if (abbreviated.length <= length) {
+            return text;
+        }
+
+        var lastWhitespaceIndex = abbreviated.substring(0, length - 1).lastIndexOf(' ');
+        abbreviated = encodeURIComponent(abbreviated.substring(0, lastWhitespaceIndex)) + "\u2026";
+
+        return abbreviated;
+    }
+
+    // returns content of <meta name="" content=""> tags or '' if empty/non existant
+    function getMeta(name) {
+        var metaContent = $('meta[name="' + name + '"]').attr('content');
+        return metaContent || '';
+    }
+    
+    // create tweet text from content of <meta name="DC.title"> and <meta name="DC.creator">
+    // fallback to content of <title> tag
+    function getTweetText() {
+        var title = getMeta('DC.title');
+        var creator = getMeta('DC.creator');
+
+        if (title.length > 0 && creator.length > 0) {
+            title += ' - ' + creator;
+        } else {
+            title = $('title').text();
+        }
+
+        return encodeURIComponent(title);
+    }
+
+    // build URI from rel="canonical" or document.location
+    function getURI() {
+        var uri = document.location.href;
+        var canonical = $("link[rel=canonical]").attr("href");
+
+        if (canonical && canonical.length > 0) {
+            if (canonical.indexOf("http") < 0) {
+                canonical = document.location.protocol + "//" + document.location.host + canonical;
+            }
+            uri = canonical;
+        }
+
+        return uri;
+    }
+
+    function cookieSet(name, value, days, path, domain) {
+        var expires = new Date();
+        expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
+        document.cookie = name + '=' + value + '; expires=' + expires.toUTCString() + '; path=' + path + '; domain=' + domain;
+    }
+    function cookieDel(name, value, path, domain) {
+        var expires = new Date();
+        expires.setTime(expires.getTime() - 100);
+        document.cookie = name + '=' + value + '; expires=' + expires.toUTCString() + '; path=' + path + '; domain=' + domain;
+    }
+
+    // extend jquery with our plugin function
+    $.fn.socialSharePrivacy = function (settings) {
+        var defaults = {
+            'services' : {
+                'facebook' : {
+                    'status'            : 'on',
+                    'dummy_img'         : 'socialshareprivacy/images/dummy_facebook.png',
+                    'txt_info'          : '2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Facebook senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.',
+                    'txt_fb_off'        : 'nicht mit Facebook verbunden',
+                    'txt_fb_on'         : 'mit Facebook verbunden',
+                    'perma_option'      : 'on',
+                    'display_name'      : 'Facebook',
+                    'referrer_track'    : '',
+                    'language'          : 'de_DE',
+                    'action'            : 'recommend'
+                }, 
+                'twitter' : {
+                    'status'            : 'on', 
+                    'dummy_img'         : 'socialshareprivacy/images/dummy_twitter.png',
+                    'txt_info'          : '2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Twitter senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.',
+                    'txt_twitter_off'   : 'nicht mit Twitter verbunden',
+                    'txt_twitter_on'    : 'mit Twitter verbunden',
+                    'perma_option'      : 'on',
+                    'display_name'      : 'Twitter',
+                    'referrer_track'    : '', 
+                    'tweet_text'        : getTweetText,
+                    'language'          : 'en'
+                },
+                'gplus' : {
+                    'status'            : 'on',
+                    'dummy_img'         : 'socialshareprivacy/images/dummy_gplus.png',
+                    'txt_info'          : '2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Google+ senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.',
+                    'txt_gplus_off'     : 'nicht mit Google+ verbunden',
+                    'txt_gplus_on'      : 'mit Google+ verbunden',
+                    'perma_option'      : 'on',
+                    'display_name'      : 'Google+',
+                    'referrer_track'    : '',
+                    'language'          : 'de'
+                }
+            },
+            'info_link'         : 'http://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html',
+            'txt_help'          : 'Wenn Sie diese Felder durch einen Klick aktivieren, werden Informationen an Facebook, Twitter oder Google in die USA &uuml;bertragen und unter Umst&auml;nden auch dort gespeichert. N&auml;heres erfahren Sie durch einen Klick auf das <em>i</em>.',
+            'settings_perma'    : 'Dauerhaft aktivieren und Daten&uuml;ber&shy;tragung zustimmen:',
+            'cookie_path'       : '/',
+            'cookie_domain'     : document.location.host,
+            'cookie_expires'    : '365',
+            'css_path'          : 'socialshareprivacy/socialshareprivacy.css',
+            'uri'               : getURI
+        };
+
+        // Standardwerte des Plug-Ings mit den vom User angegebenen Optionen ueberschreiben
+        var options = $.extend(true, defaults, settings);
+
+        var facebook_on = (options.services.facebook.status === 'on');
+        var twitter_on  = (options.services.twitter.status  === 'on');
+        var gplus_on    = (options.services.gplus.status    === 'on');
+
+        // check if at least one service is "on"
+        if (!facebook_on && !twitter_on && !gplus_on) {
+            return;
+        }
+
+        // insert stylesheet into document and prepend target element
+        if (options.css_path.length > 0) {
+            // IE fix (noetig fuer IE < 9 - wird hier aber fuer alle IE gemacht)
+            if (document.createStyleSheet) {
+                document.createStyleSheet(options.css_path);
+            } else {
+                $('head').append('<link rel="stylesheet" type="text/css" href="' + options.css_path + '" />');
+            }
+        }
+
+        return this.each(function () {
+
+            $(this).prepend('<ul class="social_share_privacy_area"></ul>');
+            var context = $('.social_share_privacy_area', this);
+
+            // canonical uri that will be shared
+            var uri = options.uri;
+            if (typeof uri === 'function') {
+                uri = uri(context);
+            }
+
+            //
+            // Facebook
+            //
+            if (facebook_on) {
+                var fb_enc_uri = encodeURIComponent(uri + options.services.facebook.referrer_track);
+                var fb_code = '<iframe src="http://www.facebook.com/plugins/like.php?locale=' + options.services.facebook.language + '&amp;href=' + fb_enc_uri + '&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;action=' + options.services.facebook.action + '&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:145px; height:21px;" allowTransparency="true"></iframe>';
+                var fb_dummy_btn = '<img src="' + options.services.facebook.dummy_img + '" alt="Facebook &quot;Like&quot;-Dummy" class="fb_like_privacy_dummy" />';
+
+                context.append('<li class="facebook help_info"><span class="info">' + options.services.facebook.txt_info + '</span><span class="switch off">' + options.services.facebook.txt_fb_off + '</span><div class="fb_like dummy_btn">' + fb_dummy_btn + '</div></li>');
+
+                var $container_fb = $('li.facebook', context);
+
+                $('li.facebook div.fb_like img.fb_like_privacy_dummy,li.facebook span.switch', context).live('click', function () {
+                    if ($container_fb.find('span.switch').hasClass('off')) {
+                        $container_fb.addClass('info_off');
+                        $container_fb.find('span.switch').addClass('on').removeClass('off').html(options.services.facebook.txt_fb_on);
+                        $container_fb.find('img.fb_like_privacy_dummy').replaceWith(fb_code);
+                    } else {
+                        $container_fb.removeClass('info_off');
+                        $container_fb.find('span.switch').addClass('off').removeClass('on').html(options.services.facebook.txt_fb_off);
+                        $container_fb.find('.fb_like').html(fb_dummy_btn);
+                    }
+                });
+            }
+
+            //
+            // Twitter
+            //
+            if (twitter_on) {
+                var text = options.services.twitter.tweet_text;
+                if (typeof text === 'function') {
+                    text = text();
+                }
+                // 120 is the max character count left after twitters automatic url shortening with t.co
+                text = abbreviateText(text, '120');
+
+                var twitter_enc_uri = encodeURIComponent(uri + options.services.twitter.referrer_track);
+                var twitter_count_url = encodeURIComponent(uri);
+                var twitter_code = '<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url=' + twitter_enc_uri + '&amp;counturl=' + twitter_count_url + '&amp;text=' + text + '&amp;count=horizontal&amp;lang=' + options.services.twitter.language + '" style="width:130px; height:25px;"></iframe>';
+                var twitter_dummy_btn = '<img src="' + options.services.twitter.dummy_img + '" alt="&quot;Tweet this&quot;-Dummy" class="tweet_this_dummy" />';
+
+                context.append('<li class="twitter help_info"><span class="info">' + options.services.twitter.txt_info + '</span><span class="switch off">' + options.services.twitter.txt_twitter_off + '</span><div class="tweet dummy_btn">' + twitter_dummy_btn + '</div></li>');
+
+                var $container_tw = $('li.twitter', context);
+
+                $('li.twitter div.tweet img,li.twitter span.switch', context).live('click', function () {
+                    if ($container_tw.find('span.switch').hasClass('off')) {
+                        $container_tw.addClass('info_off');
+                        $container_tw.find('span.switch').addClass('on').removeClass('off').html(options.services.twitter.txt_twitter_on);
+                        $container_tw.find('img.tweet_this_dummy').replaceWith(twitter_code);
+                    } else {
+                        $container_tw.removeClass('info_off');
+                        $container_tw.find('span.switch').addClass('off').removeClass('on').html(options.services.twitter.txt_twitter_off);
+                        $container_tw.find('.tweet').html(twitter_dummy_btn);
+                    }
+                });
+            }
+
+            //
+            // Google+
+            //
+            if (gplus_on) {
+                // fuer G+ wird die URL nicht encoded, da das zu einem Fehler fuehrt
+                var gplus_uri = uri + options.services.gplus.referrer_track;
+                
+                // we use the Google+ "asynchronous" code, standard code is flaky if inserted into dom after load
+                var gplus_code = '<div class="g-plusone" data-size="medium" data-href="' + gplus_uri + '"></div><script type="text/javascript">window.___gcfg = {lang: "' + options.services.gplus.language + '"}; (function() { var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); </script>';
+                var gplus_dummy_btn = '<img src="' + options.services.gplus.dummy_img + '" alt="&quot;Google+1&quot;-Dummy" class="gplus_one_dummy" />';
+
+                context.append('<li class="gplus help_info"><span class="info">' + options.services.gplus.txt_info + '</span><span class="switch off">' + options.services.gplus.txt_gplus_off + '</span><div class="gplusone dummy_btn">' + gplus_dummy_btn + '</div></li>');
+
+                var $container_gplus = $('li.gplus', context);
+
+                $('li.gplus div.gplusone img,li.gplus span.switch', context).live('click', function () {
+                    if ($container_gplus.find('span.switch').hasClass('off')) {
+                        $container_gplus.addClass('info_off');
+                        $container_gplus.find('span.switch').addClass('on').removeClass('off').html(options.services.gplus.txt_gplus_on);
+                        $container_gplus.find('img.gplus_one_dummy').replaceWith(gplus_code);
+                    } else {
+                        $container_gplus.removeClass('info_off');
+                        $container_gplus.find('span.switch').addClass('off').removeClass('on').html(options.services.gplus.txt_gplus_off);
+                        $container_gplus.find('.gplusone').html(gplus_dummy_btn);
+                    }
+                });
+            }
+
+            //
+            // Der Info/Settings-Bereich wird eingebunden
+            //
+            context.append('<li class="settings_info"><div class="settings_info_menu off perma_option_off"><a href="' + options.info_link + '"><span class="help_info icon"><span class="info">' + options.txt_help + '</span></span></a></div></li>');
+
+            // Info-Overlays mit leichter Verzoegerung einblenden
+            $('.help_info:not(.info_off)', context).live('mouseenter', function () {
+                var $info_wrapper = $(this);
+                var timeout_id = window.setTimeout(function () { $($info_wrapper).addClass('display'); }, 500);
+                $(this).data('timeout_id', timeout_id);
+            });
+            $('.help_info', context).live('mouseleave', function () {
+                var timeout_id = $(this).data('timeout_id');
+                window.clearTimeout(timeout_id);
+                if ($(this).hasClass('display')) {
+                    $(this).removeClass('display');
+                }
+            });
+
+            var facebook_perma = (options.services.facebook.perma_option === 'on');
+            var twitter_perma  = (options.services.twitter.perma_option  === 'on');
+            var gplus_perma    = (options.services.gplus.perma_option    === 'on');
+
+            // Menue zum dauerhaften Einblenden der aktiven Dienste via Cookie einbinden
+            // Die IE7 wird hier ausgenommen, da er kein JSON kann und die Cookies hier ueber JSON-Struktur abgebildet werden
+            if (((facebook_on && facebook_perma)
+                || (twitter_on && twitter_perma)
+                || (gplus_on && gplus_perma))
+                    && (!$.browser.msie || ($.browser.msie && $.browser.version > 7.0))) {
+
+                // Cookies abrufen
+                var cookie_list = document.cookie.split(';');
+                var cookies = '{';
+                var i = 0;
+                for (; i < cookie_list.length; i += 1) {
+                    var foo = cookie_list[i].split('=');
+                    cookies += '"' + $.trim(foo[0]) + '":"' + $.trim(foo[1]) + '"';
+                    if (i < cookie_list.length - 1) {
+                        cookies += ',';
+                    }
+                }
+                cookies += '}';
+                cookies = JSON.parse(cookies);
+
+                // Container definieren
+                var $container_settings_info = $('li.settings_info', context);
+
+                // Klasse entfernen, die das i-Icon alleine formatiert, da Perma-Optionen eingeblendet werden
+                $container_settings_info.find('.settings_info_menu').removeClass('perma_option_off');
+
+                // Perma-Optionen-Icon (.settings) und Formular (noch versteckt) einbinden
+                $container_settings_info.find('.settings_info_menu').append('<span class="settings">Einstellungen</span><form><fieldset><legend>' + options.settings_perma + '</legend></fieldset></form>');
+
+
+                // Die Dienste mit <input> und <label>, sowie checked-Status laut Cookie, schreiben
+                var checked = ' checked="checked"';
+                if (facebook_on && facebook_perma) {
+                    var perma_status_facebook = cookies.socialSharePrivacy_facebook === 'perma_on' ? checked : '';
+                    $container_settings_info.find('form fieldset').append(
+                        '<input type="checkbox" name="perma_status_facebook" id="perma_status_facebook"'
+                            + perma_status_facebook + ' /><label for="perma_status_facebook">'
+                            + options.services.facebook.display_name + '</label>'
+                    );
+                }
+
+                if (twitter_on && twitter_perma) {
+                    var perma_status_twitter = cookies.socialSharePrivacy_twitter === 'perma_on' ? checked : '';
+                    $container_settings_info.find('form fieldset').append(
+                        '<input type="checkbox" name="perma_status_twitter" id="perma_status_twitter"'
+                            + perma_status_twitter + ' /><label for="perma_status_twitter">'
+                            + options.services.twitter.display_name + '</label>'
+                    );
+                }
+
+                if (gplus_on && gplus_perma) {
+                    var perma_status_gplus = cookies.socialSharePrivacy_gplus === 'perma_on' ? checked : '';
+                    $container_settings_info.find('form fieldset').append(
+                        '<input type="checkbox" name="perma_status_gplus" id="perma_status_gplus"'
+                            + perma_status_gplus + ' /><label for="perma_status_gplus">'
+                            + options.services.gplus.display_name + '</label>'
+                    );
+                }
+
+                // Cursor auf Pointer setzen fuer das Zahnrad
+                $container_settings_info.find('span.settings').css('cursor', 'pointer');
+
+                // Einstellungs-Menue bei mouseover ein-/ausblenden
+                $($container_settings_info.find('span.settings'), context).live('mouseenter', function () {
+                    var timeout_id = window.setTimeout(function () { $container_settings_info.find('.settings_info_menu').removeClass('off').addClass('on'); }, 500);
+                    $(this).data('timeout_id', timeout_id);
+                }); 
+                $($container_settings_info, context).live('mouseleave', function () {
+                    var timeout_id = $(this).data('timeout_id');
+                    window.clearTimeout(timeout_id);
+                    $container_settings_info.find('.settings_info_menu').removeClass('on').addClass('off');
+                });
+
+                // Klick-Interaktion auf <input> um Dienste dauerhaft ein- oder auszuschalten (Cookie wird gesetzt oder geloescht)
+                $($container_settings_info.find('fieldset input')).live('click', function (event) {
+                    var click = event.target.id;
+                    var service = click.substr(click.lastIndexOf('_') + 1, click.length);
+                    var cookie_name = 'socialSharePrivacy_' + service;
+
+                    if ($('#' + event.target.id + ':checked').length) {
+                        cookieSet(cookie_name, 'perma_on', options.cookie_expires, options.cookie_path, options.cookie_domain);
+                        $('form fieldset label[for=' + click + ']', context).addClass('checked');
+                    } else {
+                        cookieDel(cookie_name, 'perma_on', options.cookie_path, options.cookie_domain);
+                        $('form fieldset label[for=' + click + ']', context).removeClass('checked');
+                    }
+                });
+
+                // Dienste automatisch einbinden, wenn entsprechendes Cookie vorhanden ist
+                if (facebook_on && facebook_perma && cookies.socialSharePrivacy_facebook === 'perma_on') {
+                    $('li.facebook span.switch', context).click();
+                }
+                if (twitter_on && twitter_perma && cookies.socialSharePrivacy_twitter === 'perma_on') {
+                    $('li.twitter span.switch', context).click();
+                }
+                if (gplus_on && gplus_perma && cookies.socialSharePrivacy_gplus === 'perma_on') {
+                    $('li.gplus span.switch', context).click();
+                }
+            }
+        }); // this.each(function ()
+    };      // $.fn.socialSharePrivacy = function (settings) {
+}(jQuery));
+

socialshareprivacy/jquery.socialshareprivacy.min.js

@@ -0,0 +1,33 @@
+/*
+ * jquery.socialshareprivacy.js | 2 Klicks fuer mehr Datenschutz
+ *
+ * http://www.heise.de/extras/socialshareprivacy/
+ * http://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html
+ *
+ * Copyright (c) 2011 Hilko Holweg, Sebastian Hilbig, Nicolas Heiringhoff, Juergen Schmidt,
+ * Heise Zeitschriften Verlag GmbH & Co. KG, http://www.heise.de
+ *
+ * is released under the MIT License http://www.opensource.org/licenses/mit-license.php
+ *
+ * Spread the word, link to us if you can.
+ */
+(function(b){function x(b,a){var f=decodeURIComponent(b);if(f.length<=a)return b;var j=f.substring(0,a-1).lastIndexOf(" ");return f=encodeURIComponent(f.substring(0,j))+"\u2026"}function p(c){return b('meta[name="'+c+'"]').attr("content")||""}function r(){var c=p("DC.title"),a=p("DC.creator");c.length>0&&a.length>0?c+=" - "+a:c=b("title").text();return encodeURIComponent(c)}function s(){var c=document.location.href,a=b("link[rel=canonical]").attr("href");a&&a.length>0&&(a.indexOf("http")<0&&(a=document.location.protocol+
+"//"+document.location.host+a),c=a);return c}b.fn.socialSharePrivacy=function(c){var a=b.extend(!0,{services:{facebook:{status:"on",dummy_img:"socialshareprivacy/images/dummy_facebook.png",txt_info:"2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Facebook senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.",txt_fb_off:"nicht mit Facebook verbunden",txt_fb_on:"mit Facebook verbunden",
+perma_option:"on",display_name:"Facebook",referrer_track:"",language:"de_DE",action:"recommend"},twitter:{status:"on",dummy_img:"socialshareprivacy/images/dummy_twitter.png",txt_info:"2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Twitter senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.",txt_twitter_off:"nicht mit Twitter verbunden",txt_twitter_on:"mit Twitter verbunden",perma_option:"on",
+display_name:"Twitter",referrer_track:"",tweet_text:r,language:"en"},gplus:{status:"on",dummy_img:"socialshareprivacy/images/dummy_gplus.png",txt_info:"2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Google+ senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.",txt_gplus_off:"nicht mit Google+ verbunden",txt_gplus_on:"mit Google+ verbunden",perma_option:"on",display_name:"Google+",
+referrer_track:"",language:"de"}},info_link:"http://www.heise.de/ct/artikel/2-Klicks-fuer-mehr-Datenschutz-1333879.html",txt_help:"Wenn Sie diese Felder durch einen Klick aktivieren, werden Informationen an Facebook, Twitter oder Google in die USA &uuml;bertragen und unter Umst&auml;nden auch dort gespeichert. N&auml;heres erfahren Sie durch einen Klick auf das <em>i</em>.",settings_perma:"Dauerhaft aktivieren und Daten&uuml;ber&shy;tragung zustimmen:",cookie_path:"/",cookie_domain:document.location.host,
+cookie_expires:"365",css_path:"socialshareprivacy/socialshareprivacy.css",uri:s},c),f=a.services.facebook.status==="on",j=a.services.twitter.status==="on",n=a.services.gplus.status==="on";if(f||j||n)return a.css_path.length>0&&(document.createStyleSheet?document.createStyleSheet(a.css_path):b("head").append('<link rel="stylesheet" type="text/css" href="'+a.css_path+'" />')),this.each(function(){b(this).prepend('<ul class="social_share_privacy_area"></ul>');var d=b(".social_share_privacy_area",this),
+c=a.uri;typeof c==="function"&&(c=c(d));if(f){var g=encodeURIComponent(c+a.services.facebook.referrer_track),p='<iframe src="http://www.facebook.com/plugins/like.php?locale='+a.services.facebook.language+"&amp;href="+g+"&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;action="+a.services.facebook.action+'&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:145px; height:21px;" allowTransparency="true"></iframe>',
+t='<img src="'+a.services.facebook.dummy_img+'" alt="Facebook &quot;Like&quot;-Dummy" class="fb_like_privacy_dummy" />';d.append('<li class="facebook help_info"><span class="info">'+a.services.facebook.txt_info+'</span><span class="switch off">'+a.services.facebook.txt_fb_off+'</span><div class="fb_like dummy_btn">'+t+"</div></li>");var k=b("li.facebook",d);b("li.facebook div.fb_like img.fb_like_privacy_dummy,li.facebook span.switch",d).live("click",function(){k.find("span.switch").hasClass("off")?
+(k.addClass("info_off"),k.find("span.switch").addClass("on").removeClass("off").html(a.services.facebook.txt_fb_on),k.find("img.fb_like_privacy_dummy").replaceWith(p)):(k.removeClass("info_off"),k.find("span.switch").addClass("off").removeClass("on").html(a.services.facebook.txt_fb_off),k.find(".fb_like").html(t))})}if(j){g=a.services.twitter.tweet_text;typeof g==="function"&&(g=g());var g=x(g,"120"),o=encodeURIComponent(c+a.services.twitter.referrer_track),e=encodeURIComponent(c),r='<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url='+
+o+"&amp;counturl="+e+"&amp;text="+g+"&amp;count=horizontal&amp;lang="+a.services.twitter.language+'" style="width:130px; height:25px;"></iframe>',u='<img src="'+a.services.twitter.dummy_img+'" alt="&quot;Tweet this&quot;-Dummy" class="tweet_this_dummy" />';d.append('<li class="twitter help_info"><span class="info">'+a.services.twitter.txt_info+'</span><span class="switch off">'+a.services.twitter.txt_twitter_off+'</span><div class="tweet dummy_btn">'+u+"</div></li>");var l=b("li.twitter",d);b("li.twitter div.tweet img,li.twitter span.switch",
+d).live("click",function(){l.find("span.switch").hasClass("off")?(l.addClass("info_off"),l.find("span.switch").addClass("on").removeClass("off").html(a.services.twitter.txt_twitter_on),l.find("img.tweet_this_dummy").replaceWith(r)):(l.removeClass("info_off"),l.find("span.switch").addClass("off").removeClass("on").html(a.services.twitter.txt_twitter_off),l.find(".tweet").html(u))})}if(n){var s='<div class="g-plusone" data-size="medium" data-href="'+(c+a.services.gplus.referrer_track)+'"></div><script type="text/javascript">window.___gcfg = {lang: "'+
+a.services.gplus.language+'"}; (function() { var po = document.createElement("script"); po.type = "text/javascript"; po.async = true; po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s); })(); <\/script>',v='<img src="'+a.services.gplus.dummy_img+'" alt="&quot;Google+1&quot;-Dummy" class="gplus_one_dummy" />';d.append('<li class="gplus help_info"><span class="info">'+a.services.gplus.txt_info+'</span><span class="switch off">'+
+a.services.gplus.txt_gplus_off+'</span><div class="gplusone dummy_btn">'+v+"</div></li>");var m=b("li.gplus",d);b("li.gplus div.gplusone img,li.gplus span.switch",d).live("click",function(){m.find("span.switch").hasClass("off")?(m.addClass("info_off"),m.find("span.switch").addClass("on").removeClass("off").html(a.services.gplus.txt_gplus_on),m.find("img.gplus_one_dummy").replaceWith(s)):(m.removeClass("info_off"),m.find("span.switch").addClass("off").removeClass("on").html(a.services.gplus.txt_gplus_off),
+m.find(".gplusone").html(v))})}d.append('<li class="settings_info"><div class="settings_info_menu off perma_option_off"><a href="'+a.info_link+'"><span class="help_info icon"><span class="info">'+a.txt_help+"</span></span></a></div></li>");b(".help_info:not(.info_off)",d).live("mouseenter",function(){var a=b(this),c=window.setTimeout(function(){b(a).addClass("display")},500);b(this).data("timeout_id",c)});b(".help_info",d).live("mouseleave",function(){var a=b(this).data("timeout_id");window.clearTimeout(a);
+b(this).hasClass("display")&&b(this).removeClass("display")});c=a.services.facebook.perma_option==="on";g=a.services.twitter.perma_option==="on";o=a.services.gplus.perma_option==="on";if((f&&c||j&&g||n&&o)&&(!b.browser.msie||b.browser.msie&&b.browser.version>7)){for(var i=document.cookie.split(";"),e="{",q=0;q<i.length;q+=1){var w=i[q].split("=");e+='"'+b.trim(w[0])+'":"'+b.trim(w[1])+'"';q<i.length-1&&(e+=",")}e+="}";var e=JSON.parse(e),h=b("li.settings_info",d);h.find(".settings_info_menu").removeClass("perma_option_off");
+h.find(".settings_info_menu").append('<span class="settings">Einstellungen</span><form><fieldset><legend>'+a.settings_perma+"</legend></fieldset></form>");f&&c&&(i=e.socialSharePrivacy_facebook==="perma_on"?' checked="checked"':"",h.find("form fieldset").append('<input type="checkbox" name="perma_status_facebook" id="perma_status_facebook"'+i+' /><label for="perma_status_facebook">'+a.services.facebook.display_name+"</label>"));j&&g&&(i=e.socialSharePrivacy_twitter==="perma_on"?' checked="checked"':
+"",h.find("form fieldset").append('<input type="checkbox" name="perma_status_twitter" id="perma_status_twitter"'+i+' /><label for="perma_status_twitter">'+a.services.twitter.display_name+"</label>"));n&&o&&(i=e.socialSharePrivacy_gplus==="perma_on"?' checked="checked"':"",h.find("form fieldset").append('<input type="checkbox" name="perma_status_gplus" id="perma_status_gplus"'+i+' /><label for="perma_status_gplus">'+a.services.gplus.display_name+"</label>"));h.find("span.settings").css("cursor","pointer");
+b(h.find("span.settings"),d).live("mouseenter",function(){var a=window.setTimeout(function(){h.find(".settings_info_menu").removeClass("off").addClass("on")},500);b(this).data("timeout_id",a)});b(h,d).live("mouseleave",function(){var a=b(this).data("timeout_id");window.clearTimeout(a);h.find(".settings_info_menu").removeClass("on").addClass("off")});b(h.find("fieldset input")).live("click",function(c){var e=c.target.id,g="socialSharePrivacy_"+e.substr(e.lastIndexOf("_")+1,e.length);if(b("#"+c.target.id+
+":checked").length){var c=a.cookie_expires,h=a.cookie_path,f=a.cookie_domain,i=new Date;i.setTime(i.getTime()+c*864E5);document.cookie=g+"=perma_on; expires="+i.toUTCString()+"; path="+h+"; domain="+f;b("form fieldset label[for="+e+"]",d).addClass("checked")}else c=a.cookie_path,h=a.cookie_domain,f=new Date,f.setTime(f.getTime()-100),document.cookie=g+"=perma_on; expires="+f.toUTCString()+"; path="+c+"; domain="+h,b("form fieldset label[for="+e+"]",d).removeClass("checked")});f&&c&&e.socialSharePrivacy_facebook===
+"perma_on"&&b("li.facebook span.switch",d).click();j&&g&&e.socialSharePrivacy_twitter==="perma_on"&&b("li.twitter span.switch",d).click();n&&o&&e.socialSharePrivacy_gplus==="perma_on"&&b("li.gplus span.switch",d).click()}})}})(jQuery);

socialshareprivacy/socialshareprivacy/socialshareprivacy.css

@@ -0,0 +1,226 @@
+.social_share_privacy_area {
+    clear: both;
+    margin: 20px 0 !important;
+	list-style-type: none;
+	padding: 0 !important;
+	width: auto;
+	height: 25px;
+	display: block;
+}
+.social_share_privacy_area li {
+	margin: 0 !important;
+	padding: 0 !important;
+	height: 21px;
+	float: left;
+}
+.social_share_privacy_area li .dummy_btn {
+    float: left;
+    margin: 0 0 0 10px;
+    cursor: pointer;
+    padding: 0;
+    height: inherit;
+}
+.social_share_privacy_area li div iframe {
+    overflow: hidden;
+    height: inherit;
+    width: inherit;
+}
+/* Facebook begin */
+.social_share_privacy_area .facebook {
+    width: 180px;
+    display: inline-block;
+}
+.social_share_privacy_area .facebook .fb_like iframe {
+    width: 145px;
+}
+/* Facebook end */
+/* Twitter begin */
+.social_share_privacy_area .twitter {
+	width: 148px;
+}
+.social_share_privacy_area li div.tweet {
+	width: 115px;
+}
+/* Twitter end */
+/* Google+ begin */
+.social_share_privacy_area .gplus {
+	width: 123px;
+}
+.social_share_privacy_area li div.gplusone {
+	width: 90px;
+}
+/* Google+ end */
+/* Switch begin */
+.social_share_privacy_area li .switch {
+    display: inline-block;
+    text-indent: -9999em;
+    background: transparent url(images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
+    width: 23px;
+    height: 12px;
+    overflow: hidden;
+    float: left;
+    margin: 4px 0 0;
+    padding: 0;
+    cursor: pointer;
+}
+.social_share_privacy_area li .switch.on {
+    background-position: 0 -12px; 
+}
+/* Switch end */
+/* Tooltips begin */
+.social_share_privacy_area li.help_info {
+    position: relative; 
+}
+.social_share_privacy_area li.help_info .info, 
+.social_share_privacy_area li .help_info.icon .info {
+    display: none;
+    position: absolute;
+    bottom: 40px;
+    left: 0;
+    width: 290px;
+    padding: 10px 15px;
+    margin: 0;
+    font-size: 12px;
+    line-height: 16px;
+    font-weight: bold;
+    border: 1px solid #ccc;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: 0 3px 4px #999;
+    -webkit-box-shadow: 0 3px 4px #999;
+    box-shadow: 0 3px 4px #999;
+    background-color: #fdfbec;
+    color: #000;
+    z-index: 500;
+}
+.social_share_privacy_area li.gplus.help_info .info {
+    left: -60px;
+}
+.social_share_privacy_area li .help_info.icon .info {
+    left: -243px;
+    width: 350px;
+}
+.social_share_privacy_area li.help_info.display .info, 
+.social_share_privacy_area li .help_info.icon.display .info {
+    display: block;
+}
+.social_share_privacy_area li.help_info.info_off.display .info {
+    display: none;
+}
+.social_share_privacy_area li .help_info.icon {
+    background: #fff url(images/socialshareprivacy_info.png) no-repeat center center scroll;
+    width: 25px;
+    height: 20px;
+    position: relative;
+    display: inline-block;
+	vertical-align: top;
+	border: 2px solid #e7e3e3;
+	border-right-width: 0;
+	-moz-border-radius: 5px 0 0 5px;
+	-webkit-border-radius: 5px 0 0 5px;
+	border-radius: 5px 0 0 5px;
+    margin: 0;
+    padding: 0;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
+	border-top-width: 0;
+	border-left-width: 0;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
+	border-right-width: 2px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+}
+/* Tooltips end */
+/* Settings/Info begin */
+.social_share_privacy_area li.settings_info {
+	position: relative;
+	top: -2px;
+}
+.social_share_privacy_area li.settings_info a {
+	text-decoration: none;
+	margin: 0 !important;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu {
+    background-color: #f3f4f5;
+    border: 2px solid #e7e3e3;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+    border-radius: 5px;
+	-moz-box-shadow: 2px 2px 3px #c1c1c1;
+	-webkit-box-shadow: 2px 2px 3px #c1c1c1;
+    box-shadow: 3px 3px 3px #c1c1c1;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 135px;
+    z-index: 1000;
+    margin: 0;
+    padding: 0;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu.off {
+	border-width: 0;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
+	background-color: transparent;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu.off form {
+	display: none;
+	margin: 0;
+	padding: 0;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu .settings {
+	text-indent: -9999em;
+	display: inline-block;
+	background: #fff url(images/settings.png) no-repeat center center scroll;
+	width: 25px;
+	height: 20px;
+	border: 2px solid #e7e3e3;
+	-moz-border-radius: 0 5px 5px 0;
+	-webkit-border-radius: 0 5px 5px 0;
+	border-radius: 0 5px 5px 0;
+	border-left: 1px solid #ddd;
+	margin: 0;
+	padding: 0;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
+	border-top-width: 0;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
+    border-width: 0;
+    margin: 0;
+    padding: 0 10px 10px;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
+    font-size: 11px;
+    font-weight: bold;
+    line-height: 14px;
+    margin: 0;
+    padding: 10px 0;
+	width: 115px;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
+	clear: both;
+    float: left;
+    margin: 4px 10px 4px 0;
+    padding: 0;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
+    display: inline-block;
+    float: left;
+    font-size: 12px;
+    font-weight: bold;
+    line-height: 24px;
+	-moz-transition: color .5s ease-in;
+	-webkit-transition: color .5s ease-in;
+	transition: color .5s ease-in;
+	margin: 0;
+	padding: 0;
+}
+.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
+	color: #090;
+}
+/* Settings/Info end */

styles.css

@@ -0,0 +1,124 @@
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included "THW Thema" templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+ 
+html, body { height: 100%; }
+body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0px; padding: 0px;background-color: white; color: black; background-image:url(img/bg.gif); background-color: transparent; background-position: top left; background-repeat: repeat-y; display: block; }
+img { border: none; }
+acronym { border-bottom: 1px dashed #00F; cursor: help; }
+.contentspalte a { text-decoration:underline; color:#000000;}
+.contentspalte a:hover { text-decoration:underline; color:#3A428C;}
+.korrekt { background-color: transparent; color: #008000; }
+.falsch { background-color: transparent; color: #800000; }
+.fragebkg { background-color: #A0A0A0; color: white; max-width: 1000px; width:100%; margin-bottom: 1em; margin-top: 1em; }
+.fragebkg tr td { background-color: white; color: black; }
+.fragebkg tr td.korrekt { background-color: white; color: #008000;}
+.fragebkg tr td.falsch { background-color: white; color: #800000; }
+.nav { font-size: 70%; margin-bottom: 40px; line-height: 1.4em; }
+.nav ul { margin: 0px; padding: 0px; list-style-type: none; }
+.nav li { margin: 0px; padding: 0px; }
+.nav a { text-decoration: none; color: #fff; display: block; }
+.nav a:hover { text-decoration: none; color: #fff; background-image: url('img/pfeil.gif'); background-repeat: no-repeat; background-position: top left; }
+.nav ul a { background-color: #003399; border-bottom: 1px solid #001689; border-top: 1px solid #1443A1; width: 172px; padding: 4px 4px 4px 20px; }
+.nav ul ul a { background-color: #436EB2; border-bottom: 1px solid #001689; border-top: 1px solid #6288BE; width: 164px; padding: 4px 4px 4px 28px; }
+.nav ul ul ul a { background-color: #6288BE; border-bottom: 1px solid #001689; border-top: 1px solid #85A4CC; width: 156px; padding: 4px 4px 4px 36px; }
+ul#navlist li a#current { background-image: url('img/pfeil.gif'); background-repeat: no-repeat; background-position: top left; }
+#service { font-size:70%; color:#000000; padding-right:12px; width:100%; height:20px; text-align:right;}
+#service a { text-decoration:none; color:#000000; }
+#service a:hover { text-decoration:underline; color:#000000; }
+#breadcrumb { font-size:69%; color:#FFFFFF; background-color:#003399; padding-top:3px; padding-bottom:2px; padding-left:20px; }
+#breadcrumb a { text-decoration:none; color:#FFFFFF; }
+#breadcrumb a:hover { text-decoration:underline; }
+table.layout { width:100%; }
+table.layout td.randlinks { width:12px; height:20px; }
+table.layout td.navspalte { background-color:#FFFFFF; width:196px; height:20px; }
+table.layout td.navvor { border-bottom:solid 1px #001272; height:20px; }
+table.identitaet { width:100%; }
+table.identitaet td.thema { border-bottom:solid 1px #6288BE; width:360px; height:78px; }
+table.identitaet td.logo { background-color:#003399; border-bottom:solid 1px #6288BE; width:100%; height:78px; text-align:right; }
+.content { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:80%; padding-top:20px; padding-right:12px; padding-left:20px; width:100%; }
+.contentspalte { padding-right:20px; padding-bottom:20px; width:100%; }
+.contentspalte .rubrik { font-weight:normal; font-size:80%; color:#003399; border-top:solid 1px #003399; margin-bottom:2px; text-align:right; }
+.contentspalte h1 { font-style:normal; font-size:125%; color:#000000; margin-top:0px; margin-bottom:13px; }
+.contentspalte h2 { font-size:100%; color:#000000; margin-top:16px; margin-bottom:14px; font-weight: bold; }
+.contentspalte h3 { font-style:normal; font-size:125%; color:#000000; margin-top:0px; margin-bottom:16px; }
+.contentspalte p { margin-top:0px; margin-bottom:14px; padding-top:0px; line-height: 1.4em; }
+.contentspalte .textblau { color:#003399; }
+.contentspalte .seitenueberschrift { font-weight:bold; font-size:125%; color:#000000; border-bottom:solid 1px #003399; margin-bottom:11px; padding-bottom:2px; text-align:left; }
+.contentspalte .caption {   padding-top: 0px;  padding-bottom: 8px;}
+.contentspalte .autor { margin-left:1px;  font-style: italic; }
+.contentspalte .topspacer4px { margin-top:15px; }
+.contentspalte ul { margin-top:0px; margin-bottom:13px; margin-left:24px; padding-top:0px; padding-bottom:0px; }
+.contentspalte ul li {  margin: 0; padding: 0px 0px 0px 6px;}
+.contentspalte ol { margin-top:0px; margin-bottom:13px; margin-left:30px; padding-top:0px; padding-bottom:0px; }
+.contentspalte ol li {  margin: 0; padding: 0;}
+.contentspalte ul.seitenanfang { border-bottom:1px solid #003399;  list-style-type: none; margin: 24px 0px 16px 0px;  padding: .5em 0 .5em 0px; clear: both;}
+.contentspalte ul.seitenanfang li a { text-decoration:none; text-align:center;  display: block; margin: 0; padding: 0;}
+.contentspalte ul.seitenanfang .left {  float: left; padding:0;}
+.contentspalte ul.seitenanfang .right {  float: right;}
+.only-print { display: none }
+.fragenr { font-size: 1.5em; font-weight: bold; margin-bottom: 0.5em }
+
+@media print {
+    html, body { font-size: 80%; }
+    td.randlinks,
+    td.navspalte,
+    .nav,
+    .navvor,
+    table.identitaet,
+    #breadcrumb,
+    #service,
+    ul.seitenanfang,
+    input,
+    .no-print { display: none; }
+    .only-print { display: initial }
+
+    table.fragebkg {
+        page-break-inside: avoid;
+        margin-bottom: 0.5em;
+        margin-top: 0.5em;
+        max-width: none;
+	border-collapse: collapse;
+    }
+    table.fragebkg td {
+        border: 1px solid black;
+    }
+
+    .korrekt,
+    .falsch,
+    .fragebkg tr td.korrekt,
+    .fragebkg tr td.falsch { color: black; }
+
+    .print-checkbox {
+        width: 0.4cm;
+        height: 0.4cm;
+        border: 1px solid black;
+    }
+
+    acronym { border-bottom: none; }
+    .contentspalte h1 { font-size: 2em; }
+}

templates/aufloesung-abschnitte.tpl

@@ -0,0 +1,14 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Auflösungen</h1>
+<p><b>Themenabschnitt w&auml;hlen</b></p>
+<p>Wählen Sie bitte einen Themenabschnitt, um die Fragen in diesem Abschnitt
+inklusive Auflösungen anzeigen zu lassen.</p>
+
+<table cellspacing="5" cellpadding="2" border="0">
+{|Abschnitte}{|Abschnitte*Row}
+  <tr>
+    <td valign="top" align="right">{abschnittNr}.</td>
+    <td valign="top"><a href="loesung/abschnitt-{abschnittNr}.html">{abschnittName}</a></td>
+  </tr>
+{|Abschnitte*Row}{|Abschnitte}
+</table>

templates/aufloesung-antworten.tpl

@@ -0,0 +1,45 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Auflösungen</h1>
+<p class="no-print">&laquo; <a href="{scriptName}?show=loesung" title="Zurück zur Auswahl">Zurück
+zur Themenabschnittsauswahl</a></p>
+<p><b>{abschnittName}</b></p>
+
+{|Antworten}
+{|Antworten*Row}
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" width="100%">
+  <colgroup>
+    <col width="5%">
+    <col width="30%">
+    <col width="55%">
+    <col width="5%">
+    <col width="5%">
+  </colgroup>
+  <tr>
+    <td rowspan="{rowCnt}" valign="top"><b>{abschnittNr}.{frageNr}</b></td>
+    <td rowspan="{rowCnt}" valign="top">{frageText}</td>
+    <td ><font class="{antwort1Status}">{Antwort1}</font></td>
+    <td align="center">A</td>
+    <td align="center">{|A1L}{|A1L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A1L*Haken}{|A1L}&nbsp;</td>
+  </tr>
+  <tr>
+    <td><font class="{antwort2Status}">{Antwort2}</font></td>
+    <td align="center">B</td>
+    <td align="center">{|A2L}{|A2L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A2L*Haken}{|A2L}&nbsp;</td>
+  </tr>
+{|ThreeRows}{|ThreeRows*Row}
+  <tr>
+    <td><font class="{antwort3Status}">{Antwort3}</font></td>
+    <td align="center">C</td>
+    <td align="center">{|A3L}{|A3L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A3L*Haken}{|A3L}&nbsp;</td>
+  </tr>
+{|ThreeRows*Row}{|ThreeRows}
+</table>
+{|Antworten*Row}
+{|Antworten*Topline}
+<ul class="seitenanfang">
+<li class="left"> </li>
+<li class="right"><a href="#top" title="Nach Oben" alt="Nach Oben">
+<img src="img/oben.gif" alt="Oben" border="0" title="Oben"/></a></li>
+</ul>
+{|Antworten*Topline}
+{|Antworten}

templates/aufloesung-error.tpl

@@ -0,0 +1,10 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Auflösungen</h1>
+<h2>Auflösungen anzeigen?</h2>
+<p>Sie sind gerade dabei, Zufallsfragen oder einen Prüfbogen zu beantworten. Um die Auflösungen
+anzuzeigen, müssen Sie die Prüfungen zuerst beenden. Klicken Sie auf "Auflösungen anzeigen",
+um den aktuellen Fragenkatalog bzw. den aktuellen Prüfbogen zu löschen. Sie können nach
+dem Einsehen der Auflösungen eine neue Prüfung beginnen.</p>
+<p align="center"><input type="button"
+onClick="location.href='{scriptName}?show=loesung&amp;clear=1';"
+value="Auflösungen anzeigen"></p>

templates/barrierefreiheit.tpl

@@ -0,0 +1,42 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Barrierfreier Zugang</h1>
+<h2>Zugangshilfe für Besucher mit Rot-Grün-Sehschwäche</h2>
+
+<p>Um allen Besuchern dieser Seite die Möglichkeit zu geben, die Theoriefragen zu
+erlernen, gibt es die Möglichkeit, auf einen alternativen Seitenstil zu wechseln,
+der richtige und falsche Antworten mit einem höheren Farbkontrast, sowie helfenden
+Symbolen darstellt.</p>
+<p>Um diese Funktion nutzen zu können, klicken Sie bitte auf die Schaltfläche
+mit dem gewünschten Seitenstil. Ein Beispiel, wie Auflösungen und Antworten 
+angezeigt werden, finden Sie darunter. Die Einstellung wird per Cookie in Ihrem
+Browser gespeichert, so dass die Umschaltung nur einmal durchgeführt werden muss,
+solange Sie den selben PC benutzen.</p>
+
+<form action="barrierefreiheit.html" method="post">
+<p>
+<input type="submit" name="normal" value="Normaler Stil" />
+<input type="submit" name="barrierefrei" value="Kontrastreicher Stil" />
+</p>
+</form>
+
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" width="100%">
+  <colgroup>
+    <col width="5%">
+    <col width="30%">
+    <col width="55%">
+    <col width="5%">
+    <col width="5%">
+  </colgroup>
+  <tr>
+    <td rowspan="2" valign="top"><b>0.0</b></td>
+    <td rowspan="2" valign="top">Hier steht normalerweise der Fragetext</td>
+    <td ><font class="korrekt">Dies ist eine korrekte Antwort</font></td>
+    <td align="center">A</td>
+    <td align="center"><img src="img/haken.gif" width="16" height="16" alt="X">&nbsp;</td>
+  </tr>
+  <tr>
+    <td><font class="falsch">Dies ist eine falsche Antwort</font></td>
+    <td align="center">B</td>
+    <td align="center">&nbsp;</td>
+  </tr>
+</table>

templates/bogen-ende.tpl

@@ -0,0 +1,105 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Prüfungsbogen üben</h1>
+<h2>Fragenbogen beantwortet</h2>
+<p>Sie haben alle Fragen des Prüfungsbogens beantwortet. Hier sehen Sie nun
+   eine Zusammenfassung über richtig bzw. falsch beantwortete Fragen und ob
+   Sie mit der Fehlerquote die Prüfung bestanden hätten.</p>
+<div height="10"></div>
+
+<form name="neu" action="{scriptName}?show=bogen" method="post">
+<input type="hidden" name="create" value="1" />
+</form>
+
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" width="100%">
+  <tr>
+    <td>Insgesamt beantwortete Fragen:</td>
+    <td><b>{anzFragen}</b></td>
+  </tr>
+  <tr>
+    <td>Benötigte Zeit:</td>
+    <td><b>{zeit}</b></td>
+  </tr>
+  <tr>
+    <td><font class="korrekt">Richtig beantwortete Fragen:</font></td>
+    <td><b>{fragenRichtig}</b></td>
+  </tr>
+  <tr>
+    <td style="padding-left: 20px">Prozentualer Anteil:</td>
+    <td><b>{fragenRichtigQuote}</b></td>
+  </tr>
+  <tr>
+    <td><font class="falsch">Falsch beantwortete Fragen:</font></td>
+    <td><b>{fragenFalsch}</b></td>
+  </tr>
+  <tr>
+    <td style="padding-left: 20px">Prozentualer Anteil:</td>
+    <td><b>{fragenFalschQuote}</b></td>
+  </tr>
+  <tr>
+    <td colspan="2" align="center">Mit dieser Fehlerqoute hätten Sie die Prüfung
+    {|Bestanden}{|Bestanden*Ja}<font class="korrekt">bestanden</font>{|Bestanden*Ja}{|Bestanden*Nein}<font class="falsch">nicht bestanden</font>{|Bestanden*Nein}{|Bestanden}.</td>
+  </tr>
+</table>
+<table cellspacing="0" cellpadding="4" border="0">
+  <tr>
+    <td align="center"><input type="button" value="Neuer Fragenbogen" onClick="neu.submit();" /></td>
+  </tr>
+</table>
+
+<div>&nbsp;</div>
+
+<h2>Auflösung</h2>
+<p>Hier sehen Sie nocheinmal sämtliche Fragen aufgeführt. Die
+farblichen Kennzeichnungen entsprechen den richtigen bzw. falschen Antworten.
+Die Häkchen dahinter entsprechen Ihren Antworten. So können Sie
+schnell und übersichtlich vergleichen, wo Sie Fehler gemacht haben und
+noch üben müssen.</p>
+<p>Die mit <img src="img/richtig.gif" width="20" height="20" alt="Richtig" />
+gekennzeichneten Fragen haben Sie korrekt beantwortet, die mit
+<img src="img/falsch.gif" width="20" height="20" alt="Falsch" />
+gekennzeichneten haben Sie falsch beantwortet.</p>
+
+{|Aufloesung}
+{|Aufloesung*Antwort}
+<div>&nbsp;</div>
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" width="100%">
+  <colgroup>
+    <col width="5%">
+    <col width="30%">
+    <col width="55%">
+    <col width="5%">
+    <col width="5%">
+  </colgroup>
+  <tr>
+    <td rowspan="{rowCnt}" valign="top"><b>{abschnittNr}.{frageNr}</b>{|BogenStatus}
+    {|BogenStatus*BR}<br /><br />{|BogenStatus*BR}
+    {|BogenStatus*Richtig}<img src="img/richtig.gif" width="20" height="20" alt="Richtig" />{|BogenStatus*Richtig}
+    {|BogenStatus*Falsch}<img src="img/falsch.gif" width="20" height="20" alt="Falsch" />{|BogenStatus*Falsch}
+    {|BogenStatus}</td>
+    <td rowspan="{rowCnt}" valign="top">{frageText}</td>
+    <td ><font class="{antwort1Status}">{Antwort1}</font></td>
+    <td align="center">A</td>
+    <td align="center">{|A1L}{|A1L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A1L*Haken}{|A1L}&nbsp;</td>
+  </tr>
+  <tr>
+    <td><font class="{antwort2Status}">{Antwort2}</font></td>
+    <td align="center">B</td>
+    <td align="center">{|A2L}{|A2L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A2L*Haken}{|A2L}&nbsp;</td>
+  </tr>
+{|ThreeRows}{|ThreeRows*Row}
+  <tr>
+    <td><font class="{antwort3Status}">{Antwort3}</font></td>
+    <td align="center">C</td>
+    <td align="center">{|A3L}{|A3L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A3L*Haken}{|A3L}&nbsp;</td>
+  </tr>
+{|ThreeRows*Row}{|ThreeRows}
+</table>
+{|Aufloesung*Antwort}
+{|Aufloesung*Topline}
+<ul id="seitenanfang">
+<li class="left"> </li>
+<li class="right"><a href="#top" title="Nach Oben" alt="Nach Oben">
+<img src="img/oben.gif" alt="Oben" border="0" title="Oben"/></a></li>
+</ul>
+{|Aufloesung*Topline}
+{|Aufloesung}

templates/bogen-fragen.tpl

@@ -0,0 +1,61 @@
+<h1>Prüfungsbogen üben</h1>
+<p><strong>Beantworten Sie alle 40 Fragen innerhalb der Prüfungszeit.</strong></p>
+<p class="no-print">Sie haben mit diesem Fragebogen um {zeit} Uhr begonnen.</p>
+
+<form name="neu" action="{scriptName}" method="post">
+<input type="hidden" name="show" value="bogen" />
+<input type="hidden" name="create" value="1" />
+</form>
+
+<form action="{scriptName}" method="post">
+<input type="hidden" name="show" value="bogen" />
+
+{|Bogen}
+{|Bogen*Frage}
+<table class="fragebkg" cellspacing="1" cellpadding="4">
+  <colgroup>
+    <col width="7%">
+    <col width="30%">
+    <col width="55%">
+    <col width="4%">
+    <col width="4%">
+  </colgroup>
+  <tr>
+    <td rowspan="{rowCnt}" valign="top"><div class="fragenr only-print">{frageIndex}</div><span class="no-print" style="font-weight:bold">{abschnittNr}.{frageNr}</span></td>
+    <td rowspan="{rowCnt}" valign="top">{frageText}</td>
+    <td>{Antwort1}</td>
+    <td align="center">A</td>
+    <td align="center"><input type="checkbox" name="antwort[{frageID}][1]" value="1" /><div class="print-checkbox"></div></td>
+  </tr>
+  <tr>
+    <td>{Antwort2}</td>
+    <td align="center">B</td>
+    <td align="center"><input type="checkbox" name="antwort[{frageID}][2]" value="1" /><div class="print-checkbox"></div></td>
+  </tr>
+{|ThreeRows}{|ThreeRows*Row}        
+  <tr>
+    <td>{Antwort3}</td>
+    <td align="center">C</td>
+    <td align="center"><input type="checkbox" name="antwort[{frageID}][3]" value="1" /><div class="print-checkbox"></div></td>
+  </tr>
+{|ThreeRows*Row}{|ThreeRows}
+</table>
+{|Bogen*Frage}
+{|Bogen*Topline}
+<ul class="seitenanfang">
+<li class="left"> </li>
+<li class="right"><a href="#top" title="Nach Oben" alt="Nach Oben">
+<img src="img/oben.gif" alt="Oben" border="0" title="Oben"/></a></li>
+</ul>
+{|Bogen*Topline}
+{|Bogen}
+
+<table cellspacing="0" cellpadding="4" border="0" width="100%">
+  <tr>
+    <td align="left"><input type="button" value="Neuer Fragenbogen" onClick="neu.submit()"></td>
+    <td align="right"><input type="submit" value="Fertig"></td>
+  </tr>
+</table>
+</form>
+<div class="only-print">Dieser THW-Prüfungsbogen wurde auf http://www.thw-theorie.de/ erstellt.<br/>
+Stand des Fragenkatalogs: {catalogYear}</div>

templates/bogen-start.tpl

@@ -0,0 +1,31 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Prüfungsbogen üben</h1>
+<h2>Einen vollständigen Prüfungsbogen beantworten</h2>
+<p>In diesem Bereich können Sie sich einen vollständigen
+   Prüfungsbogen mit 40 Fragen erzeugen lassen, und diesen dann
+   bearbeiten. Weiterhin wird die Zeit gemessen, die Sie benötigt haben,
+   um den Bogen auszufüllen. Diese sollte möglichst unter 10 Minuten
+   liegen.</p>
+<p>Alle 40 Fragen werden aus dem Curriculum &quot;Grundausbildung der Helfer
+   des THW&quot; entnommen. Es kommt auf dem Bogen zumindest eine Frage je
+   Lernabschnitt vor, die verbleibenden 29 werden aus den übrigen Fragen
+   zufällig ausgewählt, so dass das statistische Verhältnis
+   dem Verhältnis der Anzahl der Fragen in den jeweiligen Lernabschnitten
+   entspricht.</p>
+<p>Bei den meisten Fragen stehen 3 Antworten zur Auswahl (bei wenigen nur 2).
+   Es ist mindestens eine Antwort anzukreuzen, bei einigen Fragen müssen
+   auch mehrere Antworten angekreuzt werden. Die Aufgabe gilt als richtig
+   gelöst, wenn <b>alle</b> zutreffenden Antworten angekreuzt sind.</p>
+<p>Klicken Sie auf die Schaltfläche &quot;Prüfungsbogen
+   erstellen&quot;, um sich einen neuen Bogen erstellen zu lassen.</p>
+   
+<div>&nbsp;</div>
+<form action="{scriptName}" method="post">
+<input type="hidden" name="show" value="bogen" />
+<input type="hidden" name="create" value="1" />
+<table cellspacing="4" cellpadding="2" border="0" width="100%">
+  <tr>
+    <td align="center"><input type="submit" value="Prüfungsbogen erstellen" /></td>
+  </tr>
+</table>
+</form>

templates/datenschutz.tpl

@@ -0,0 +1,45 @@
+<h1>Datenschutzhinweis</h1>
+
+<h2>Personenbezogene Daten</h2>
+<p>Die Nutzung dieses Webangebots ist grundsätzlich ohne Bekanntgabe
+personenbezogener Informationen möglich.<br/>
+Wenn Sie uns eine E-Mail senden, so wird der Inhalt und Ihre E-Mail-Adresse
+ausschließlich für die Korrespondenz mit Ihnen verwendet.</p>
+<p>Die Website erhebt für die Dauer Ihres Besuchs statistische Daten,
+die Sie über den Menüpunkt &quot;Gesamtstatistik&quot; anzeigen können.
+Diese Daten werden automatisch gelöscht, wenn 30 Minuten kein Zugriff mit
+der zugeordneten Sitzungs-ID erfolgt.</p>
+
+<h2>Nutzung von Cookies</h2>
+<p>Cookies sind kleine Textfragmente, die in Ihrem Browser für eine
+bestimmte Zeit gespeichert und mit jedem Seitenaufruf an den Server,
+der die Cookies gesendet hat, zurückgesendet werden. Diese Website
+verwendet Cookies mit folgenden Zwecken und Speicherzeiten:</p>
+<ul>
+<li>Eine eindeutige Sitzungs-ID, die Ihren Browser für die Zeit des
+Seitenbesuchs eindeutig identifiziert. Diese ID wird verwendet, um
+Ihre persönlichen Statistiken für diesen Besuch anzeigen zu können.
+Mit Schließen der Seite (Tab oder Browser) wird der Cookie gelöscht.</li>
+<li>Sofern Sie die Option für den barrierefreien Zugang umgestellt haben,
+wird diese Einstellung in einem Cookie für ein Jahr in Ihrem Browser
+gespeichert. Hierdurch ist jedoch keine Wiedererkennung bei einem
+späteren Besuch möglich.</li>
+</ul>
+<p>Ohne Cookies ist die Nutzung dieser Website nur eingeschränkt möglich.</p>
+
+<h2>Erhebung statistischer Daten</h2>
+<p>Zusätzlich zu den persönlichen Statistikdaten werden richtig oder
+falsch beantwortete Fragen und bestandene sowie nicht bestandene
+Fragebögen gezählt. Diese Daten sind nicht auf einzelne Seitenbesuche
+zurückzuführen.</p>
+
+<p>Bei jedem Zugriff auf den Server werden Daten für statistische
+und Sicherungszwecke gespeichert. Wir erfassen hier lediglich für
+eine begrenzte Zeit die IP-Adresse Ihres Internet Service Providers,
+Datum und Uhrzeit sowie die Website, die Sie bei uns besuchen. Diese
+Daten werden ausschließlich zur Verbesserung unseres Internetdienstes
+genutzt und nicht auf Sie zurückführbar ausgewertet. Wir behalten uns
+jedoch das Recht vor, im Falle von schweren Verstößen gegen unsere
+Nutzungsbedingungen und bei unzulässigen Zugriffen bzw. Zugriffsversuchen
+auf unsere Server unter Zuhilfenahme einzelner Datensätze eine
+Herleitung zu personenbezogenen Daten zu veranlassen.</p>

templates/db-error.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
+<head>
+    <title>THW Basisausbildung: Die Theorieprüung - Datenbank-Fehler</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta http-equiv="Content-Script-Type" content="text/javascript" />
+    <meta name="author" content="Kai Blaschke" />
+    <meta name="description" content="Online-Fragebogen zum Üben der Theoriefragen zur Basisausbildung I (ehem. Grundausbildung) des Technischen Hilfswerks" />
+    <meta name="keywords" content="THW,Technisches Hilfswerk,Theorie,Prüfung,Basisausbildung,Ausbildung,Fragebogen,Online-Prüfung" />
+
+    <meta property="og:title" content="THW-Grundausbildung: Die Theorieprüfung" />
+    <meta property="og:description" content="Online-Fragebogen zum Üben der Theoriefragen der Grundausbildung des Technischen Hilfswerks" />
+    <meta property="og:image" content="/img/og_thumbnail.png" />
+
+    <base href="{baseUrl}" />
+    <link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
+</head>
+<body>
+<table cellspacing="5" cellpadding="2">
+    <tr>
+        <td valign="middle"><img src="img/error.gif"></td>
+        <td valign="middle">
+            Die Datenbankverbindung konnte nicht hergestellt werden.
+            Falls dieser Fehler über einen längeren Zeitraum auftritt, senden Sie bitte eine
+            eMail an den <a href="mailto:webmaster@thw-theorie.de">Webmaster</a>.
+        </td>
+    </tr>
+</table>
+</body>
+</html>

templates/home.tpl

@@ -0,0 +1,102 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Die
+    <acronym title="Bundesanstalt Technisches Hilfswerk">THW</acronym>-Theoriepr&uuml;fung</h1>
+<h2>Herzlich willkommen!</h2>
+
+<p>Auf diesen Seiten haben angehende THW-Helfer die M&ouml;glichkeit, alle
+    theoretischen Fragen des schriftlichen Teils der Grundausbildungs-Pr&uuml;fung zu lernen und zu &uuml;ben.</p>
+
+<script type="text/javascript" src="socialshareprivacy/jquery.socialshareprivacy.js"></script>
+<script type="text/javascript">
+    jQuery(document).ready(function ($) {
+        if ($('#socialshareprivacy').length > 0) {
+            $('#socialshareprivacy').socialSharePrivacy({
+                css_path: 'socialshareprivacy/socialshareprivacy/socialshareprivacy.css',
+                uri: 'http://www.thw-theorie.de/',
+                services: {
+                    facebook: {
+                        'dummy_img': 'socialshareprivacy/socialshareprivacy/images/dummy_facebook.png'
+                    },
+                    twitter: {
+                        'dummy_img': 'socialshareprivacy/socialshareprivacy/images/dummy_twitter.png'
+                    },
+                    gplus: {
+                        'dummy_img': 'socialshareprivacy/socialshareprivacy/images/dummy_gplus.png'
+                    }
+                }
+            });
+        }
+    });
+</script>
+<div id="socialshareprivacy"></div>
+<div class="rubrik"><span>Neuigkeiten</span></div>
+
+<h2>Aktualisierte Fragen</h2>
+<p>Die Änderungen aus dem zweiten Änderungsdienst der DV 2-220 vom Dezember 2014 sind in den Fragenkatalog
+    eingeflossen. Konkret haben sich nur die Fragen 12, 19 und 42 aus dem ersten Themenabschnitt und
+    kleinere Passagen der Prüfungsordnung gändert.</p>
+<p>Zusätzlich zu den aktualisierten Daten lassen sich die Zufallsfragen jetzt bequem mit der Tastatur beantworten.
+    Die Antworten A-C können mit den Zahlentasten 1-3 aus- oder abgewählt werden, und die Leer- oder Eingabetaste
+    sendet das Formular ab.</p>
+<p>Die Offline-Version ist ebenfalls aktualisiert, und beinhaltet auch die technischen Änderungen der Online-Version.
+    Das Datenupdate-Paket installiert die neuen Datenbanken und die geänderten Skriptdateien.</p>
+<p><i>(26.02.2015, Kai Blaschke)</i></p>
+
+<h2>Verbesserungen in der Benutzbarkeit</h2>
+<p>Neben einigen internen Änderungen habe ich das Darstellung der Website auf Bildschirmen mit höherer Auflösung sowie
+    die Druckausgabe ein wenig überarbeitet. Konkret ist die Schrift nun etwas größer, und
+    der Seiteninhalt streckt sich nicht mehr auf die gesamte Bildschirmbreite.</p>
+<p>Die Druckansicht beinhaltet jetzt nur noch
+    den eigentlichen Seiteninhalt, reduziert auf die nötigen Elemente und für einen S/W-Ausdruck optimierte Farben.
+    Insbesondere die Prüfungsbögen lassen sich jetzt so drucken, dass diese auch für eine schriftliche Übung
+    verwendet werden können. Ein einzelner Frageblock wird auch nicht mehr auf zwei Seiten verteilt.</p>
+<p><i>(24.09.2014, Kai Blaschke)</i></p>
+
+<h2>Fragenkatalog 2014: Überarbeitete Fragen und Antworten</h2>
+<p>Die Änderungen aus dem ersten Änderungsdienst sind nun in der Online-Version enthalten. Der
+    Fragenkatalog entspricht jetzt der Version 2.1 (<a href="{scriptName}?jahr=2014" title="Zum Fragenkatalog 2014">Stand März 2014</a>) der Prüfungsvorschrift.</p>
+<p><strong>Update:</strong> Die <a href="/downloads.html">Offline-Version</a> ist nun auch
+    aktualisiert, und enthält nun auf vielfachen Wunsch wieder den optional wählbaren
+    <a href="{scriptName}?jahr=2007" title="Zum Fragenkatalog 2007">Fragenkatalog 2007</a>.</p>
+<p><i>(06.05.2014, Kai Blaschke)</i></p>
+
+<h2>Zugangshilfe für Besucher mit Rot-Grün-Sehschwäche</h2>
+<p>Da einige Besucher mit Rot-Grün-Sehschwäche große Probleme hatten,
+    die farblichen Hervorhebungen zu unterscheiden, und somit beim
+    Beantworten der Fragen nicht erkennen konnten, welche Antworten tatsächlich
+    richtig oder falsch waren, habe ich einen zusätzlichen Seitenstil hinzugefügt.
+    Der Stil verstärkt den Farbkontrast, und versieht die entsprechenden Texte mit einem
+    zusätzlichen X-/Haken-Symbol mit einer größeren Farbfläche. Der Stil kann einfach
+    über die Seite "<a href="barrierefreiheit.html">Barrierefreiheit</a>"
+    oben rechts im Service-Menü umgeschaltet werden.</p>
+<p><i>(27.05.2009, Kai Blaschke)</i></p>
+
+<div>&nbsp;</div>
+<div class="rubrik"><span>Seiten-Statistiken</span></div>
+
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" style="width:500px;">
+    <tr>
+        <td valign="top">Fragen bisher beantwortet:</td>
+        <td valign="top">{statsFragen}</td>
+    </tr>
+    <tr>
+        <td valign="top">&nbsp;&nbsp;<font color="#008000">Davon richtig:</font></td>
+        <td valign="top"><font color="#008000">{statsFragenRichtig}</font></td>
+    </tr>
+    <tr>
+        <td valign="top">&nbsp;&nbsp;<font color="#800000">Davon falsch:</font></td>
+        <td valign="top"><font color="#800000">{statsFragenFalsch}</font></td>
+    </tr>
+    <tr>
+        <td valign="top">Pr&uuml;fungsb&ouml;gen bisher beantwortet:</td>
+        <td valign="top">{statsBoegen}</td>
+    </tr>
+    <tr>
+        <td valign="top">&nbsp;&nbsp;<font color="#008000">Davon bestanden:</font></td>
+        <td valign="top"><font color="#008000">{statsBoegenRichtig}</font></td>
+    </tr>
+    <tr>
+        <td valign="top">&nbsp;&nbsp;<font color="#800000">Davon durchgefallen:</font></td>
+        <td valign="top"><font color="#800000">{statsBoegenFalsch}</font></td>
+    </tr>
+</table> 

templates/impressum.tpl

@@ -0,0 +1,37 @@
+<h1>Impressum</h1>
+<h2>Verantwortlich für den Inhalt dieser Seite nach § 6 TDG / § 6 MDStV:</h2>
+
+<div height="30px">&nbsp;</div>
+
+<p><b>Kai Blaschke</b><br />
+Herderstraße 42<br />
+42327 Wuppertal<br />
+E-Mail: <a href="mailto:webmaster@thw-theorie.de">webmaster@thw-theorie.de</a><br />
+Telefon: 0202 / 980 56 30<br /><br />
+<a href="http://www.thw-solingen.de" target="_blank"
+title="Homepage des THW-Ortsverbandes Solingen (in neuem
+Fenster)">Ortsverband Solingen</a><br />
+FGr Wasserschaden / Pumpen</p>
+
+<p><b>Ich bin nicht</b> für den Inhalt und/oder die Gestaltung der Homepage des Ortsverbandes
+Solingen verantwortlich. Wenden Sie sich dazu bitte per E-Mail an die Öffentlichkeitsarbeit
+des OV Solingen: <a href="mailto:oeffarbeit@thw-solingen.de"
+title="OeffArbeit@thw-solingen.de">OeffArbeit@thw-solingen.de</a>.</p>
+
+<div height="30px">&nbsp;</div>
+<h2>Sonstige Hinweise</h2>
+
+<p><b>Linksetzung auf diese Homepage</b><br />
+Um einen Link auf diese Internetseite setzen zu dürfen, bedarf es keiner gesonderten
+Genehmigung. Da das World Wide Web auf dem Prinzip der gegenseitigen Verlinkung
+aufbaut, wäre ein Verlinkungsverbot kontraproduktiv und außerdem vor
+Gericht nicht durchsetzbar.</p>
+
+<p>Diese Homepage ist ein privates Projekt. Der verwendete Fragenkatalog entspricht
+dem offiziellen Prüfungsfragenkatalog der Bundesanstalt THW. Ich stelle diese
+Informationen kostenlos zur freien Verfügung ins Internet, und bin somit
+nach BGB nicht für Fehler und Falschangaben haftbar zu machen, die zu
+negativen Konsequenzen für den Besucher führen könnten.
+Sollte Ihnen auffallen, dass eine Frage hier nicht korrekt wiedergegeben ist,
+kontaktieren Sie mich bitte per E-Mail!</p>
+

templates/offline.tpl

@@ -0,0 +1,44 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Offline-Version</h1>
+<h2>Jetzt können Sie die Theoriefragen auch ohne Internetverbindung lernen!</h2>
+
+<p>Aufgrund vieler Nachfragen nach einer Offline-Version dieser Seite können Sie hier
+ein Installationsprogramm beziehen, mit dem Sie diese Website auf Ihrem PC installieren und benutzen können.
+Da in dem Paket alles Nötige enthalten ist, um die Seite auf Ihrem PC anzuzeigen,
+benötigen Sie zur Benutzung keine aktive Internetverbindung.</p>
+
+<p><strong>Wichtiger Hinweis:</strong> Das Installationsprogramm sowie der Inhalt der Offline-Version wird
+leider immer wieder von diversen Antiviren-Programmen als Malware erkannt, da das Programm
+einen eigenen Webserver enthält (<a href="https://www.lighttpd.net/">Lighttpd</a>) und die Setup-Software (NSIS)
+aufgrund ihrer sehr geringen Größe gerne für Malware-Installationen genutzt wird.
+Ich kann versichern, dass das Programm keine schädlichen Inhalte enthält, nachlädt oder
+&quot;nach Hause telefoniert&quot;.</p>
+
+<p style="padding-left: 100px;"><a href="downloads/THW-Theorie-Setup.exe"><img src="img/offline_download.png" width="250" height="60" alt="Offline-Version jetzt herunterladen" /></a><br/>
+&raquo; <a href="downloads/THW-Theorie-Update.exe">Update herunterladen</a> (200 KB)</p>
+<p>Datenstand Update und Vollversion: <strong>16.05.2014</strong>, Kataloge 2007 und 2014</p>
+
+<h2>Systemvoraussetzungen</h2>
+<p>Die Offline-Version läuft unter allen Windows-Betriebssystemen ab Windows 2000.</p>
+
+<h2>Installationshinweise</h2>
+<p>Das Installationsprogramm installiert alle nötigen Komponenten automatisch,
+Sie werden lediglich nach einem Zielorder gefragt. Einige Personal Firewalls
+schlagen möglicherweise Alarm, dass ein Serverdienst das TCP-Port 9999 öffnen
+möchte - erlauben Sie dies, sonst wird das Programm nicht funktionieren.</p>
+
+<p>Das Update funktioniert nur, wenn Sie bereits die vollständige Version von
+THW Theorie installiert haben. Die hier angebotene vollständige Version ist
+immer auf dem aktuellen Stand, wenn Sie also eine Neuinstallation vornehmen,
+benötigen Sie lediglich das Komplettpaket.</p>
+
+<p>Die Software bestehe aus einem sog. "Serverprozess", der in einer DOS-Box läuft,
+sowie einem Browserfenster, in dem die Adresse "http://localhost:9999" geöffnet ist.
+Um das Programm zu beenden, schließen Sie einfach beide Fenster. Zum Starten
+verwenden Sie bitte den entsprechenden Eintrag im Startmenü.</p>
+
+<p>Diese Software wird als "AS-IS" ausgeliefert. Das bedeutet, dass ich,
+Kai Blaschke, als Autor des Programms keinerlei Garantie für eine korrekte und
+fehlerfreie Funktionsweise übernehme. Auch wenn ich alle möglichen Vorkehrungen
+getroffen habe, um Schäden und Datenverluste auszuschließen, erfolgt der Betrieb der
+Software auf eigene Gefahr und Verantwortung.</p>

templates/ordnung.tpl

@@ -0,0 +1,527 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>THW Dienstvorschrift 2-220 - Prüfungsvorschrift Grundausbildung</h1>
+<h2>Stand: August 2013</h2>
+
+<p>
+<ul style="list-style-type: none; margin-left: 0; padding-left: 0">
+    <li><a href="#t1">1. Prüfungszweck</a></li>
+    <li><a href="#t2">2. Personal bei der Abschlussprüfung</a></li>
+    <li style="margin-left: 20px"><a href="#t2-1">2.1. Prüfungsleiter/in</a></li>
+    <li style="margin-left: 20px"><a href="#t2-2">2.2. Prüfer/in</a></li>
+    <li style="margin-left: 20px"><a href="#t2-3">2.3. Stationshelfer/in</a></li>
+    <li style="margin-left: 20px"><a href="#t2-4">2.4. Prüfungskommission</a></li>
+    <li><a href="#t3">3. Zulassung zur Abschlussprüfung</a></li>
+    <li><a href="#t4">4. Durchführung der Abschlussprüfung</a></li>
+    <li style="margin-left: 20px"><a href="#t4-1">4.1. Organisation</a></li>
+    <li style="margin-left: 20px"><a href="#t4-2">4.2. Prüfungsablauf</a></li>
+    <li style="margin-left: 20px"><a href="#t4-3">4.3. Belehrung der Prüfungsteilnehmenden</a></li>
+    <li style="margin-left: 20px"><a href="#t4-4">4.4. Schriftliche Prüfung</a></li>
+    <li style="margin-left: 20px"><a href="#t4-5">4.5. Praktische Prüfung</a></li>
+    <li style="margin-left: 20px"><a href="#t4-6">4.6. Kombinationsprüfung Grundausbildung und Leistungsabzeichen Gold</a></li>
+    <li style="margin-left: 20px"><a href="#t4-7">4.7. Ausschluss von der Abschlussprüfung</a></li>
+    <li style="margin-left: 20px"><a href="#t4-8">4.8. Bekanntgabe der Prüfungsergebnisse</a></li>
+    <li style="margin-left: 20px"><a href="#t4-9">4.9. Wiederholung der Abschlussprüfung</a></li>
+    <li style="margin-left: 20px"><a href="#t4-10">4.10. Aufbewahrung der Prüfungsunterlagen</a></li>
+    <li><a href="#t5"><strong>5. Schlussbestimmung</strong></a></li>
+</ul>
+</p>
+
+<table cellspacing="0" cellpadding="5" border="0">
+<tr>
+    <td>
+        <b>1.</b>
+    </td>
+    <td>
+        <a name="t1"></a><strong>Prüfungszweck</strong>
+    </td>
+</tr>
+<tr>
+    <td>
+        &nbsp;
+    </td>
+    <td>
+        <p>Die Abschlussprüfung der Grundausbildung dient zur Feststellung der erworbenen
+            Kompetenzen, Kenntnisse und Fertigkeiten der Helfer/innen (He) gemäß den Vorgaben
+            der Curricula Grundausbildung und Angepasste Grundausbildung.</p>
+
+        <p>Die Prüfer/innen für die Grundausbildung stellen den Ausbildungs- und Lernerfolg fest.</p>
+    </td>
+</tr>
+<tr>
+    <td colspan="2">
+        {~topLine}
+    </td>
+</tr>
+<tr>
+    <td>
+        &nbsp;
+    </td>
+    &nbsp;
+    </td>
+</tr>
+<tr>
+    <td>
+        <b>2.</b>
+    </td>
+    <td>
+        <a name="t2"></a><strong>Personal bei der Abschlussprüfung</strong>
+    </td>
+</tr>
+<tr>
+    <td>
+        &nbsp;
+    </td>
+    <td>
+        <p>Im Folgenden wird das benötigte Personal für die Abschlussprüfung Grundausbildung
+            mit seinen Aufgaben beschrieben.</p>
+
+        <p><a name="t2-1"></a><strong>2.1. Prüfungsleiter/in</strong></p>
+
+        <p>Der/die Prüfungsleiter/in handelt im Auftrag des/der Landesbeauftragten (LB) und ist für
+            die ordnungsgemäße Abwicklung der Prüfung, die Einhaltung der Unfallverhütungs- und
+            Arbeitsschutzvorschriften sowie den allgemeinen Sicherheits- und Gesundheitsschutz
+            auf dem Prüfungsgelände verantwortlich.</p>
+
+        <p>Er/Sie ist gegenüber allen bei der Prüfung eingesetzten Kräften weisungsbefugt. Prüfungsleiter/innen dürfen
+            He ihres eigenen OV nicht prüfen.</p>
+
+        <p>In jedem Geschäftsführerbereich (GFB) sind mindestens zwei Prüfungsleiter/innen zu
+            berufen. Die Tätigkeit als Prüfungsleiter/in Grundausbildung wird als Zusatzfunktion
+            wahrgenommen. Die Voraussetzungen für die Ausübung dieser Tätigkeit sind in der
+            entsprechenden Funktionsbeschreibung in der Stärke und Ausstattungsnachweisung
+            (StAN) OV in der jeweils gültigen Fassung geregelt.</p>
+
+        <p><a name="t2-2"></a><strong>2.2. Prüfer/in</strong></p>
+
+        <p>In jedem Ortsverband ist mindestens ein/eine Prüfer/in Grundausbildung vorzusehen.
+            Die Tätigkeit als Prüfer/in Grundausbildung wird als Zusatzfunktion wahrgenommen. Die
+            Voraussetzungen für die Ausübung dieser Tätigkeit sind in der entsprechenden Funkti-
+            onsbeschreibung in der StAN OV in der jeweils gültigen Fassung geregelt.
+
+        <p>2.2.1. Prüfer/in Theorie</p>
+
+        <p>Der/die Prüfer/in Theorie ist für den ordnungsgemäßen Ablauf der schriftlichen Prüfung
+            zuständig.</p>
+
+        <p>Er/Sie gibt die Frage- und Auswertungsbögen aus, achtet auf Einhaltung der maximal
+            zulässigen Bearbeitungszeit, sammelt alle ausgegebenen Unterlagen ein und händigt
+            diese der Prüfungskommission aus.</p>
+
+        <p>2.2.2. Prüfer/in Praxis</p>
+
+        <p>Der/die Prüfer/in Praxis ist für die praktische Prüfung und Bewertung der Prüflinge an
+            seiner/ihrer Station zuständig. Er/Sie ist für den ordnungsgemäßen Ablauf der Prüfung,
+            die Einhaltung der Unfallverhütungsvorschriften und die allgemeine Sicherheit und Ordnung an der Station
+            verantwortlich.</p>
+
+        <p>2.2.3. Berechtigte Person für die Abnahme Leistungsabzeichen Stufe Gold</p>
+
+        <p>Siehe <a href="#dv2-220-PvGA-Anlage6-5_2-5">2.5</a> in der Richtlinie für die Abnahme des Leistungsabzeichens
+            der
+            THW-Jugend in der jeweils gültigen Fassung</p>
+
+        <p><a name="t2-3"></a><strong>2.3. Stationshelfer/in</strong></p>
+
+        <p>Der/die Stationshelfer/in unterstützt den/die Prüfer/in Praxis bei der Durchführung der
+            praktischen Prüfung an der Station. Er/Sie unterstützt den Prüfling auf dessen Anforderung durch allgemeine
+            Hilfestellung bei der Durchführung von Aufgaben, die durch den
+            Prüfling alleine nicht gelöst werden können. Er/Sie darf dabei nicht in den zu prüfenden
+            Arbeitsablauf eingreifen.</p>
+
+        <p><a name="t2-4"></a><strong>2.4. Prüfungskommission</strong></p>
+
+        <p>Zur Durchführung der Prüfung wird durch die Dienststelle des/der Landesbeauftragten
+            (LB-Dst) bzw. die beauftragte Geschäftsstelle (GSt) eine Prüfungskommission eingesetzt.
+        </p>
+
+        <p>Die Prüfungskommission besteht aus dem/der Prüfungsleiter/in und mindestens zwei
+            weiteren Prüfenden.</p>
+
+        <p>Bei Unstimmigkeiten und Unklarheiten während der Prüfung tritt die Prüfungskommission zur
+            Entscheidungsfindung zusammen. Soweit die Prüfungskommission zu keiner
+            Mehrheitsentscheidung findet, gibt die Stimme des/der Prüfungsleiters/in den Ausschlag.</p>
+
+        <p>Die Prüfungskommission teilt die Prüfenden für die schriftliche Prüfung und die praktische Prüfung ein.
+            Findet eine kombinierte Abschlussprüfung Grundausbildung und Abnahme des Leistungsabzeichens der Stufe Gold
+            statt, teilt die Prüfungskommission auch hier die abnahmeberechtigten Personen ein.</p>
+    </td>
+</tr>
+<tr>
+    <td>
+        <b>3.</b>
+    </td>
+    <td>
+        <a name="t3"></a><strong>Zulassung zur Abschlussprüfung</strong>
+    </td>
+</tr>
+<tr>
+    <td>
+        &nbsp;
+    </td>
+    <td>
+        <p>Der/die He ist zur Prüfung zuzulassen, wenn er/sie gemäß den Vorgaben des Curriculums Grundausbildung
+            ausgebildet wurde und der Leistungsstand eine erfolgreiche Teilnahme an der Abschlussprüfung erwarten
+            lässt.</p>
+
+        <p><strong>Der/die He muss das 16. Lebensjahr vollendet haben. Der Statuswechsel vom/von
+            der Junghelfer/-in zum/zur He erfolgt automatisch mit dem vollendeten 18. Lebensjahr.</strong></p>
+
+        <p>Die Entscheidung über die Zulassung zur Abschlussprüfung trifft der/die Ausbildungsbeauftragte des/der He im
+            Einvernehmen mit dem/der stv. Ortsbeauftragten. Er/Sie meldet den/die He bei der GSt zur Prüfung an.</p>
+
+        <p>Soweit vorhanden, ist bereits mit der Anmeldung der Nachweis der Erste-Hilfe-Ausbildung (acht Doppelstunden)
+            vorzulegen. Der Nachweis darf nicht älter als zwei Jahre sein. Ist dies nicht möglich, so muss der Nachweis
+            der Prüfungskommission spätestens vor Beginn der praktischen Prüfung vorgelegt werden, ansonsten darf der
+            Prüfling nicht an der praktischen Prüfung teilnehmen.</p>
+
+    </td>
+</tr>
+<tr>
+    <td colspan="2">
+        {~topLine}
+    </td>
+</tr>
+<tr>
+    <td>
+        &nbsp;
+    </td>
+    <td>
+        &nbsp;
+    </td>
+</tr>
+<tr>
+    <td>
+        <b>4.</b>
+    </td>
+    <td>
+        <a name="t4"></a><strong>Durchführung der Abschlussprüfung</strong>
+    </td>
+</tr>
+<tr>
+    <td>
+        &nbsp;
+    </td>
+    <td>
+        <p><a name="t4-1"></a><strong>4.1. Organisation</strong></p>
+
+        <p>Die Durchführung der Prüfung liegt in der Organisationshoheit des/der LB. Die Aufgaben können ganz oder
+            teilweise an die GSt oder den/die Prüfungsleiter/in delegiert werden.</p>
+
+        <p>Durch den/die LB bzw. die beauftragte GSt müssen</p>
+        <ul>
+            <li>der/die Prüfungsleiter/in,</li>
+            <li>die Prüfer/innen (einschließlich Reserve),</li>
+            <li>die Prüfungsaufgaben für die Prüfungsteile<sup><a href="#footnote-1">[1]</a></sup>, in Abstimmung mit
+                dem/der Prüfungsleiter/in
+            </li>
+        </ul>
+        <p>rechtzeitig festgelegt werden.</p>
+
+        <p>Für die organisatorische Vorbereitung zur Durchführung der Prüfung ist der ausrichtende OV zuständig.</p>
+
+        <p>Dieser hat insbesondere sicherzustellen, dass das gemäß Liste<sup><a href="#footnote-2">[2]</a></sup>
+            bereitzustellende Material und Gerät sowie weitere zusätzliche Schutzausstattung für Prüfer/Prüferinnen und
+            Stationshelfer/Stationshelferinnen vollzählig, einsatzbereit und stationsbezogen gegliedert vorhanden ist.
+            Es ist nur geprüftes Material zu verwenden.</p>
+
+        <p>Weiterhin hat er sicherzustellen, dass genügend Fläche für die praktische Prüfung sowie folgend aufgeführte
+            Räumlichkeiten zur Verfügung stehen:</p>
+        <ul>
+            <li>ein Raum für die Prüfungskommission,</li>
+            <li>ein Raum für die schriftliche Prüfung, der auch als Bereitstellungs- und Verpflegungsraum genutzt werden
+                kann.
+            </li>
+        </ul>
+        <p>Der ausrichtende OV hat zu gewährleisten, dass für die praktische Prüfung jedem/jeder Prüfer/in Praxis
+            ein/eine Stationshelfer/in zur Verfügung steht.</p>
+
+        <p>Sind diese Voraussetzungen nicht erfüllt, ist der/die Prüfungsleiter/in gehalten, bis zu deren Regulierung
+            die Prüfung auszusetzen oder gegebenenfalls die Prüfung abzubrechen.</p>
+
+        <p>Alle Prüflinge und Prüfenden haben die vollständige Einsatzkleidung (Multifunktionsanzug) und zusätzliche
+            persönliche Schutzausstattung (Helm, Einsatzschuhe, Schutzhandschuhe<sup><a href="#footnote-3">[3]</a></sup>
+            ) mitzuführen. Unvollständige Einsatzbekleidung und persönliche Schutzausstattung führt bei Prüflingen zum
+            Ausschluss vom praktischen Prüfungsteil.</p>
+
+        <p>Prüfungsleiter/innen und Prüfer/innen müssen sich ihrer Vorbildfunktion gegenüber den Prüflingen bewusst
+            sein.</p>
+
+        <p>Junghelfer/innen können bei der Teilnahme an der Abschlussprüfung zur Grundausbildung alternativ auch die
+            persönliche Schutzausstattung der Jugend (Jugendanzug, Einsatzschuhe, Helm und Schutzhandschuhe<sup><a
+                        href="#footnote-4">[4]</a></sup>) tragen.</p>
+
+        <p><a name="t4-2"></a><strong>4.2. Prüfungsablauf</strong></p>
+
+        <p>Die Prüfung besteht aus einem schriftlichen und einem praktischen Teil, die unabhängig voneinander bewertet
+            werden. He, die mit der Prüfung eine Angepasste Grundausbildung abschließen wollen, müssen nur den
+            schriftlichen Prüfungsteil absolvieren.</p>
+
+        <p>Aus dem Katalog der Fragen und Aufgaben dieser Dienstvorschrift werden die Prüfungsaufgaben zusammengestellt.
+            Diese umfassen eine Themenauswahl aus allen Lernabschnitten<sup><a href="#footnote-5">[5]</a> für alle
+                Prüfungsteile. Diese sind in ihren Aufgaben festgelegt und dürfen nicht abgeändert werden.</p>
+
+        <p><a name="t4-3"></a><strong>4.3. Belehrung der Prüfungsteilnehmenden</strong></p>
+
+        <p>Vor Beginn der Prüfung sind die Prüflinge durch den/die Prüfungsleiter/in darauf hinzuweisen, dass bei
+            Abbruch der Prüfung durch den Prüfling oder bei Ausschluss wegen Täuschungsversuches die Prüfung als nicht
+            bestanden gewertet wird.</p>
+
+        <p>Des Weiteren sind alle He nochmals über die Notwendigkeit in der Anwendung der aktuellen Hygienevorschriften
+            und Arbeitsschutzregeln zu unterweisen.</p>
+
+        <p>Wenn ein/eine He eine Lese-/Rechtschreibschwäche (Legasthenie) hat, ist ihm/ihr die Möglichkeit zu geben,
+            dieses dem/der Prüfungsleiter/in in einem Einzelgespräch mitzuteilen. Zum Ablauf des schriftlichen
+            Prüfungsteils, s. 4.4.1.</p>
+
+        <p>Abschließend sind alle Prüflinge zu fragen, ob sie sich in der Lage fühlen, an der bevorstehenden Prüfung
+            teilzunehmen.</p>
+
+        <p><a name="t4-4"></a><strong>4.4. Schriftliche Prüfung</strong></p>
+
+        <p>4.4.1. Durchführung und Bewertung</p>
+
+        <p>Der schriftliche Teil besteht aus der Beantwortung von insgesamt 40 Fragen. Bei einzelnen Fragen können auch
+            mehrere Antworten richtig sein (Mehrfachauswahl).</p>
+
+        <p>Die Prüfungsdauer beträgt 30 Minuten und erfolgt unter Aufsicht des/der Prüfers/in Theorie.</p>
+
+        <p>Der schriftliche Prüfungsteil gilt als bestanden, wenn mindestens 80 % (32 von 40 Fragen) richtig beantwortet
+            wurden. Eine Frage mit mehreren Antwortmöglichkeiten gilt nur dann als richtig beantwortet, wenn <strong>alle</strong>
+            richtigen Antworten angekreuzt wurden.</p>
+
+        <p>Bei He mit einer Lese-/Rechtschreibschwäche wird die Prüfung der vorgegebenen Fragen in mündlicher Form,
+            unter Ausschluss der übrigen Prüfungsteilnehmenden, durchgeführt. Hierbei müssen zwei Prüfer/innen anwesend
+            sein (Vier-Augen-Prinzip).</p>
+
+        <p>Nach Auswertung der Fragebögen ist dem Prüfling auf Wunsch Einsicht in die Unterlagen zu gewähren. Falsch
+            beantwortete Fragen sind mit einem Mitglied der Prüfungskommission zu besprechen.</p>
+
+        <p>4.4.2. Ermittlung der Ergebnisse</p>
+
+        <p>Der Prüfling beantwortet auf dem Auswertungsbogen die Fragen des zugehörigen Fragebogens. Der/die
+            Prüfungsleiter/in oder ein Mitglied der Prüfungskommission wertet unter Verwendung des jeweiligen
+            Lösungsbogens die Antworten aus.</p>
+
+        <p><a name="t4-5"></a><strong>4.5. Praktische Prüfung</strong></p>
+
+        <p>4.5.1. Durchführung und Bewertung</p>
+
+        <p>Die praktische Prüfung umfasst 24 Aufgaben, die an verschiedenen Stationen geprüft werden. Der Mehrfachaufbau
+            von Stationen ist zulässig. Die Prüflinge haben die gestellten Aufgaben einzeln zu lösen.</p>
+
+        <p>Abhängig von der Anzahl der Prüflinge ist jede Station mit mindestens einem/einer Prüfer/in Praxis und
+            einem/einer Stationshelfer/in zu besetzen. Der/die Prüfer/in hat die vorgegebene Prüfungsaufgabe den
+            einzelnen Prüfungsteilnehmenden vorzulesen.</p>
+
+        <p>Die praktische Prüfung gilt als bestanden, wenn mindestens 80 % (19 von 24 Aufgaben) gelöst wurden. Die
+            jeweiligen Bewertungs- (definierte Mindestpunktzahl) und Zeitvorgaben der Einzelaufgaben müssen erfüllt
+            sein. Enthalten die Aufgaben Pflichtfelder (in den Prüfungsaufgaben als &#9744; Kästchen-Fragen markiert)
+            müssen diese alle richtig gelöst worden sein.</p>
+
+        <p>Nachdem alle Aufgaben geprüft worden sind, hat ein Mitglied der Prüfungskommission auf Wunsch des Prüflings
+            alle nicht bestandenen Aufgaben zu besprechen.</p>
+
+        <p>4.5.2. Ermittlung der Ergebnisse</p>
+
+        <p>Im praktischen Prüfungsteil werden dem Prüfling auf den einzelnen Stationen praktische Aufgaben gestellt,
+            deren Lösungen anhand der Stationsprüfbögen durch den/die Prüfer/in Praxis bewertet werden.</p>
+
+        <p><a name="t4-6"></a><strong>4.6. Kombinationsprüfung Grundausbildung und Leistungsabzeichen Gold</strong></p>
+
+        <p>Siehe <a href="#dv2-220-PvGA-Anlage6-5_3-4">3.4</a> in der Richtlinie für die Abnahme des Leistungsabzeichens
+            der THW-Jugend in der jeweils gültigen Fassung.</p>
+
+        <p><a name="t4-7"></a><strong>4.7. Ausschluss von der Abschlussprüfung</strong></p>
+
+        <p>Bei vom/von der He zu verantwortenden Pflichtverletzungen während der jeweiligen Prüfungsteile, insbesondere
+            bei Täuschungsversuchen, ist der Prüfling durch die entsprechenden Prüfer/innen zunächst vom Fortgang der
+            Prüfung auszuschließen und der Prüfungskommission mit schriftlichem Vermerk zu überstellen. Die Entscheidung
+            über den endgültigen Ausschluss trifft die Prüfungskommission. Hierzu ist ein Bericht zu erstellen und den
+            Prüfungsunterlagen beizufügen.</p>
+
+        <p><a name="t4-8"></a><strong>4.8. Bekanntgabe der Prüfungsergebnisse</strong></p>
+
+        <p>Im Anschluss an die Prüfung gibt der/die Prüfungsleiter/in den Prüflingen das Ergebnis einzeln bekannt.
+            Prüflingen, die nicht bestanden haben, ist das Ergebnis in Einzelgesprächen mitzuteilen und auf Wunsch zu
+            erläutern.</p>
+
+        <p>Dem Prüfling wird am Prüfungstag eine Urkunde über die bestandene Abschlussprüfung ausgehändigt. Hierzu ist
+            ein dem Anlass entsprechender, würdiger Rahmen zu wählen.</p>
+
+        <p><a name="t4-9"></a><strong>4.9. Wiederholung der Abschlussprüfung</strong></p>
+
+        <p>Die Abschlussprüfung kann in allen Teilen vollständig wiederholt werden. Der nicht bestandene Prüfungsteil
+            soll möglichst innerhalb einer Frist von <strong>drei</strong> Monaten wiederholt werden.</p>
+
+        <p>Nachprüfungen am Prüfungstag sind nicht zulässig.</p>
+
+        <p>Es ist nur eine Wiederholungsprüfung zulässig. Wenn auch die Wiederholung nicht zum Erfolg führt, muss bei
+            ordnungsgemäß durchgeführter Ausbildung die Eignung des/der Helfer/in zum Einsatzdienst verneint werden. In
+            der Folge wird ihm/ihr die Einsatzbefähigung nicht zugesprochen.</p>
+
+        <p><a name="t4-10"></a><strong>4.10. Aufbewahrung der Prüfungsunterlagen</strong></p>
+
+        <p>Der Auswertungsbogen wird in die Akte des/der He im OV übernommen.</p>
+
+        <p>Das Bestehen der Abschlussprüfung ist entsprechend in THWin einzutragen.</p>
+
+        <p>Folgende Prüfungsunterlagen sind vom/von der Prüfungsleiter/in unmittelbar nach der Abschlussprüfung unter
+            Verschluss zu nehmen und dem/der Vertreter/in der LB-Dst bzw. der beauftragten GSt zu übergeben:</p>
+        <ul>
+            <li>Fragebögen und Lösungsbögen,</li>
+            <li>Stationsprüfbögen der praktischen Prüfung,</li>
+            <li>Formblatt &quot;Ergebnis der Abschlussprüfung&quot;<sup><a href="#footnote-6">[6]</a></li>
+        </ul>
+        <p>Die Prüfungsunterlagen sind in der LB-Dst bzw. in der beauftragten GSt in geeigneter Form zwei Jahre
+            aufzubewahren.</p>
+
+        <p><i>Fußnoten:<br/>
+                <a name="footnote-1">1</a>: Bei gleichzeitiger Durchführung der kombinierten Prüfung sind auch die
+                zusätzlichen Prüfungsteile für die Abnahme des Leistungsabzeichens der Stufe Gold festzulegen.<br/>
+                <a name="footnote-2">2</a>: Siehe Anlage 6.6.5. DV 2-220 PvGA<br/>
+                <a name="footnote-3">3</a>: THW Einsatzhandschuhe und THW Arbeitshandschuhe aus Leder mit Stulpe<br/>
+                <a name="footnote-4">4</a>: THW Einsatzhandschuhe und THW Arbeitshandschuhe aus Leder mit Stulpe<br/>
+                <a name="footnote-5">5</a>: Beim schriftlichen Prüfungsteil zur Angepassten Grundausbildung erfolgt die
+                Auswahl der Fragen aus den relevanten Lernabschnitten.<br/>
+                <a name="footnote-6">6</a>: Siehe Anlage 6.6.3. DV 2-220 PvGA<br/>
+            </i>
+        </p>
+    </td>
+</tr>
+<tr>
+    <td colspan="2">
+        {~topLine}
+    </td>
+</tr>
+<tr>
+    <td>
+        &nbsp;
+    </td>
+    <td>
+        &nbsp;
+    </td>
+</tr>
+<tr>
+    <td>
+        <b>5.</b>
+    </td>
+    <td>
+        <a name="t5"></a><strong>Schlussbestimmung</strong>
+    </td>
+</tr>
+<tr>
+    <td>
+        &nbsp;
+    </td>
+    <td>
+        <p>Die THW Dienstvorschrift 2-220 Prüfungsvorschrift Grundausbildung (THW DV 2-220 PvGA) nebst Anlagen tritt zum
+            01.10.2013 bis auf weiteres in Kraft.</p>
+
+        <p>Alle Vorgängerversionen der Prüfungsvorschrift Basisausbildung im THW werden hiermit außer Kraft gesetzt.</p>
+
+        <p>Ab dem <strong>01.04.2014</strong> ist ausschließlich nach dieser Dienstvorschrift die Abschlussprüfung zur
+            Grundausbildung durchzuführen.</p>
+    </td>
+</tr>
+</table>
+
+{~topLine}
+
+<a name="dv2-220-PvGA-Anlage6-5"></a><h2>DV 2-220 PvGA / Anlage 6.5</h2>
+<p>Auszug aus der Richtlinie für die Abnahme des Leistungsabzeichens der THW-Jugend, Stand 17. November 2011</p>
+</h2>
+<table cellspacing="0" cellpadding="5" border="0">
+    <tr>
+        <td>
+            <b>2.5.</b>
+        </td>
+        <td>
+            <a name="dv2-220-PvGA-Anlage6-5_2-5"></a><strong>Berechtigte Personen für die Abnahme</strong>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            &nbsp;
+        </td>
+        <td>
+            <p>Als berechtigte Person für die Abnahme des Leistungsabzeichens kann eingesetzt werden, wer erfahrener
+                Helfer / erfahrene Helferin ist. Die berechtigten Personen für die Abnahme des Leistungsabzeichens
+                werden durch die Abnahmekommission festgelegt.</p>
+
+            <p>Die eingesetzten berechtigten Personen zur Abnahme des Leistungsabzeichens müssen insbesondere für die
+                Zusammenarbeit mit Jugendlichen geeignet sein.</p>
+
+            <p>Im Rahmen der Kombinationsprüfung werden die folgenden Teile explizit durch die Prüfer/Prüferin
+                Grundausbildung abgenommen:</p>
+            <ul>
+                <li>Theoretische Prüfung</li>
+                <li>Praktische Prüfung</li>
+                <li>Teamprüfung</li>
+            </ul>
+            <p>Für den Teil der Abnahme des Leistungsabzeichens der Stufe Gold können berechtigte Personen für die
+                Abnahme des Leistungsabzeichens entsprechend dieser Abnahmerichtlinie eingesetzt werden.</p>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            <b>3.4.</b>
+        </td>
+        <td>
+            <a name="dv2-220-PvGA-Anlage6-5_3-4"></a><strong>Kombinationsprüfung Grundausbildung und Leistungsabzeichen
+                Gold</strong>
+        </td>
+    </tr>
+    <tr>
+        <td>
+            &nbsp;
+        </td>
+        <td>
+            <p><strong>3.4.1. Theoretische Prüfung Grundausbildung</strong></p>
+
+            <p>Die theoretische Einzelprüfung umfasst 40 Fragen (Multiple Choice).</p>
+
+            <p>Die theoretische Prüfung ist bestanden, wenn mindestens 32 der 40 Fragen richtig beantwortet wurden.</p>
+
+            <p>Die Fragen stammen dabei aus der Prüfungsvorschrift Grundausbildung im THW.</p>
+
+            <p><strong>3.4.2. Praktische Einzel-Prüfung Grundausbildung</strong></p>
+
+            <p>Die praktische Einzelprüfung umfasst 24 Aufgaben, welche an Stationen von Prüfern / Prüferinnen
+                abgenommen werden.</p>
+
+            <p>Die praktische Prüfung ist bestanden, wenn mindestens 19 der 24 Aufgaben richtig gelöst wurden.</p>
+
+            <p>Die Aufgaben stammen dabei aus der Prüfungsvorschrift Grundausbildung im THW.</p>
+
+            <p><strong>3.4.3. Team-Prüfung Grundausbildung</strong></p>
+
+            <p>Es wird eine Team-Aufgabe gestellt, die aufgabenabhängig von Prüflingen zusammen bearbeitet und von
+                Prüfern / Prüferinnen abgenommen wird.</p>
+
+            <p>Die Aufgaben stammen dabei aus der Prüfungsvorschrift Grundausbildung im THW.</p>
+
+            <p><strong>3.4.4. Gruppenaufgabe Leistungsabzeichen</strong></p>
+
+            <p>Es wird eine Gruppenaufgabe gestellt, die aufgabenabhängig von Junghelfern / Junghelferinnen zusammen
+                bearbeitet und von den berechtigten Personen für die Abnahme des Leistungsabzeichens abgenommen
+                wird.</p>
+
+            <p>Die Gruppenaufgabe gilt dann als bestanden, wenn mindestens zwei der drei Teilbereiche richtig gelöst
+                sind. Die Aufgaben stammen dabei aus der Anlage 8.6.</p>
+
+            <p><strong>3.4.5. Mitwirkung an einem Gemeinschaftsprojekt des Ortsverbandes</strong></p>
+
+            <p>Teilnehmende Junghelfer und Junghelferinnen für die Abnahme des Leistungsabzeichen der Stufe Gold müssen
+                vor der Abnahme an der Planung und Durchführung eines Gemeinschaftsprojektes (beispielsweise Projekte
+                des Umweltschutzes, Projekt für oder mit Senioren / Kindern, Aktionsprogramm in der Stadt oder Gemeinde)
+                aktiv im Team mitgewirkt haben.</p>
+
+            <p>Der eigene Projektanteil ist am Abnahmetag von jedem teilnehmenden Jugendlichen innerhalb von 5 Minuten
+                vorzutragen oder im Gespräch zu erläutern. Dieser Teil der Abnahme ist dann bestanden, wenn keine
+                Zweifel an der Mitwirkung des Jugendlichen am Gemeinschaftsprojekt bestehen. Elektronische Hilfsmittel
+                sind nicht notwendig und werden für die Abnahme nicht vorgehalten.</p>
+
+        </td>
+    </tr>
+
+</table>

templates/page-body.tpl

@@ -0,0 +1,94 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
+<head>
+    <title>THW Basisausbildung: Die Theorieprüfung (Stand {catalogYear})</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <meta http-equiv="Content-Script-Type" content="text/javascript" />
+    <meta name="author" content="Kai Blaschke" />
+    <meta name="description" content="Online-Fragebogen zum Üben der Theoriefragen zur Basisausbildung I (ehem. Grundausbildung) des Technischen Hilfswerks" />
+    <meta name="keywords" content="THW,Technisches Hilfswerk,Theorie,Prüfung,Basisausbildung,Ausbildung,Fragebogen,Online-Prüfung" />
+
+    <meta property="og:title" content="THW-Basisausbildung: Die Theorieprüfung" />
+    <meta property="og:description" content="Online-Fragebogen zum Üben der Theoriefragen der Basisausbildung I des Technischen Hilfswerks" />
+    <meta property="og:image" content="/img/og_thumbnail.png" />
+
+    <base href="{baseUrl}" />
+    <link href="styles.css" rel="stylesheet" type="text/css" />
+    {extraStyleSheet}
+    <link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
+    <script type="text/javascript" src="socialshareprivacy/jquery.js"></script>
+</head>
+<body>
+<a name="top"></a>
+<table cellspacing="0" cellpadding="0" border="0" class="layout">
+  <tr>
+    <td class="randlinks"><img src="img/clear.gif" alt="" width="12" height="20" /></td>
+    <td class="navspalte"><img src="img/clear.gif" alt="" width="196" height="20" /></td>
+    <td id="service">
+        <a href="barrierefreiheit.html" title="Barrierefreiheit" ><span>Barrierefreiheit</span></a> |
+        <a href="datenschutz.html" title="Datenschutz" ><span>Datenschutz</span></a> |
+        <a href="impressum.html" title="Impressum" ><span>Impressum</span></a>
+    </td>
+  </tr>
+  <tr>
+    <td class="randlinks"></td>
+    <td class="navspalte"><a href="http://www.thw.de/" name="anfang" id="title" title="THW Homepage" width="196" height="78"><img src="img/Logo.gif" alt="THW Homepage" /></a></td>
+    <td>
+      <table cellspacing="0" cellpadding="0" border="0" class="identitaet">
+        <tr>
+          <td class="thema"><img src="img/banner.gif" width="380" height="78" alt="THW - Die Theorie" /></td>
+          <td class="logo"><img src="img/thwlogo.gif" width="188" height="78" alt="Technisches Hilfswerk" /></td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td></td>
+    <td class="navvor"><img src="img/default.gif" alt="" width="1" height="20" /></td>
+    <td id="breadcrumb">
+      <span>&nbsp;&raquo;&nbsp;</span><a href="index.html" title="Home" ><span>Home</span></a>{|Breadcrumb}{|Breadcrumb*Link}<span>&nbsp;&raquo;&nbsp;</span><a href="{scriptName}?show={page}"><span>{pageTitle}</span></a>{|Breadcrumb*Link}{|Breadcrumb}
+    </td>
+  </tr>
+  <tr>
+    <td class="randlinks"></td>  
+    <td valign="top">
+
+        <div class="nav">
+            <ul id="navlist"><li><a id="{navZufall}" href="fragen.html" title="Eine bestimmte Anzahl Fragen in zuf&auml;lliger Reihenfolge &uuml;ben">Zuf&auml;llige Fragen &uuml;ben</a>
+                    {|NavZufall}{|NavZufall*Sublinks}
+                    <ul id="navlist"><li><a id="{navZufallNeu}" href="fragen.html?action=neu" title="Neue Fragen ausw&auml;hlen">Neue Fragen ausw&auml;hlen</a></li></ul>
+                    {|NavZufall*Sublinks}{|NavZufall}
+                </li></ul>
+            <ul id="navlist"><li><a id="{navBogen}" href="bogen.html" title="Einen kompletten Fragebogen (40 Fragen) in einer bestimmten Zeit &uuml;ben">Pr&uuml;fungsbogen &uuml;ben</a>
+                    {|NavBogen}{|NavBogen*Sublinks}
+                    <ul id="navlist"><li><a id="{navBogenNeu}" href="bogen.html?action=neu" title="Neuer Fragebogen">Neuer Fragebogen</a></li></ul>
+                    {|NavBogen*Sublinks}{|NavBogen}
+                </li></ul>
+            <ul id="navlist"><li><a id="{navAntworten}" href="loesung.html" title="Aufl&ouml;sungen zu allen Fragen anzeigen">Aufl&ouml;sungen</a>
+                    {|NavAntworten}{|NavAntworten*Sublinks}
+                    <ul id="navlist"><li><a id="{navAntwortenAbschnitt}" href="loesung/abschnitt-{abschnittNr}.html" title="{abschnittName}">Themenabschnitt {abschnittNr}</a></li></ul>
+                    {|NavAntworten*Sublinks}{|NavAntworten}
+                </li></ul>
+            <ul id="navlist"><li><a id="{navOrdnung}" href="ordnung.html" title="Die offizielle THW-Pr&uuml;fungsvorschrift zum Nachlesen">Pr&uuml;fungsvorschrift</a></li></ul>
+            <ul id="navlist"><li><a id="{navStats}" href="stats.html" title="Ihre Gesamtstatistik aufrufen">Gesamtstatistik</a></li></ul>
+            <ul id="navlist"><li><a id="{navOffline}" href="downloads.html" title="Offline-Version herunterladen">Offline-Version</a></li></ul>
+            <ul id="navlist"><li><a href="https://www.facebook.com/thwtheorie" title="Facebook-Community besuchen">THW-Theorie auf Facebook</a></li></ul>
+        </div>
+
+    </td>
+    <td valign="top" class="content">
+      <table border="0" style="max-width: 1000px;">
+        <tr>
+          <td class="contentspalte">
+{~pageContent}
+{~topLine}
+          </td>
+        </tr>
+      </table>
+    </td>
+  </tr>
+</table>
+
+</body>
+</html>

templates/stats.tpl

@@ -0,0 +1,50 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Statistiken</h1>
+
+<p>Dies sind Ihre Gesamtstatistiken für diesen Besuch. Die Statistik enthält
+sowohl die Zufallsfragen, als auch die Prüfungsbögen. Die Fragen
+der Prüfungsbögen fließen in die Fragen-Statistik
+mit ein. Wenn Sie die Statistiken löschen möchten, klicken
+Sie bitte auf den Link "Zurücksetzen".</p>
+
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" style="width:300px;">
+  <tr>
+    <td>Fragen beantwortet:</td>
+    <td>{fragenBisher}</td>
+  </tr>
+  <tr>
+    <td class="korrekt">&nbsp;&nbsp;&nbsp;&nbsp;Davon Richtig:</td>
+    <td class="korrekt">{fragenRichtig}</td>
+  </tr>
+  <tr>
+    <td class="falsch">&nbsp;&nbsp;&nbsp;&nbsp;Davon Falsch:</td>
+    <td class="falsch">{fragenFalsch}</td>
+  </tr>
+  <tr>
+    <td>&nbsp;&nbsp;&nbsp;&nbsp;Quote:</td>
+    <td>{fragenQuote}</td>
+  </tr>
+  <tr>
+    <td>Fragebögen:</td>
+    <td>{boegenBisher}</td>
+  </tr>
+  <tr>
+    <td class="korrekt">&nbsp;&nbsp;&nbsp;&nbsp;Bestanden:</td>
+    <td class="korrekt">{boegenRichtig}</td>
+  </tr>  
+  <tr>
+    <td class="falsch">&nbsp;&nbsp;&nbsp;&nbsp;Nicht bestanden:</td>
+    <td class="falsch">{boegenFalsch}</td>
+  </tr>  
+  <tr>
+    <td>&nbsp;&nbsp;&nbsp;&nbsp;Quote:</td>
+    <td>{boegenQuote}</td>
+  </tr>
+  <tr>
+</table>
+<br/>
+<form action="{scriptName}" method="get">
+  <input type="hidden" name="show" value="stats" />
+  <input type="hidden" name="resetstats" value="1" />
+  <input type="submit" value="Zurücksetzen" />
+</form>

templates/top-line.tpl

@@ -0,0 +1,5 @@
+<ul class="seitenanfang">
+<li class="left"> </li>
+<li class="right"><a href="#top" title="Nach Oben" alt="Nach Oben">
+<img src="img/oben.gif" alt="Oben" border="0" title="Oben"/></a></li>
+</ul>

templates/zufallsfragen-aufloesung.tpl

@@ -0,0 +1,80 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Zufallsfragen üben</h1>
+
+{|Kopf}{|Kopf*Content}
+<p><b>Frage Nr. {aktuelleFrage} von {fragenCnt}</b></p>
+<p><b>Lernabschnitt {abschnittNr}:</b> {abschnitt}</p>
+{|Kopf*Content}{|Kopf}
+
+<form name="neu" action="{scriptName}?show=fragen" method="post">
+<input type="hidden" name="action" value="neu" />
+</form>
+
+<form id="aufloesungFormular" action="{scriptName}?show=fragen" method="post">
+
+{|Status}
+{|Status*Richtig}<p><font class="korrekt">Sie haben diese Frage <b>richtig</b> beantwortet!</font></p>{|Status*Richtig}
+{|Status*Falsch}<p><font class="falsch">Sie haben diese Frage <b>falsch</b> beantwortet!</font></p>{|Status*Falsch}
+{|Status}
+
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" width="100%">
+  <colgroup>
+    <col width="5%">
+    <col width="30%">
+    <col width="55%">
+    <col width="5%">
+    <col width="5%">
+  </colgroup>
+  <tr>
+    <td rowspan="{rowCnt}" valign="top"><b>{abschnittNr}.{frageNr}</b>{|BogenStatus}
+    {|BogenStatus*BR}<br /><br />{|BogenStatus*BR}
+    {|BogenStatus*Richtig}<img src="img/richtig.gif" width="20" height="20" alt="Richtig" />{|BogenStatus*Richtig}
+    {|BogenStatus*Falsch}<img src="img/falsch.gif" width="20" height="20" alt="Falsch" />{|BogenStatus*Falsch}
+    {|BogenStatus}</td>
+    <td rowspan="{rowCnt}" valign="top">{frageText}</td>
+    <td ><font class="{antwort1Status}">{Antwort1}</font></td>
+    <td align="center">A</td>
+    <td align="center">{|A1L}{|A1L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A1L*Haken}{|A1L}&nbsp;</td>
+  </tr>
+  <tr>
+    <td><font class="{antwort2Status}">{Antwort2}</font></td>
+    <td align="center">B</td>
+    <td align="center">{|A2L}{|A2L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A2L*Haken}{|A2L}&nbsp;</td>
+  </tr>
+{|ThreeRows}{|ThreeRows*Row}
+  <tr>
+    <td><font class="{antwort3Status}">{Antwort3}</font></td>
+    <td align="center">C</td>
+    <td align="center">{|A3L}{|A3L*Haken}<img src="img/haken.gif" width="16" height="16" alt="X">{|A3L*Haken}{|A3L}&nbsp;</td>
+  </tr>
+{|ThreeRows*Row}{|ThreeRows}
+</table>
+<div>&nbsp;</div>
+
+<table cellspacing="0" cellpadding="4" border="0" width="100%">
+  <tr>
+    <td align="left"><input type="button" value="Neuer Fragenkatalog" onClick="neu.submit()" /></td>
+    <td align="right"><input type="submit" value="{submitText}" /></td>
+  </tr>
+</table>
+
+</form>
+
+<div class="rubrik"><span>Fehlerquote</span></div>
+<table cellspacing="0" cellpadding="4" border="0">
+  <tr><td>Fragen bisher:</td><td><b>{aktuelleFrage}</b></td></tr>
+  <tr><td>Davon <b>richtig</b> beantwortet:</td><td><b>{fragenRichtig}</b></td></tr>
+  <tr><td>Davon <b>falsch</b> beantwortet:</td><td><b>{fragenFalsch}</b></td></tr>
+  <tr><td>Fehlerquote (20% für Bestehen max.):</td><td><b>{fragenQuote}</b></td></tr>
+</table>
+
+<script type="application/javascript">
+    $(document).keypress(function(event) {
+        if (event.keyCode == 13 || event.charCode == 32)
+        {
+            $('#aufloesungFormular').submit();
+            event.stopPropagation();
+            return false;
+        }
+    });
+</script>

templates/zufallsfragen-ende.tpl

@@ -0,0 +1,43 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Zufallsfragen üben</h1>
+<h2>Sie haben alle Fragen beantwortet!</h2>
+<p>Sie haben alle Fragen des gewählten Kataloges beantwortet. Hier sehen Sie nun
+    eine Zusammenfassung über richtig bzw. falsch beantwortete Fragen und ob
+    Sie mit der Fehlerquote einen Testbogen bestanden hätten.</p>
+<div height="10"></div>
+
+<form name="neu" action="{scriptName}?show=fragen" method="post">
+  <input type="hidden" name="action" value="neu" />
+</form>
+
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" width="100%">
+  <tr>
+    <td>Insgesamt beantwortete Fragen:</td>
+    <td><b>{anzFragen}</b></td>
+  </tr>
+  <tr>
+    <td><font class="korrekt">Richtig beantwortete Fragen:</font></td>
+    <td><b>{fragenRichtig}</b></td>
+  </tr>
+  <tr>
+    <td style="padding-left: 20px">Prozentualer Anteil:</td>
+    <td><b>{fragenRichtigQuote}</b></td>
+  </tr>
+  <tr>
+    <td><font class="falsch">Falsch beantwortete Fragen:</font></td>
+    <td><b>{fragenFalsch}</b></td>
+  </tr>
+  <tr>
+    <td style="padding-left: 20px">Prozentualer Anteil:</td>
+    <td><b>{fragenFalschQuote}</b></td>
+  </tr>
+  <tr>
+    <td colspan="2" align="center">Mit dieser Fehlerqoute hätten Sie die Prüfung
+    {|Bestanden}{|Bestanden*Ja}<font class="korrekt">bestanden</font>{|Bestanden*Ja}{|Bestanden*Nein}<font class="falsch">nicht bestanden</font>{|Bestanden*Nein}{|Bestanden}.</td>
+  </tr>
+</table>
+<table cellspacing="0" cellpadding="4" border="0">
+  <tr>
+    <td><input type="button" value="Neuer Fragenkatalog" onClick="neu.submit();" /></td>
+  </tr>
+</table>

templates/zufallsfragen-error.tpl

@@ -0,0 +1,9 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Zufallsfragen üben</h1>
+<h2>Keine Themenabschnitte gewählt!</h2>
+<form name="neu" action="{scriptName}?show=fragen" method="post">
+<input type="hidden" name="action" value="neu" />
+</form>
+<p>Sie müssen mindestens einen Themenabschnitt wählen, um mit
+dem Zufallsfragen-Test zu beginnen.</p>
+<p align="center"><input type="button" value="Neuer Fragenkatalog" onClick="neu.submit()" /></p>

templates/zufallsfragen-frage.tpl

@@ -0,0 +1,90 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Zufallsfragen &uuml;ben</h1>
+
+<p><b>Frage Nr. {aktuelleFrage} von {fragenCnt}</b></p>
+<p><b>Lernabschnitt {abschnittNr}:</b> {abschnitt}</p>
+
+<form name="neu" action="{scriptName}?show=fragen" method="post">
+<input type="hidden" name="action" value="neu" />
+</form>
+
+<form id="zufallsfrageFormular" action="{scriptName}?show=fragen" method="post">
+
+<input type="hidden" name="frage_id[]" value="{frageID}" />
+
+<table class="fragebkg" cellspacing="1" cellpadding="4">
+  <colgroup>
+    <col width="5%">
+    <col width="30%">
+    <col width="55%">
+    <col width="5%">
+    <col width="5%">
+  </colgroup>
+  <tr>
+    <td rowspan="{rowCnt}" valign="top"><b>{abschnittNr}.{frageNr}</b></td>
+    <td rowspan="{rowCnt}" valign="top">{frageText}</td>
+    <td>{Antwort1}</td>
+    <td align="center">A</td>
+    <td align="center"><input id="antwortA" type="checkbox" name="antwort[{frageID}][1]" value="1" /><div class="print-checkbox"></div></td>
+  </tr>
+  <tr>
+    <td>{Antwort2}</td>
+    <td align="center">B</td>
+    <td align="center"><input id="antwortB" type="checkbox" name="antwort[{frageID}][2]" value="1" /><div class="print-checkbox"></div></td>
+  </tr>
+{|ThreeRows}{|ThreeRows*Row}        
+  <tr>
+    <td>{Antwort3}</td>
+    <td align="center">C</td>
+    <td align="center"><input id="antwortC" type="checkbox" name="antwort[{frageID}][3]" value="1" /><div class="print-checkbox"></div></td>
+  </tr>
+{|ThreeRows*Row}{|ThreeRows}
+</table>
+
+<div>&nbsp;</div>
+
+
+<table cellspacing="0" cellpadding="4" border="0" width="100%">
+  <tr>
+    <td align="left"><input type="button" value="Neuer Fragenkatalog" onClick="neu.submit()" /></td>
+    <td align="right"><input type="submit" id="nextButton" value="Weiter" /></td>
+  </tr>
+</table>
+
+</form>
+
+<script type="application/javascript">
+    function toggleCheckbox(id)
+    {
+        $("#" + id).prop("checked", !$('#' + id).prop("checked"));
+    }
+
+    $(document).keypress(function(event) {
+        if (event.keyCode == 13 || event.charCode == 32)
+        {
+            $('#zufallsfrageFormular').submit();
+            event.stopPropagation();
+            return false;
+        }
+
+        if (event.charCode == 49)
+        {
+            toggleCheckbox('antwortA');
+            event.stopPropagation();
+            return false;
+        }
+        if (event.charCode == 50)
+        {
+            toggleCheckbox('antwortB');
+            event.stopPropagation();
+            return false;
+        }
+        if (event.charCode == 51)
+        {
+            toggleCheckbox('antwortC');
+            event.stopPropagation();
+            return false;
+        }
+    });
+
+</script>

templates/zufallsfragen-start.tpl

@@ -0,0 +1,73 @@
+<div class="rubrik"><span>&nbsp;</span></div>
+<h1>Fragen üben</h1>
+<h2>Fragen in zufälliger Reihenfolge üben</h2>
+<p>In diesem Bereich können Sie alle oder bestimmte Fragen des Curriculums "Grundausbildung der Helfer des THW" in einer zufälligen Reihenfolge üben. Dabei werden, sofern Sie nicht einen neuen Fragenkatalog generieren, keine Fragen doppelt angezeigt oder ausgelassen. Wenn Sie alle bzw. die gewünschte Anzahl Fragen durchgearbeitet haben, wird eine Gesamtstatistik zur aktuellen Fragen-Serie bzw. wenn Sie in dieser Sitzung bereits mehrere Durchgänge absolviert haben, auch eine Gesamtstatistik angezeigt.</p>
+<p>Die Fragen werden in zufälliger Reihenfolge einzeln angezeigt. Ein erneutes Beantworten der Fragen in der aktuellen Serie ist nicht möglich, da die Lösung sofort angezeigt wird.</p>
+<p>Bei den meisten Fragen stehen 3 Antworten zur Auswahl (bei wenigen nur 2). Es ist mindestens eine Antwort anzukreuzen, bei einigen Fragen müssen auch mehrere Antworten angekreuzt werden. Die Aufgabe gilt als richtig gelöst, wenn <b>alle</b> zutreffenden Antworten angekreuzt sind.</p>
+<p>Hinweis: Sind in den ausgewählten Lernabschnitten <i>weniger</i> Fragen als unter "Anzahl Fragen" ausgewählt wurde vorhanden, wird die Fragenzahl entsprechend reduziert. "Alle Fragen" und die Auswahl nur eines Lernabschnittes beschränkt die Anzahl der Fragen also auf die in diesem Themenbereich vorhandenen Fragen.</p>
+<script type="text/javascript">
+
+function checkAbschnitt(check) {
+    for (I=1; I<={abschnitteAnz}; I++) {
+        eval("document.forms['zufallform'].elements['chkAbschnitt" + I + "']").checked = check;
+    }
+}
+
+function invertSelection() {
+    for (I=1; I<={abschnitteAnz}; I++) {
+        eval("document.forms['zufallform'].elements['chkAbschnitt" + I + "']").checked = !(eval("document.forms['zufallform'].elements['chkAbschnitt" + I + "']").checked);
+    }
+}
+
+</script>
+<form name="zufallform" action="index.php?show=fragen" method="post">
+<input type="hidden" name="action" value="start" />
+<table class="fragebkg" cellspacing="1" cellpadding="4" border="0" width="100%">
+  <tr>
+    <td valign="top" nowrap>
+      Lernabschnitte:<br /><br />
+      <a href="javascript:checkAbschnitt(true);" title="Alle Themenabschnitte auswählen">Alle wählen</a><br />
+      <a href="javascript:checkAbschnitt(false);" title="Keinen Themenabschnitt auswählen">Keine wählen</a><br /><br />
+      <a href="javascript:invertSelection();" title="Aktuelle Auswahl umkehren">Invertieren</a><br />
+    </td>
+    <td>
+      <table cellspacing="0" cellpadding="2" border="0" width="100%">
+      {|Abschnitte}
+      {|Abschnitte*Row}
+        <tr>
+          <td valign="top">
+            <input id="chkAbschnitt{abschnittNr}" type="checkbox" name="abschnitt[{abschnittNr}]" value="1" checked="checked" />
+          </td>
+          <td>
+            <label for="chkAbschnitt{abschnittNr}">{abschnittDesc}</label>
+          </td>
+        </tr>
+      {|Abschnitte*Row}
+      {|Abschnitte}
+      </table>
+    </td>
+  </tr>
+  <tr>
+    <td valign="middle" nowrap>Max. Anzahl Fragen:</td>
+    <td width="100%">
+      <select size="1" name="fragen">
+        <option value="0">Alle Fragen ({maxFragen} max.)</option>
+        <option value="150">150 Fragen</option>
+        <option value="125">125 Fragen</option>
+        <option value="100">100 Fragen</option>
+        <option value="75">75 Fragen</option>
+        <option value="50">50 Fragen</option>
+        <option value="20">25 Fragen</option>
+        <option value="10">10 Fragen</option>
+        <option value="5">5 Fragen</option>
+      </select>
+    </td>
+  </tr>
+</table>
+
+<table cellspacing="4" cellpadding="2" border="0" width="100%">
+  <tr>
+    <td align="center"><input type="submit" value="OK, auf geht's!" /></td>
+  </tr>
+</table>
+</form>

zufallsfragen.inc.php

@@ -0,0 +1,221 @@
+<?php
+
+/*
+ *  Copyright (C) 2001 Kai Blaschke <webmaster@thw-theorie.de>
+ *
+ *  The included 'THW Thema' templates, logos and the Q&A catalog are protected
+ *  by copyright laws, and must not be used without the written permission
+ *  of the
+ *
+ *  Bundesanstalt Technisches Hilfswerk
+ *  Provinzialstraße 93
+ *  D-53127 Bonn
+ *  Germany
+ *  E-Mail: redaktion@thw.de
+ *
+ *  This program is free software; you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation; either version 2 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program; if not, write to the Free Software
+ *  Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
+ */
+ 
+/*
+* 
+* Fragen in zufälliger Reihenfolge üben
+* 
+*/
+
+$tpl->parseBlock('page-body', 'NavZufall', 'Sublinks');
+$tpl->addVars('navZufall', 'current');
+
+if (isset($_REQUEST['action']) && $_REQUEST['action'] == 'neu') {
+    // Fragenkatalog löschen
+    unset($_SESSION['zufallsfragen']);
+}
+
+if (isset($_SESSION['zufallsfragen'])) {
+    // Fragenkatalog schon vorhanden. Zu nächster unbeantworteter Frage
+    // bzw. Antwort der letzten Frage springen
+    // Wenn keine Fragen mehr im Katalog vorhanden sind,
+    // Statistik anzeigen.
+        
+    if (count($_SESSION['zufallsfragen'])==0) {
+        // Alle Fragen beantwortet, Ergebnis zeigen
+        $tpl->addVars(Array(
+                'anzFragen'          => $_SESSION['fragen_cnt'],
+                'fragenRichtig'      => $_SESSION['zufallstats']['Richtig'],
+                'fragenRichtigQuote' => sprintf('%.2f %%', $_SESSION['zufallstats']['Richtig'] / $_SESSION['fragen_cnt'] * 100),
+                'fragenFalsch'       => $_SESSION['zufallstats']['Falsch'],
+                'fragenFalschQuote'  => sprintf('%.2f %%', $_SESSION['zufallstats']['Falsch'] / $_SESSION['fragen_cnt'] * 100),
+        ));    
+        
+        $tpl->addTemplates('content', 'zufallsfragen-ende');
+        
+
+        
+        if (($_SESSION['zufallstats']['Richtig'] / $_SESSION['fragen_cnt']) >= 0.8) {
+            $tpl->parseBlock('content', 'Bestanden', 'Ja');
+        } else {                
+            $tpl->parseBlock('content', 'Bestanden', 'Nein');
+        }
+        
+        // Sessiondaten löschen
+        unset($_SESSION['zufallsfragen']);
+        unset($_SESSION['frage_nr']);
+        unset($_SESSION['fragen_cnt']);
+        unset($_SESSION['zufallstats']);
+        unset($_SESSION['bogen']);
+        
+        return;
+        
+    }
+    
+       
+    if (!isset($_REQUEST['frage_id']) || $_REQUEST['frage_id'][0] <> $_SESSION['zufallsfragen'][0]) {
+        $tpl->addTemplates(Array('content' => 'zufallsfragen-frage'));
+        
+        // Frage stellen
+        SingleQuestion($_SESSION['zufallsfragen'][0], $_SESSION['frage_nr'], $_SESSION['fragen_cnt']);
+    
+        return;        
+    }
+    
+    $tpl->addTemplates(Array('content' => 'zufallsfragen-aufloesung'));
+    
+    // Antwort auswerten
+    
+    questionHeader($_REQUEST['frage_id'][0], $_SESSION['frage_nr'], $_SESSION['fragen_cnt'], $_SESSION['jahr']);
+    $korrekt = Answer($_REQUEST['frage_id'][0], $_REQUEST['antwort']);
+    
+    // Statistik anpassen
+    if ($korrekt) {
+        $_SESSION['zufallstats']['Richtig']++;
+        $_SESSION['stats']['Fragen_Richtig']++;
+        $stmt = $GLOBALS['db']->prepare('UPDATE statistik SET fragen=fragen+1,richtig=richtig+1');
+	$stmt->execute();
+    } else {
+        $_SESSION['zufallstats']['Falsch']++;
+        $_SESSION['stats']['Fragen_Falsch']++;
+        $stmt = $GLOBALS['db']->prepare('UPDATE statistik SET fragen=fragen+1,falsch=falsch+1');
+	$stmt->execute();
+    }
+    
+    $tpl->addVars(Array(
+            'submitText'    => ($_SESSION['frage_nr']==$_SESSION['fragen_cnt'])?'Gesamtstatistik':'N&auml;chste Frage',
+            'aktuelleFrage' => $_SESSION['frage_nr'],
+            'fragenRichtig' => $_SESSION['zufallstats']['Richtig'],
+            'fragenFalsch'  => $_SESSION['zufallstats']['Falsch'],
+            'fragenQuote'   => sprintf('%0.2f', $_SESSION['zufallstats']['Falsch']/$_SESSION['frage_nr']*100) . '%'                  
+    )); 
+    
+    // Frage entfernen
+    array_shift($_SESSION['zufallsfragen']);
+
+    $_SESSION['frage_nr']++;
+    $_SESSION['stats']['Fragen_Bisher']++;
+        
+    return;
+}
+
+// Neuen Fragenkatalog erstellen
+if (isset($_REQUEST['action']) && $_REQUEST['action'] == 'start') {
+
+    $topicCount = getSingleResult('SELECT COUNT(*) AS Cnt FROM abschnitte WHERE Jahr = ?',
+        array('i', $_SESSION['jahr']));
+
+    // Gewählte Abschnitte in Query einsetzen
+    $selectedTopics = array();
+    for ($topic = 1; $topic <= $topicCount; $topic++){
+        if (isset($_REQUEST['abschnitt'][$topic]) && $_REQUEST['abschnitt'][$topic] == '1') {
+            array_push($selectedTopics, $topic);
+        }
+    }
+
+    if (count($selectedTopics) == 0)
+    {
+        // Kein Themenabschnitt gewählt
+        $tpl->addTemplates(Array('content' => 'zufallsfragen-error'));
+
+        return;
+    }
+
+    // Sessiondaten löschen
+    unset($_SESSION['zufallsfragen']);
+    unset($_SESSION['frage_nr']);
+    unset($_SESSION['fragen_cnt']);
+    unset($_SESSION['zufallstats']);
+    unset($_SESSION['bogen']);
+
+    // Sessions-Variablen initialisieren
+    $_SESSION['zufallsfragen'] = array();
+    $_SESSION['frage_nr'] = 1;
+    $_SESSION['zufallstats'] = array('Richtig' => '0', 'Falsch' => '0');
+
+    $tpl->addTemplates(Array('content' => 'zufallsfragen-frage'));
+
+    // Fragen holen
+    $inClauseParams = implode(',', array_fill(0, count($selectedTopics), '?'));
+    $inClauseTypes = str_repeat('i', count($selectedTopics));
+    $params = array_merge(array('i'.$inClauseTypes, $_SESSION['jahr']), $selectedTopics);
+
+    $stmt = $GLOBALS['db']->prepare('SELECT ID FROM fragen WHERE Jahr = ? AND Abschnitt IN (' . $inClauseParams . ')');
+    callBindParamArray($stmt, $params);
+    $stmt->execute();
+    $stmt->bind_result($id);
+
+    // Fragen in Array übertragen
+    while ($stmt->fetch()) {
+        array_push($_SESSION['zufallsfragen'], $id);
+    }
+    $stmt->close();
+
+    // Fragen zufällig mischen
+    shuffle($_SESSION['zufallsfragen']);
+
+    // Nur gewählte Anzahl Fragen zulassen
+    if ($_REQUEST['fragen'] > 0 && $_REQUEST['fragen'] < count($_SESSION['zufallsfragen'])) {
+        $_SESSION['zufallsfragen'] = array_slice($_SESSION['zufallsfragen'], 0, $_REQUEST['fragen']);
+    }
+
+    // Anzahl in Session speichern
+    $_SESSION['fragen_cnt'] = count($_SESSION['zufallsfragen']);
+
+    // Erste Frage stellen
+    SingleQuestion($_SESSION['zufallsfragen'][0], $_SESSION['frage_nr'], $_SESSION['fragen_cnt']);
+
+    return;
+
+}
+
+// Startseite mit Abschnittsauswahl
+$tpl->addVars('navZufallNeu', 'current');
+$abschnitte = getTopics();
+$topicCount = getSingleResult('SELECT COUNT(*) AS Cnt FROM abschnitte WHERE Jahr = ?',
+    array('i', $_SESSION['jahr']));
+$maxFragen = getSingleResult('SELECT COUNT(*) AS Cnt FROM fragen WHERE Jahr = ?',
+    array('i', $_SESSION['jahr']));
+
+$tpl->addVars(Array(
+        'abschnitteAnz' => $topicCount,
+        'maxFragen'     => $maxFragen
+));
+
+$tpl->addTemplates('content', 'zufallsfragen-start');
+
+foreach ($abschnitte as $nr => $description) {
+    $tpl->addVars(Array(
+            'abschnittNr'   => $nr,
+            'abschnittDesc' => htmlspecialchars($description)
+    ));
+    
+    $tpl->parseBlock('content', 'Abschnitte', 'Row', TRUE);
+}