<!-- ////////////////// COLOR PICKER ////////////////////////// -->

<xul:script language="JavaScript" src="<?php print(URL);?>/color-picker/colorPicker.js" />

        <xul:box type="selectoption">
	<xul:titledbutton
                id              = "currentColor"
		style		= "background-color: #000000;"
                class           = "selected-color"
                onclick         = "insertQuickColor(this.id);" />
	<xul:menu type="color-picker">
        <xul:titledbutton
                id              = "color-picker"
                class           = "fixed-arrow"
                popup           = "colorPicker"
                popupanchor     = "bottomleft" />

<xul:menupopup id="colorPicker">
        
<xul:box class="cp-main" orient="vertical" flex="100%">
        
<xul:box class="popup" orient="horizontal" flex="100%">

        <xul:titledbutton
                class           = "colorpicker"
                id           	= "000000"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />
</xul:box>

<xul:box class="popup" orient="horizontal" flex="100%">

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffffff"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffcccc"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />
        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffcc99"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffffcc"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "99ff99"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ccffff"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffccff"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />


</xul:box>

<xul:box class="popup" orient="horizontal" flex="100%">

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "cccccc"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ff6666"	
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />
        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffcc33"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffff99"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "66ff99"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "66ffff"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ff99ff"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

</xul:box>

<xul:box class="popup" orient="horizontal" flex="100%">

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "c0c0c0"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ff0000"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ff9900"
                align           = "left"
                onclick         = "insertColor('#ff9900'); color_Picker('#ff9900');" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffff00"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "33ff33"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "33ccff"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "cc66cc"
                align           = "left"
                onclick         = "insertColor('#cc66cc'); color_Picker('#cc66cc');" />


</xul:box>

<xul:box class="popup" orient="horizontal" flex="100%">

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "999999"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "cc0000"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ff6600"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "ffcc00"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "00cc00"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "3366ff"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "cc33cc"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

</xul:box>

<xul:box class="popup" orient="horizontal" flex="100%">

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "666666"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "990000"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "cc6600"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "999900"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "009900"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "3333ff"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "993366"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

</xul:box>

<xul:box class="popup" orient="horizontal" flex="100%">

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "333333"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "660000"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "993300"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "666600"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "006600"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "000099"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "663366"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

</xul:box>

<xul:box class="popup" orient="horizontal" flex="100%">

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "000000"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "330000"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "663300"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "333300"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "003300"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "000066"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />

        <xul:titledbutton 
                class           = "colorpicker"
		id		= "330033"
                align           = "left"
                onclick         = "insertColor('#'+this.id); color_Picker('#'+this.id);" />


</xul:box>


<xul:box class="cp-popup" orient="horizontal" flex="100%">

<xul:spring flex="100%"/>

        <xul:titledbutton 
		class		= "button_style"
                align           = "middle"
                value           = "Other . . . "
		popup        	= "advancedPicker"
                popupanchor     = "bottomleft" 
                onclick         = "dump('other\n\n');" />

<xul:spring flex="100%"/>

</xul:box>
</xul:box>

</xul:menupopup>
	</xul:menu>
        </xul:box> 
       
<!-- ////////////////// COLOR PICKER ////////////////////////// -->

