<?php
/*
+ ----------------------------------------------------------------------------------------------------+
|        e107 website system 
|        Plugin Admin File :  e107_plugins/mod_titels/admin_config.php
|        Email: 
|        $Revision    1.1b$
|        $Date        12.2.2007$
|        $Author      Hups$
|        Support Sites : http://film-tutorial.com/news.php$
+----------------------------------------------------------------------------------------------------+
*/
require_once("../../class2.php");
if(!getperms("P")){ header("location:".e_BASE."index.php"); exit; } 


require_once(e_ADMIN."auth.php");
require_once(e_HANDLER."form_handler.php");

$qs = e_QUERY ? explode('.', e_QUERY) : array('', '');
$pageid = varset($qs[0], 'config', true);

//Actions

//Show Admin pages
if($pageid == 'help') {
	$text = '<h2>die aufgef&uuml;hrten links brauchst du nur mit den generierten zu erg&auml;nzen oder ersetzten</h2>
	
	<ul>
                	<li>Supports <strong>EVERY</strong> Media type and renders it appropriatly.</li>
                    <li>Better Animations!</li>
                    <li>All video/media bugs have been resolved!</li>
                    <li>More functions for you to access!</li>
                    <li>Major improvements to IE!</li>
                    <li>Create your own custom overlays including transparent patterns!</li>
                    <li>Galleries [Anything can be a gallery, the only limitation is your theme and markup]</li>
                    <li>You can create your own theme including markup/css/animations.</li>
                    <li>Automatically detects media and source.</li>
                    <li>A variety of parameters are available to further customize the experience.</li>
                    <li>Window will fit content fetched! Excludes i-frame content!</li>
                    <li>The window is perfectly centered on the screen by default or you can set its position!</li>
                    <li>You can set a title with the title attribute.</li>
                    <li>The caption and details are dynamically sized to fit the content.</li>
                    <li>Multiple Galleries are allowed with a Menu on the Galleries.</li>
                    <li>All windows will shrink to fit the screen including Image Sizes (Though in some cases its not recommended, i.e. fixed sized windows)</li>
                    <li>Submit Forms via the window.</li>
                   	<li><strong>ANY</strong> Character is supported with the exception of \'[\' & \']\' (These are used to delineate categories for galleries)</li>
					<li><em>author</em>, <em>caption</em>, <em>title</em>, and <em>params</em> (Added for this library) attributes are supported</li>
					<li>Click anywhere on the overlay to close the window or the ESC key.   Optionally you can create your own close links or enable the title bar and use that close link.</li>
					<li>Instantiate a window on the fly instead of on page load.</li>
                    <li>Create a window on the fly!</li>
                    <li>Flash is resized to fit window (even if lightwindow_width and lightwindow_height are passed).</li>
                    <li>Control or launch windows from an iframe!</li>
                    <li>This core library can be used to recreate and look and feel you have seen before!</li>
					<li style=\"list-style-type: none; margin-top: 10px;\"><small>...there\'s more so read on!</small></li>			
				</ul>
				<p>The <em>author</em>, <em>caption</em>, and <em>title</em> tags are completely optional and if they are all not present the Data Box will not be shown.   You can also add a <em>params</em> attribute to any hyperlink tag and you can change the height, width, number of images to show at once and much mroe as outlined below. </p>
<pre><code class="html"><span class="attribute">params</span>=<span class="string">"lightwindow_width=516,lightwindow_height=530,lightwindow_show_images=2"</span></code></pre>				
				
				
				<pre><code class="javascript">lightwindow_width	<span class="comment">// Width of window
</span>lightwindow_height		<span class="comment">// Height of window
</span>lightwindow_show_images		<span class="comment">// Number of images to show at once in a gallery, by default its 1, but this can be handy for say a Before and After Gallery
</span>lightwindow_top			<span class="comment">// Set as an Integer to be spaced from the Top
</span>lightwindow_left		<span class="comment">// Set as an Integer to be spaced from the Left
</span>lightwindow_type		<span class="comment">// Specify the type the window should be treated as i.e. page, external, image, media, inline
</span>lightwindow_loading_animation	<span class="comment">// Set to false to opt to not fade out the Loading Cover
</span>lightwindow_iframe_embed 	<span class="comment">// To embed media into a media into an iframe rather than just into a div
</span>lightwindow_form 		<span class="comment">// The name of the form</span></code></pre>

n order to instantiate any window just add a <em>class</em> of \'lightwindow\' or whatever you set in the configuration as \'standard\' for the className.  </p>
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"http://www.foo.com/bar.jpg"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> &gt;foo da bar&lt;/<span class="tag">a</span>&gt;</code></pre>
                
                <p>Now
lets take a look at how to create the links that will become the
LightWindow of your choice. Note that these are examples of how to do
it, get familiar with the configuration options you can set in the <strong>params</strong> or in the options for the class as will be explained later in this page.</p>
				
                <h2>Media</h2>						
				
                <h3>Movie</h3>
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"http://images.apple.com/movies/newline/the_number_23/the_number_23-tlr1_h.640.mov"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> <span class="attribute">params</span>=<span class="string">"lightwindow_width=640,lightwindow_height=290"</span> &gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>	
				
				<h3>SWF</h3>
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"gallery/header.swf?You-could-put-a-GET-string-here-for-your-flashvars"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> <span class="attribute">params</span>=<span class="string">"lightwindow_width=800,lightwindow_height=345"</span> <span class="attribute">title</span>=<span class="string">"Preview: Doesn\'t your masthead look perdy?"</span> &gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>

				<h3>PDF</h3>
				<p>For this to work, you need to have a PDF viewer installed in your browser or the browser will prmopt a download.   <strong>THIS IS NOT RECOMMENDED</strong>, instead use <a href="http://www.adobe.com/products/flashpaper/">Flash Paper</a></p>
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"http://www.ready.gov/business/_downloads/sampleplan.pdf"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span>&gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>
	
				<h2>External (i.e. A Website)</h2>						
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"http://www.rubyonrails.com/"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> <span class="attribute">title</span>=<span class="string">"Ruby on Rails"</span> <span class="attribute">caption</span>=<span class="string">"One of my favorites, and really it should be one of yours."</span>&gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>
	

				<h2>Images</h2>		
				<p>Now Galleries use the <em>rel</em> tag in the format <strong>Gallery-Name[Category-Name]</strong>, and the order in which they appear on the page is the way the library will order them.</p>

				<h3>Single Image</h3>
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"images/image-5.jpg"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> <span class="attribute">title</span>=<span class="string">"What is this Plant?"</span> <span class="attribute">author</span>=<span class="string">"Unknown"</span> <span class="attribute">caption</span>=<span class="string">"Whatever it is, it is still a pretty cool picture. ."</span>&gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>	
				
				<h3>A Gallery</h3>
<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"gallery/0-sushi.jpg"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> <span class="attribute">rel</span>=<span class="string">"[Sushi]"</span> <span class="attribute">title</span>=<span class="string">"Left Behind"</span> <span class="attribute">caption</span>=<span class="string">"Look\'s super tasty!"</span> <span class="attribute">author</span>=<span class="string">"Unknown"</span>&gt;image #1&lt;/<span class="tag">a</span>&gt;
&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"gallery/1-sushi.jpg"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> <span class="attribute">rel</span>=<span class="string">"[Sushi]"</span> <span class="attribute">title</span>=<span class="string">"Beware of warewolves..."</span> <span class="attribute">caption</span>=<span class="string">"I shouldn\'t be doing this when I am hungry"</span> <span class="attribute">author</span>=<span class="string">"Unknown"</span>&gt;image #2&lt;/<span class="tag">a</span>&gt;
&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"gallery/2-sushi.jpg"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> <span class="attribute">rel</span>=<span class="string">"[Sushi]"</span> <span class="attribute">title</span>=<span class="string">"That was good!"</span> <span class="attribute">caption</span>=<span class="string">"Take that sushi!"</span> <span class="attribute">author</span>=<span class="string">"Unknown"</span>&gt;image #3&lt;/<span class="tag">a</span>&gt;</code></pre>

				<h2>Instantiate 1 by 1</h2>
				<p>So if want to instiate just one window we can now use the <em>createWindow(<strong>id</strong>)</em>
function as show below. Just be sure to reference the myLightWindow
object that is automatically created or use the one you have opted to.</p>
<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"http://stickmanlabs.com/images/kevin_vegas.jpg"</span> <span class="attribute">id</span>=<span class="string">"sample-link"</span>&gt;link Name&lt;/<span class="tag">a</span>&gt;
&lt;<span class="tag">script </span><span class="attribute">type</span>=<span class="string">"text/javascript"</span>&gt;
	myLightWindow.createWindow(<span class="string">\'sample-link\'</span>);
&lt;/<span class="tag">script</span>&gt;</code></pre>	

				<h2>Create and Launch a Window with a Javascript Call.</h2>
				<p>To do this simply call <em>activateWindow(<strong>id, options</strong>)</em>
function as show below. Just be sure to reference the myLightWindow
object that is automatically created or use the one you have opted to.</p>
<pre><code class="javascript">myLightWindow.activateWindow<span class="brackets">(</span>{
	href: <span class="string">\'http://stickmanlabs.com/images/kevin_vegas.jpg\'</span>, 
	title: <span class="string">\'Waiting for the show to start in Las Vegas\'</span>, 
	author: <span class="string">\'Jazzmatt\'</span>, 
	caption: <span class="string">\'Mmmmmm Margaritas! And yes, this is me...\'</span>, 
	left: 300
}<span class="brackets">)</span>;"</code></pre>

				<p>There are many options you can set, see below...</p>
<pre><code class="javascript">href			<span class="comment">// The hyperlink for the window
</span>title 			<span class="comment">// Title of window
</span>author 			<span class="comment">// Author of window
</span>caption 		<span class="comment">// The Caption for the window
</span>rel 			<span class="comment">// Set the rel tag
</span>top 			<span class="comment">// Top position of the window
</span>left 			<span class="comment">// Left position of the window
</span>type 			<span class="comment">// The type of the window you want to change it too
</span>showImages 		<span class="comment">// How many images to show
</span>height 			<span class="comment">// The height of the window
</span>width 			<span class="comment">// The width of the window
</span>loadingAnimation 	<span class="comment">// Make the Loading Cover skip the animation
</span>iframeEmbed 		<span class="comment">// Emebed the Media into an iframe instead of a div
</span>form 			<span class="comment">// The name of the form</span></code></pre>

				<h2>Local Page</h2>		
                <p>This page will size to fit the content unless the viewport isn\'t big anough or you specify a different size in the params.</p>				
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"blank.html"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> &gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>

				<h2>Inline Content</h2>
				<p>The library on load will look for the container, hide it and reference its content for the window.</p>						
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"#id-of-container"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> &gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>


				<h2>Forms</h2>	
				<p>Now forms are a little trickier, we need to create a page as normal to get to the form first, so how about a local page...</p>					
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"blank.html"</span> <span class="attribute">class</span>=<span class="string">"lightwindow"</span> &gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>

				<p>Now on that form page the submit button needs to define an action where we set a value in the <em>params</em>
tag for \'lightwindow_form\' telling us the name of the form. See below
on how we created the submit and cancel buttons for our example. As for
the class definitions of these buttons see the next section on actions!</p>
				
				<h3>Submit Form Button Sample</h3>
                <p>This is how you create a submit button for a form.   It is important to set <strong>lightwindow_form</strong> to the name of the form.</p>
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"hello.php"</span> <span class="attribute">params</span>=<span class="string">"lightwindow_form=sample-form"</span> <span class="attribute">class</span>=<span class="string">"lightwindow_action"</span> <span class="attribute">rel</span>=<span class="string">"submitForm"</span>&gt;&lt;<span class="tag">button</span>&gt;Submit&lt;/<span class="tag">button</span>&gt;&lt;/<span class="tag">a</span>&gt; </code></pre>

				<h3>Close Button Sample</h3>
                <p>This is how you create a Cancel Button.</p>
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"#"</span> <span class="attribute">class</span>=<span class="string">"lightwindow_action"</span> <span class="attribute">rel</span>=<span class="string">"deactivate"</span>&gt;Cancel&lt;/<span class="tag">a</span>&gt;</code></pre>
	
				<h3>Iframe Calls</h3>
                <p>Iframe
calls are very simple, all you need to do is precede the function call
with the level you have placed the LightWindow code. For example this
is how we launched the window above in the demo. We look for all the
links with the class \'lightwindow_iframe_link\' and activate it to open
a window in the \'parent\' frame. For more in depth help or questions,
help me out with my macbook and post a question in the forum and I\'ll
get you going.</p>
<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"http://www.stickmanlabs.com"</span> <span class="attribute">class</span>=<span class="string">"lightwindow_iframe_link"</span> &gt;&lt;<span class="tag">strong</span>&gt;Open a LightWindow from an iframe!&lt;/<span class="tag">strong</span>&gt;&lt;/<span class="tag">a</span>&gt;
&lt;<span class="tag">script </span><span class="attribute">type</span>=<span class="string">"text/javascript"</span>&gt;
	var links = $$(<span class="string">\'.lightwindow_iframe_link\'</span>);
	links.each(function(link) {
		Event.observe(link, <span class="string">\'click\'</span>, function() {parent.myLightWindow.activate(null, link);}, false);
		link.onclick = function() {return false;};
	});		
&lt;/<span class="tag">script</span>&gt;</code></pre>
    
				<h2>BONUS! Actions</h2>	
				<p>Basically you can create a few actions, right now you have available \'submitForm\' and \'deactivate\'.   Now the <em>rel</em> attribute holds the action and set the <em>class</em>
attribute hold the class defined for actions, in this case
\'lightwindow_action\'. Below is an example on how to deactivate or close
a window. Of note, actions can be nested into LightWindow content as
the content is parsed looking for actions.</p>					
				<pre><code class="html">&lt;<span class="tag">a </span><span class="attribute">href</span>=<span class="string">"#"</span> <span class="attribute">class</span>=<span class="string">"lightwindow_action"</span> <span class="attribute">rel</span>=<span class="string">"deactivate"</span>&gt;Link Name&lt;/<span class="tag">a</span>&gt;</code></pre>




				<a name="configure"></a>
				<h1>Configuration Options</h1>	
				<p>Below are the possible options you can set and their default values as seen on this page.</p>

<pre><code class="javascript"><span class="comment">// The resize speed 0-10
</span>resizeSpeed : 8,
contentOffset : {
    height : 20,
    width : 20
},
<span class="comment">// Default sizes for each type
</span>dimensions : {
    image : {height : 250, width : 250},
    page : {height : 250, width : 250},
    inline : {height : 250, width : 250},
    media : {height : 250, width : 250},
    external : {height : 250, width : 250},
    titleHeight : 25
},
<span class="comment">// The class names to look for to create a LightWindow or an action
</span>classNames : {	
    standard : <span class="string">\'lightwindow\'</span>,
    action : <span class="string">\'lightwindow_action\'</span>
},
<span class="comment">// The file types resepctive to their actions
</span>fileTypes : {
    page : [<span class="string">\'asp\'</span>, <span class="string">\'aspx\'</span>, <span class="string">\'cgi\'</span>, <span class="string">\'htm\'</span>, <span class="string">\'html\'</span>, <span class="string">\'pl\'</span>, <span class="string">\'php4\'</span>, <span class="string">\'php3\'</span>, <span class="string">\'php\'</span>, <span class="string">\'php5\'</span>, <span class="string">\'phtml\'</span>, <span class="string">\'rhtml\'</span>, <span class="string">\'shtml\'</span>, <span class="string">\'txt\'</span>, <span class="string">\'vbs\'</span>, <span class="string">\'rb\'</span>],
    media : [<span class="string">\'aif\'</span>, <span class="string">\'aiff\'</span>, <span class="string">\'asf\'</span>, <span class="string">\'avi\'</span>, <span class="string">\'divx\'</span>, <span class="string">\'m1v\'</span>, <span class="string">\'m2a\'</span>, <span class="string">\'m2v\'</span>, <span class="string">\'m3u\'</span>, <span class="string">\'mid\'</span>, <span class="string">\'midi\'</span>, <span class="string">\'mov\'</span>, <span class="string">\'moov\'</span>, <span class="string">\'movie\'</span>, <span class="string">\'mp2\'</span>, <span class="string">\'mp3\'</span>, <span class="string">\'mpa\'</span>, <span class="string">\'mpa\'</span>, <span class="string">\'mpe\'</span>, <span class="string">\'mpeg\'</span>, <span class="string">\'mpg\'</span>, <span class="string">\'mpg\'</span>, <span class="string">\'mpga\'</span>, <span class="string">\'pps\'</span>, <span class="string">\'qt\'</span>, <span class="string">\'rm\'</span>, <span class="string">\'ram\'</span>, <span class="string">\'swf\'</span>, <span class="string">\'viv\'</span>, <span class="string">\'vivo\'</span>, <span class="string">\'wav\'</span>],
    image : [<span class="string">\'bmp\'</span>, <span class="string">\'gif\'</span>, <span class="string">\'jpg\'</span>, <span class="string">\'png\'</span>, <span class="string">\'tiff\'</span>]
},
<span class="comment">// Mime types for the file types
</span>mimeTypes : {
    avi : <span class="string">\'video/avi\'</span>,
    aif : <span class="string">\'audio/aiff\'</span>,
    aiff : <span class="string">\'audio/aiff\'</span>,
    gif : <span class="string">\'image/gif\'</span>,
    bmp : <span class="string">\'image/bmp\'</span>,
    jpeg : <span class="string">\'image/jpeg\'</span>,
    m1v : <span class="string">\'video/mpeg\'</span>,
    m2a : <span class="string">\'audio/mpeg\'</span>,
    m2v : <span class="string">\'video/mpeg\'</span>,
    m3u : <span class="string">\'audio/x-mpequrl\'</span>,
    mid : <span class="string">\'audio/x-midi\'</span>,
    midi : <span class="string">\'audio/x-midi\'</span>,
    mjpg : <span class="string">\'video/x-motion-jpeg\'</span>,
    moov : <span class="string">\'video/quicktime\'</span>,
    mov : <span class="string">\'video/quicktime\'</span>,
    movie : <span class="string">\'video/x-sgi-movie\'</span>,
    mp2 : <span class="string">\'audio/mpeg\'</span>,
    mp3 : <span class="string">\'audio/mpeg3\'</span>,
    mpa : <span class="string">\'audio/mpeg\'</span>,
    mpa : <span class="string">\'video/mpeg\'</span>,
    mpe : <span class="string">\'video/mpeg\'</span>,
    mpeg : <span class="string">\'video/mpeg\'</span>,
    mpg : <span class="string">\'audio/mpeg\'</span>,
    mpg : <span class="string">\'video/mpeg\'</span>,
    mpga : <span class="string">\'audio/mpeg\'</span>,
    pdf : <span class="string">\'application/pdf\'</span>,
    png : <span class="string">\'image/png\'</span>,
    pps : <span class="string">\'application/mspowerpoint\'</span>,
    qt : <span class="string">\'video/quicktime\'</span>,
    ram : <span class="string">\'audio/x-pn-realaudio-plugin\'</span>,
    rm : <span class="string">\'application/vnd.rn-realmedia\'</span>,
    swf	: <span class="string">\'application/x-shockwave-flash\'</span>,
    tiff : <span class="string">\'image/tiff\'</span>,
    viv : <span class="string">\'video/vivo\'</span>,
    vivo : <span class="string">\'video/vivo\'</span>,
    wav : <span class="string">\'audio/wav\'</span>,
    wmv : <span class="string">\'video/x-ms-wmv\'</span>			
},	
<span class="comment">// ActiveX Classids for file types
</span>classids : {
    mov : <span class="string">\'clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B\'</span>,
    swf : <span class="string">\'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\'</span>,
    wmv : <span class="string">\'clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6\'</span>
},
<span class="comment">// The plugin sources for the file types
</span>codebases : {
    mov : <span class="string">\'http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0\'</span>,
    swf : <span class="string">\'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\'</span>,
    wmv : <span class="string">\'http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715\'</span>
},	
<span class="comment">// The default padding for the viewport when a window is to fit the browser
</span>viewportPadding : 10,
<span class="comment">// What files types should the EOLAS Fix be applied to
</span>EOLASFix : <span class="string">\'swf,wmv,fla,flv\'</span>,
<span class="comment">// What are our overlay images and default opacity, the preset has to be prebuilt for firefox as we cannot use an opacity setting
</span>overlay : {
    opacity : 0.7,
    image : <span class="string">\'images/black.png\'</span>,
    presetImage : <span class="string">\'images/black-70.png\'</span>
},
<span class="comment">// The default skin and associate markup, the id\'s and class are required
</span>skin : 	{
    main :  <span class="string">\'&lt;div id="lightwindow_container" &gt;\'</span>+
                <span class="string">\'&lt;div id="lightwindow_title_bar" &gt;\'</span>+
                    <span class="string">\'&lt;div id="lightwindow_title_bar_inner" &gt;\'</span>+
                        <span class="string">\'&lt;span id="lightwindow_title_bar_title"&gt;&lt;/span&gt;\'</span>+
                        <span class="string">\'&lt;a id="lightwindow_title_bar_close_link" &gt;close&lt;/a&gt;\'</span>+
                    <span class="string">\'&lt;/div&gt;\'</span>+
                <span class="string">\'&lt;/div&gt;\'</span>+
                <span class="string">\'&lt;div id="lightwindow_stage" &gt;\'</span>+
                    <span class="string">\'&lt;div id="lightwindow_contents" &gt;\'</span>+
                    <span class="string">\'&lt;/div&gt;\'</span>+
                    <span class="string">\'&lt;div id="lightwindow_navigation" &gt;\'</span>+
                        <span class="string">\'&lt;a href="#" id="lightwindow_previous" &gt;\'</span>+
                            <span class="string">\'&lt;span id="lightwindow_previous_title"&gt;&lt;/span&gt;\'</span>+
                        <span class="string">\'&lt;/a&gt;\'</span>+
                        <span class="string">\'&lt;a href="#" id="lightwindow_next" &gt;\'</span>+
                            <span class="string">\'&lt;span id="lightwindow_next_title"&gt;&lt;/span&gt;\'</span>+
                        <span class="string">\'&lt;/a&gt;\'</span>+
                        <span class="string">\'&lt;iframe name="lightwindow_navigation_shim" id="lightwindow_navigation_shim" src="javascript:false;" frameBorder="0" scrolling="no"&gt;&lt;/iframe&gt;\'</span>+
                    <span class="string">\'&lt;/div&gt;\'</span>+								
                    <span class="string">\'&lt;div id="lightwindow_galleries"&gt;\'</span>+
                        <span class="string">\'&lt;div id="lightwindow_galleries_tab_container" &gt;\'</span>+
                            <span class="string">\'&lt;a href="#" id="lightwindow_galleries_tab" &gt;\'</span>+
                                <span class="string">\'&lt;span id="lightwindow_galleries_tab_span" class="up" &gt;Galleries&lt;/span&gt;\'</span>+
                            <span class="string">\'&lt;/a&gt;\'</span>+
                        <span class="string">\'&lt;/div&gt;\'</span>+
                        <span class="string">\'&lt;div id="lightwindow_galleries_list" &gt;\'</span>+
                        <span class="string">\'&lt;/div&gt;\'</span>+
                    <span class="string">\'&lt;/div&gt;\'</span>+
                <span class="string">\'&lt;/div&gt;\'</span>+
                <span class="string">\'&lt;div id="lightwindow_data_slide" &gt;\'</span>+
                    <span class="string">\'&lt;div id="lightwindow_data_slide_inner" &gt;\'</span>+
                        <span class="string">\'&lt;div id="lightwindow_data_details" &gt;\'</span>+
                            <span class="string">\'&lt;div id="lightwindow_data_gallery_container" &gt;\'</span>+
                                <span class="string">\'&lt;span id="lightwindow_data_gallery_current"&gt;&lt;/span&gt;\'</span>+
                                <span class="string">\' of \'</span>+
                                <span class="string">\'&lt;span id="lightwindow_data_gallery_total"&gt;&lt;/span&gt;\'</span>+
                            <span class="string">\'&lt;/div&gt;\'</span>+
                            <span class="string">\'&lt;div id="lightwindow_data_author_container" &gt;\'</span>+
                                <span class="string">\'by &lt;span id="lightwindow_data_author"&gt;&lt;/span&gt;\'</span>+
                            <span class="string">\'&lt;/div&gt;\'</span>+
                        <span class="string">\'&lt;/div&gt;\'</span>+
                        <span class="string">\'&lt;div id="lightwindow_data_caption" &gt;\'</span>+
                        <span class="string">\'&lt;/div&gt;\'</span>+
                    <span class="string">\'&lt;/div&gt;\'</span>+
                <span class="string">\'&lt;/div&gt;\'</span>+
            <span class="string">\'&lt;/div&gt;\'</span>,	
    loading : 	<span class="string">\'&lt;div id="lightwindow_loading" &gt;\'</span>+
                    <span class="string">\'&lt;img src="images/ajax-loading.gif" alt="loading" /&gt;\'</span>+
                    <span class="string">\'&lt;span&gt;Loading or &lt;a href="javascript: myLightWindow.deactivate();"&gt;Cancel&lt;/a&gt;&lt;/span&gt;\'</span>+
                    <span class="string">\'&lt;iframe name="lightwindow_loading_shim" id="lightwindow_loading_shim" src="javascript:false;" frameBorder="0" scrolling="no"&gt;&lt;/iframe&gt;\'</span>+
                <span class="string">\'&lt;/div&gt;\'</span>,
    iframe : 	<span class="string">\'&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;\'</span>+
                <span class="string">\'&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;\'</span>+
                    <span class="string">\'&lt;body&gt;\'</span>+
                        <span class="string">\'{body_replace}\'</span>+
                    <span class="string">\'&lt;/body&gt;\'</span>+
                <span class="string">\'&lt;/html&gt;\'</span>,
    gallery : {
        top :	  <span class="string">\'&lt;div class="lightwindow_galleries_list"&gt;\'</span>+
                        <span class="string">\'&lt;h1&gt;{gallery_title_replace}&lt;/h1&gt;\'</span>+
                        <span class="string">\'&lt;ul&gt;\'</span>,
        middle : 	    <span class="string">\'&lt;li&gt;\'</span>+
                                <span class="string">\'{gallery_link_replace}\'</span>+
                            <span class="string">\'&lt;/li&gt;\'</span>,
        bottom : 	<span class="string">\'&lt;/ul&gt;\'</span>+
                   <span class="string">\'&lt;/div&gt;\'</span>
    }
},
<span class="comment">// What form method should be used
</span>formMethod : <span class="string">\'get\'</span>,
<span class="comment">// Should flash objects be hidden on the page when the window opens
</span>hideFlash : <span class="keywords">false</span>,
<span class="comment">// Hide the gallery tab
</span>hideGalleryTab : <span class="keywords">false</span>,
<span class="comment">// Show the gallery count when viewing a gallery
</span>showGalleryCount : <span class="keywords">true</span>
<span class="comment">// Define your own handlers here, see the \'How to Theme Section\'
</span>animationHandler : <span class="keywords">false</span>,
navigationHandler : <span class="keywords">false</span>,
transitionHandler : <span class="keywords">false</span>,
finalAnimationHandler : <span class="keywords">false</span>,
formHandler : <span class="keywords">false</span>,
galleryAnimationHandler : <span class="keywords">false</span></code></pre>

		<p>To instantiate the LightWindow see the lightwindow.js file where by default it is set to this:</p>
<pre><code>
myLightWindow = new lightwindow();
</code></pre>
		<p><em>to say something like this and define your own options just as you would with prorotype.js or scriptaculous...</em></p>
<pre><code>
myLightWindow = new lightwindow({resizeSpeed : 10});
</code></pre>

		<p>Now there has been some grumbling about how to set this up, it\'s really simple, don\'t over-think it.
	
	';

	$ns->tablerender("help", $text);

} else {
	$ns->tablerender("Du bist in Mod-Titels", show_options());
}

require_once(e_ADMIN."footer.php"); 
exit;

function show_options()
{
	global $pref;
	$txt = "<div align='center'
	<a class='lightwindow'  href=\"http://stickmanlabs.com/lightwindow/#demos\" title=\"Hier steht die &uuml;berschrift\" caption=\"Hier ist der footer\"><img style='vertical-align:middle; text-decoration:none'width='128' height='128' src='images/boxi.png'/>DEMO und Extensions</a></div>
	

	";
	return $txt;
}
function show_message($message, $caption='', $error=false) {
	global $ns;
	$ns->tablerender($caption, "<div style='text-align:center; font-weight: bold'>".($error ? "<span style='color: ".varset($pref['e107wiki_err_color'], '#8B0000', true)."'>".$message."</span>" : $message)."</div>");
}
?>