$(this).toggleClass('ui-state-active');
$(this).children('span').toggleClass('ui-icon-triangle-1-s').toggleClass('ui-icon-triangle-1-e');" >
<span class="ui-icon ui-icon-triangle-1-s"></span>
<a href="#" tabindex="-1">Manage Flags</a>
</h3>
<div id="manage_flags" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active" role="tabpanel">
<a onclick="$('#add_flag_input').colorpicker('open');" ><button>add flag<div class="add_button in_button"> </div></button></a>
<input style="width: 0px;" id="add_flag_input" >
<?php
$run_on_start[] = 'cp_addflag' . " = \$('#add_flag_input').colorpicker({\r\nshowOn: '',\r\ntop: \$('#add_flag_input').position().top + 'px',\r\nleft: ( \$('#add_flag_input').position().left + 30 ) + 'px',\r\nlayout: { map: [0,0,1,3] },\r\nonClose: function(hex, rgba, inst){\r\n var value = hex.substr(1);\r\n flags.add_flag_color( value , { onUpdate: function( response , root ){ " . $page->page_link('admin') . " } } );\r\n},\r\nparts: ['bar', 'map']\r\n}); \r\n\$('#add_flag_input').hide();";
?>
<table>
<?php
$flag_arr = $flags->get_all_flags();
foreach ($flag_arr as $flag) {
$run_on_start[] = 'cp_' . $flag['flag_type_id'] . " = \$('#colorpicker" . $flag['flag_type_id'] . "').colorpicker({\r\nshowOn: '',\r\ntop: \$('#colorpicker" . $flag['flag_type_id'] . "').position().top + 'px',\r\nleft: ( \$('#colorpicker" . $flag['flag_type_id'] . "').position().left + 30 ) + 'px',\r\nlayout: { map: [0,0,1,3] },\r\nonClose: function(hex, rgba, inst){\r\n var value = hex.substr(1);\r\n flags.edit_flag_color( '" . $flag['flag_type_id'] . "' , value , {} );\r\n \$('#color_button" . $flag['flag_type_id'] . "').css('background' , 'url(image.flag.php?size=16&color=' + value + ')' );\r\n},\r\nparts: ['bar', 'map']\r\n}); \r\n\$('#colorpicker" . $flag['flag_type_id'] . "').hide();";
echo '<tr><td><div><input id=colorpicker' . $flag['flag_type_id'] . ' onchange="change_button_image( $(this).val() , \'' . $flag['flag_type_id'] . '\');" value=\'' . $flag['color'] . '\'/>
<a onclick="cp_' . $flag['flag_type_id'] . '.colorpicker(\'open\');" ><div id=color_button' . $flag['flag_type_id'] . ' class="in_button" style="background-size: 15px 15px;
background-repeat:no-repeat;width: 15px; height: 15px; background: url(\'image.flag.php?size=16&color=' . $flag['color'] . '\')"> </div></a></div></td><td><input value="' . $flag['description'] . '" onchange="flags.edit_flag_description( \'' . $flag['flag_type_id'] . '\' , $(this).val() , {} );" /></td><td style="padding-left: 20px;" ><a onclick="delete_flag( \'' . $flag['flag_type_id'] . '\' )" ><button>delete flag<div class="trash_can_normal in_button" > </div></button></a></td></tr>';
}
?>
</table>
</div></div>
<div style=" width: 450px" class="ui-accordion ui-accordion-icons" >
<h3 class="ui-accordion-header a ui-helper-reset ui-state-default ui-state-active ui-corner-top single_accordion"
onclick="
$(this).siblings('.ui-accordion-content').toggle();
$(this).toggleClass('ui-state-active');
