Variable Options without Variables?
<pre><code>&lt;script type="text/javascript"&gt; 
    clBoxActive = true;
    clBoxTrigger = "cl-trigger";
    clBoxTriggerType = "#";
    clBoxClass = "overlay-box";
    clEffectIn = "fade";
    clEffectOut = "fade";
    clOnLoad = false;
    clAllowExit = true;
&lt;/script&gt;
</code></pre>

<p>This is what i currently have. Its options to do a lightbox like script where you click on the trigger, and it opens:</p>

<pre><code>&lt;div class="overlay-box" style="display:none;"&gt;
    &lt;div class="ol-wrapper"&gt;
        &lt;div class="ol-box-content"&gt;
            This is the overlay box content.
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="ol-box-bg"&gt;&amp;nbsp;&lt;/div&gt; 
&lt;/div&gt;
</code></pre>

<p>ol-box-bg is the background which the jquery pulls the height and width of the browser, and set the css to the box, and the rest is in style.css which it says position: absolute; and opacity, and other stuff to just style it to make it black with see through...</p>

<p>ol-box-content is the content box, its got a wrapper to allow it to center, but otherwise its got similar properties in the style.css as the ol-box-bg..</p>

<p>My question is... Im trying to make it a little more dynamic where i can allow multiple lightbox triggers that open different boxes to overlay the pages content. However i came across the problem of, the variables can only be set one time, and i have no clue where to go from here..</p>

<p>I notice that some people do stuff like:</p>

<pre><code>optionName: optionvalue
</code></pre>

<p>but im not sure what it is, or how its used..</p>
