<!--global-->
        <form method="post" name="style_global" >
        <table class = "submenu11" id="submenu11">
            <tr><td><label class="text-titre" >Background</label></td></tr>
            <tr><td>
                <label class="style">Color </label>
                <input class="default colour_sample_bg" id="bckgrd_color"
                name="bckgrd_color" type="text" size=10 value=$vis.visualStyle.global.backgroundColor()>>
            </tr></td>
            <tr><td><label class="text-titre" >Selection Rectangle</label></tr></td>
            <tr><td>
                <label class="style">Line Width <span class="ui-validation-error-message"></span></label>
                <input class="default" id="selRec_width" name="selRec_width" type="text" size=10>
            </tr></td>
            <tr><td>
                <label class="style">Line Color <span class="ui-validation-error-message"></span></label>
                <input class="default colour_sample_bg" id="selRec_color" name="selRec_color" type="text" size=10>
            </tr></td>
            <tr><td>
                <label class="style">Line Opacity <span class="ui-validation-error-message"></span></label>
                <input class="default" id="selRec_opacity" name="selRec_opacity" type="text" size=10>
            </tr></td>
            <tr><td>
                <label class="style">Fill Color <span class="ui-validation-error-message"></span></label>
                <input class="default colour_sample_bg" type="text" id="selRec_fillColor" name="selRec_fillColor" size=10>
            </tr></td>
            <tr><td>
                <label class="style">Fill Opacity <span class="ui-validation-error-message"></span></label>
                <input class="default" type="text" id="selRec_fillOpacity" name="selRec_fillOpacity" size=10>
            </tr></td>
            <tr><td><label class="text-titre" >Tooltip</label></tr></td>
            <tr><td>
                <label class="style">Delay (milliseconds) <span class="ui-validation-error-message"></span></label>
                <input class="default" type="text" id="tooltip" name="tooltip" size=10>
            </tr></td>
            </table>
        </form>
        <script>
        var style = {
            global: {
                backgroundColor: $_POST['bckgrd_color'],
                selectionFillColor : $_POST['selRec_fillColor'],
                selectionLineColor : $_POST['selRec_color'],
                selectionFillOpacity : $_POST['selRec_fillOpacity'],
                selectionLineOpacity : $_POST['selRec_opacity'],
                selectionLineWidth : $_POST['selRec_width'],
                tooltipDelay: $_POST['tooltip']
            }
        };
        vis.visualStyle(style);</script>

        <!--
    backgroundColor {String}: Background color of the network view (hexadecimal code). The default value is "#ffffff".
    tooltipDelay {Number}: Number of milliseconds to delay before displaying the tooltip, when the cursor is over a node or edge. The default value is 800 milliseconds.
    selectionFillColor {String}: Fill color of the drag-selection rectangle. The default value is "#8888ff".
    selectionLineColor {String}: Line color of the drag-selection border. The default value is "#8888ff".
    selectionFillOpacity {Number}: Fill opacity of the drag-selection rectangle (0 to 1). The default value is 0.1.
    selectionLineOpacity {Number}: Line opacity of the drag-selection border (0 to 1). The default value is 0.8.
    selectionLineWidth {Number}: Line width of the drag-selection border. The default value is 1.
    -->

    <!-- vizmapper_Nodes -->
    <form method="post" name="style_nodes" >

    <table class="submenu12" id="submenu12">
    <tr><td><label class="text-titre" >Border</label></td></tr>
<!-- Border Width -->
    <tr><td>
        <label class="style">Width </label>
        <input class="default" id="nBorder_width" name="nBorder_width" type="text" size=10 value=$vis.selected.nodes.borderWidth()>
    </tr></td>
<!-- Border Color -->
    <tr><td>
        <label class="style">Color </label>
        <input class="default" id="nBorder_color" name="nBorder_color" type="text" size=10 value=$vis.selected.nodes.borderColor()>
    </tr></td>

    <tr><td><label class="text-titre" >Fill</label></td></tr>
<!-- Size -->
    <tr><td>
    <label class="style">Size </label>
    <input class="default" id="n_size" name="n_size" type="text" size=10 value=$vis.selected.nodes.size()>
    </tr></td>

<!-- Color -->
    <tr><td>
    <label class="style">Color </label>
    <input class="default" id="n_color" name="n_color" type="text" size=10 value=$vis.selected.nodes.color()>
    </tr></td>

<!-- Opacity -->
    <tr><td>
    <label class="style">Opacity </label>
    <input class="default" id="n_opacity" name="n_opacity" type="text" size=10 value=$vis.selected.nodes.opacity()>
    </tr></td>

<!-- Shape -->
    <tr><td>
    <label class="style">Shape </label>
    <input class="default" id="n_shape" name="n_shape" type="text" size=10 value=$vis.selected.nodes.shape()>
    <div align="center"><br>
<input type="checkbox" name="ellipse" value="ellipse"> Ellipse<br>
<input type="checkbox" name="triangle" value="triangle"> Triangle<br>
<input type="checkbox" name="diamond" value="diamond"> Diamond<br>
<input type="checkbox" name="rectangle" value="rectangle"> Rectangle<br>
<br></div>
    </tr></td>

    </table>
    </form>

