function weaveriip_slider_output_style($sout)
{
    if (!weaverii_pro_isset('slider_number_sliders')) {
        weaveriip_slider_init();
    }
    if (!weaverii_pro_getopt('slider_enable')) {
        return;
    }
    weaverii_f_write($sout, "/* Weaver II Pro Slider CSS */\n");
    // slider
    for ($i = 1; $i <= weaverii_pro_getopt('slider_number_sliders'); $i++) {
        // build CSS for each slider
        $w = weaverii_pro_getopt('slider' . $i . '_menu_width');
        if ($w < 768) {
            $w = 768;
        }
        if (weaverii_pro_getopt('slider' . $i . '_hidemobile')) {
            weaverii_f_write($sout, '@media only screen and (max-width:' . $w . 'px) {#weaver-slider' . $i . "{display:none !important;}}\n");
        }
        if (weaverii_pro_getopt('slider' . $i . '_hidemenu')) {
            $id = weaverii_getopt('wii_move_menu') ? '#nav-top-menu' : '#nav-bottom-menu';
            weaverii_f_write($sout, '@media only screen and (min-width:' . ($w + 1) . 'px) {' . $id . "{display:none !important;}}\n");
        }
        $sname = 'slider' . $i;
        $iheight = weaverii_pro_getopt($sname . '_img_height');
        $iwidth = weaverii_pro_getopt($sname . '_img_width');
        weaverii_f_write($sout, sprintf("#weaver-%s img {margin:0;max-width:%dpx !important;}\n", $sname, $iwidth));
        weaverii_f_write($sout, sprintf("#weaver-%s {clear:both;width:%dpx;%s}\n", $sname, weaverii_pro_getopt($sname . '_menu_width'), weaverii_pro_getopt($sname . '_borders')));
        // !importants needed to make work right in sidebar
        weaverii_f_write($sout, sprintf("#weaver-%s ul {position:relative;overflow:hidden;margin:0px !important;padding:0px !important;list-style-type:none !important;}\n", $sname));
        weaverii_f_write($sout, sprintf(".weaver-link-%s {position:absolute;%s}\n", $sname, weaverii_pro_getopt($sname . '_text_font')));
        if (weaverii_pro_getopt($sname . '_noeffects')) {
            if (weaverii_pro_getopt($sname . '_vertical')) {
                weaverii_f_write($sout, sprintf("#weaver-%s li {position:relative !important; width:%dpx;height: %dpx;}\n", $sname, $iwidth, $iheight));
            } else {
                weaverii_f_write($sout, sprintf("#weaver-%s li {position:relative; width:%dpx;height: %dpx;clear:both !important;display:inline !important;}\n", $sname, $iwidth, $iheight));
            }
        } else {
            weaverii_f_write($sout, sprintf("#weaver-%s li {position:absolute; width:%dpx;height: %dpx;}\n", $sname, $iwidth, $iheight));
        }
    }
    weaverii_f_write($sout, '.weaver-slider a img {display:inline !important;}');
    // fix no-slide menu
}
function weaveriip_slider_admin()
{
    if (!weaverii_pro_isset('slider_number_sliders')) {
        weaveriip_slider_init();
    }
    ?>

	<div>
	<p class='wvr-option-section'>Slider Menu Shortcode - [weaver_slider] <?php 
    weaveriip_help_link('pro-help.html#slider', 'Slider help');
    ?>
</p>

	<p>This tab configures the Weaver II Pro Slider shortcode. These are the basic steps:
	<ol>
		<li>First, you <strong><em>MUST</em></strong> use the WP 3 Appearance->Menus admin option (Menu box
		in the upper right corner) to define
		a custom menu for each Slider you've defined. For each slider, you can define from 2 to 8 Menu items.
		Don't define sub-menus. Failure to follow these guidelines will result in a broken-looking slider.</li>
		<li>Set the options for each Slider. Create and specify images to be used. You can change the default sizes. The actual
		display width (or height for vertical menus) of each image on the menus is automatically adjusted.</li>
		<li><strong style="color:red;">Show your Slider!</strong> Add the <code>[weaver_slider id=1]</code> shortcode to your site
		for each Slider. For example, add <code>[weaver_slider]</code> to "Site Header Insert Code"
		from "Advanced Options&rarr;HTML Insertion" to display the first slider (id=1, the default) in your <strong>site header</strong>.
		Add <code>[weaver_slider id=2]</code>
		to a standard <em>Text Widget</em> to add a vertical slider to a <strong>sidebar</strong>.
		If you are placing a horizontal slider in the header, you likely will want to disable the standard header
		image. (Set "Header Image Height" to 0 in Main Options->Header Options)</li>
		<li>Once you have defined any Slider Menus, you must check "Enable Slider Menu". None will display until you do.
		</li>

	</ol>
	</p>
	<form name="weaveriip_options_form" method="post">
		<input class="button-primary" type="submit" name="weaverii_pro_save_pro" value="Save Slider Options"/>
		<br /><br />
		<fieldset class="options">
		<table class="optiontable">
		<tr>
			<th scope="row" align="right" style="width:200px;">Enable Slider Menu:&nbsp;</th>
			<td>
			<input type="checkbox" name="slider_enable" id="slider_enable" <?php 
    echo weaverii_pro_getopt('slider_enable') ? "checked" : "";
    ?>
 />
			</td>
			<td style="padding-left: 10px"><small>Enable Sliders. The <code>[weaver_slider]</code> shortcode will not be recognized until you Enable Sliders.</small></td>
		</tr>
		<tr>
			<th scope="row" align="right">Number of Sliders:&nbsp;</th>
			<td>
				<input name="slider_number_sliders" id="slider_number_sliders" type="text" style="width:30px;height:20px;" class="regular-text" value="<?php 
    weaverii_esc_textarea(weaverii_pro_getopt('slider_number_sliders'));
    ?>
" />
			<td style="padding-left: 10px"><small>Number of Sliders. Need a unique slider defined for each <code>[weaver_slider]</code> shortcode used. Default is 1, max is 10.</small></td>
			</td>
		</tr>
		</table>
<?php 
    for ($i = 1; $i <= weaverii_pro_getopt('slider_number_sliders'); $i++) {
        // opts for each slider
        weaveriip_slider_sform($i);
    }
    ?>
	<input type="hidden" name="weaveriip_save_slider" value="Weaver Slider Options Saved" />
<?php 
    weaverii_nonce_field('weaverii_pro_save_pro');
    ?>
	</form>
   </div>
	<hr />
<?php 
}