<!--
    * shape {NodeShape}: Node shape name. The default value is "ELLIPSE".
    * size {Number}: Node size, in pixels. The default value is 24.
    * color {String}: Fill color code of nodes. The default value is "#f5f5f5".
    * image {String}: The URL of the image to be used as the node background. No image is used by default. If you specify a cross-domain address, then the image might not be loaded by Flash, unless the host provides a cross-domain XML file that allows you to do so. We recommend you use a server-side proxy on your web host machine if you have this issue. See an example in PHP to understand the process of writing your own proxy.
    * borderColor {String}: Border color of nodes. The default value is "#666666".
    * borderWidth {Number}: Border width of nodes. The default value is 1.
    * opacity {Number}: The node opacity (0 to 1). The default value is 0.8.
    * selectionColor {String}: The fill color of selected nodes. The default value is the same one set to color.
    * selectionBorderColor {String}: The border color of selected nodes. The default value is the same one set to borderColor.
    * selectionOpacity {Number}: The opacity of selected nodes (0 to 1). The default value is the same one set to opacity.
    * selectionBorderWidth {Number}: The border width of selected nodes (0 to 1). The default value is the same one set to borderWidth.
    * selectionGlowColor {String}: The glow color of selected nodes.The default value is "#ffff33".
    * selectionGlowOpacity {Number}: The glow transparency of selected nodes. Valid values are 0 to 1. The default value is 0.6 (60% opaque).
    * selectionGlowBlur {Number}: The amount of blur for the selection glow. Valid values are 0 to 255 (floating point). The default value is 8. Values that are a power of 2 (such as 2, 4, 8, 16, and 32) are optimized to render more quickly.
    * selectionGlowStrength {Number}: The strength of the glow color imprint or spread when the node is selected. The higher the value, the more color is imprinted and the stronger the contrast between the glow and the background. Valid values are 0 to 255. The default is 6.
    * hoverOpacity {Number}: The opacity of the node when the mouse is over it (0 to 1). The default value is the same one set to opacity.
    * hoverBorderColor {String}: The border color when the mouse is over a node. The default value is the same one set to borderColor.
    * hoverBorderWidth {Number}: The node border width on mouse over. The default value is the same one set to borderWidth.
    * hoverGlowColor {String}: The node glow color on mouse over. The default value is "#aae6ff".
    * hoverGlowOpacity {Number}: The node glow opacity on mouse over (0 to 1). The default value is 0, which means that there is no visible glow on mouse over.
    * hoverGlowBlur {Number}: The amount of blur for the mouse over glow. Valid values are 0 to 255 (floating point). The default value is 8. Values that are a power of 2 (such as 2, 4, 8, 16, and 32) are optimized to render more quickly.
    * hoverGlowStrength {Number}: The strength of the glow color imprint or spread on mouse over. The higher the value, the more color is imprinted and the stronger the contrast between the glow and the background. Valid values are 0 to 255. The default is 6.
    * label {String}: The text to be displayed as node label. A Passthrough Mapper is created by default, and it displays the node data.label attribute value.
    * labelFontName {String}: Font name of node labels. The default is "Arial".
    * labelFontSize {Number}: The point size of node labels. The default size is 11.
    * labelFontColor {String}: Font color of node labels. The default value "#000000".
    * labelFontWeight {String}: normal or bold. The default is "normal".
    * labelFontStyle {String}: normal or italic. The default is "normal".
    * labelHorizontalAnchor {String}: The horizontal label anchor: left, center or right
    * labelVerticalAnchor {String}: The vertical label anchor: top, middle or bottom
    * labelXOffset {Number}: Horizontal distance of the label from the node border. If labelHorizontalAnchor is "right", the distance is measured from the left side of the node, and a negative offset displaces the label towards left.
    * labelYOffset {Number}: Vertical distance of the label from the node border. If labelVerticalAnchor is "bottom", the distance is measured from the top side of the node, and a negative offset moves the label upper.
    * labelGlowColor {String}: The color of the label glow. The default value is "#ffffff".
    * labelGlowOpacity {Number}: The alpha transparency of the label glow. Valid values are 0 to 1. The default value is 0 (totally transparent).
    * labelGlowBlur {Number}: The amount of blur for the label glow. Valid values are 0 to 255 (floating point). The default value is 8. Values that are a power of 2 (such as 2, 4, 8, 16, and 32) are optimized to render more quickly.
    * labelGlowStrength {Number}: The strength of the imprint or spread. The higher the value, the more color is imprinted and the stronger the contrast between the glow and the background. Valid values are 0 to 255. The default is 20.
    * tooltipText {String}: Static text or a text formatter for node tool tips. A list with all the node data attributes is displayed by default.
    * tooltipFont {String}: Font name of node tool tips. The default font is "Arial".
    * tooltipFontSize {Number}: The point size of node tool tips. The default value is 11.
    * tooltipFontColor {String}: Font color of node tool tips. The default value is "#000000".
    * tooltipBackgroundColor {String}: Background color of node tool tips. The default value is "#f5f5cc".
    * tooltipBorderColor {String}: Border color of node tool tips. The default value is "#000000".
-->