$versions{'store_admin_html.pl'} = '06.6.00.0000';
#
# This file contains misc HTML viewers & controls for core store admin screens
#
#######################################################################
#
# AgoraCart and all associated files, except where noted, are
# Copyright 2001 to Present jointly by K-Factor Technologies, Inc.
# and by C E Mayo (aka Mister Ed) at AgoraCart.com & K-Factor.net
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at

# http://www.apache.org/licenses/LICENSE-2.0

# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
#
# This copyright notice may not be removed or altered in any way.
#
#######################################################################

sub add_item_to_manager_menu

  #add_item_to_manager_menu("My Option","do_this=yes","my option");
  # adds item to the menu at the top below the banner
{
    local ( $display_name, $action, $sort_name ) = @_;
    local ($continue) = q{};
    if ( $sort_name eq '' ) { $sort_name = $display_name; }
    codehook('add-item-to-manager-menu');
    if ( $continue eq 'no' ) { return; }
    $sort_name =~ tr/a-z/A-Z/;
    $top_menu{$sort_name}      = $action;
    $top_menu_name{$sort_name} = $display_name;
}

#######################################################################

sub make_lists_of_various_options {
    local ( @glist, @dblibs, $item, $item_lc );
    local (%maingatelist,%mainsettingslist, $is_gateway_checked);

    # check for files ending in _db_lib.pl in the library directory
    opendir( USER_LIBS, "$sc_lib_dir" );
    @dblibs = sort( grep( /_db_lib\.pl\b/i, readdir(USER_LIBS) ) );
    closedir(USER_LIBS);

    # list all possible non-null gateways in the string
    $mylist_of_database_libs = q{};
    foreach $item (@dblibs) {
        if ( $item eq $sc_database_lib ) {
            $mylist_of_database_libs .= "<option selected>$item</option>\n";
        }
        else {
            $mylist_of_database_libs .= "<option>$item</option>\n";
        }
    }

    #$mylist_of_gateway_options = q{};
    @glist = split( /\|/, $mc_gateways );
    foreach $item (@glist) {
        if ( $item ) {
            $item_orig = '';
            if ( $item =~ /::/ ) {
                $item_orig = $item;
                $item_orig =~ s/2//;
                ( $item_lc, $item ) = split(/::/, $item, 2);
            }
            else {
                $item_orig = $item . '::' . $item;
                $item_lc = $item;
            }
            my $value_name = $item_lc;
            $value_name =~ s/2//;
            $item_lc =~ tr/A-Z/a-z/;

            $maingatelist{$item_lc} = "<option value='$item_orig'>$item</option>\n";
            #$zlist{$item_lc} = "<option value='$value_name'>$item</option>\n";
            if ( $mc_mgr_gateways_enabled =~ /$value_name/ ) {
                $is_gateway_checked = ' checked';
            }
            else {
                $is_gateway_checked = '';
            }
            $mainsettingslist{$item_lc} = qq{
<div class="col-sm-6" style="margin-bottom: 10px;">
    <div class="input-group">
      <span class="input-group-addon">
        <input type="checkbox" name="gateways_enabled" value="$value_name"$is_gateway_checked>

      </span>
      <label class="form-control">$item <span style="padding-left: 20px;"></span><a href="manager.cgi?mgr_seshun=$mgr_seshun&gateway=$value_name&SelectGatewayScreen=submit"><i class="fa fa-pencil-square-o" data-toggle="tooltip" data-placement="right" title="Edit the settings for the $value_name payment gateway" aria-hidden="true"></i></a></label>
    </div>
</div>
};

        }
    }
    #foreach $item ( sort( keys %zlist ) ) {
        #$mylist_of_gateway_options .= $zlist{$item};
    #}
    foreach $item ( sort( keys %maingatelist ) ) {
        $mylist_of_mainscreen_gateway_options .= $maingatelist{$item};
    }

    foreach $item ( sort( keys %mainsettingslist ) ) {
        $mylist_of_gateways_installed .= $mainsettingslist{$item};
    }

}

#######################################################################

sub parse_image_string {

    local ($str) = @_;
    my ( $image, $junk );

    # Parse the database entry for the image, take out just the actual
    # file name.  Change this routine if it doesn't exactly work ...
    # Looking for something in the string like <IMG SRC="

    if ( $str =~ /\<img src=\[/i ) {
        ( $junk, $image ) = split( /\<img src=/i, $str, 2 );    # keep part up to the =
    }
    elsif ( $str =~ /\<img src=\'/i ) {
        ( $junk, $image ) = split( /\<img src=\'/i, $str, 2 );    # keep part up to the '
    }
    elsif ( $str =~ /\<img src=\"/i ) {
        ( $junk, $image ) = split( /\<img src=\"/i, $str, 2 );    # keep part up to the "
    }
    else {
        $image = $str;
    }

    $image =~ s/.*\[\[URLofImages\]\]\///g;
    $image =~ s/.*html\/images\///ig;
    $image =~ s/.*view66\/images\///ig;
    $image =~ s/.png.*/.png/ig;
    $image =~ s/.gif.*/.gif/ig;
    $image =~ s/.jpg.*/.jpg/ig;
    $image =~ s/.jpeg.*/.jpeg/ig;

    return $image;

}

#######################################################################

sub create_image_string {

    # creates the image database string given the image name

    my ($str) = @_;
    my ( $imagestring, $imageinput ) = q{};

    # just incase the image string is redone
    require_supporting_libraries( __FILE__, __LINE__, "$sc_template_widgets_file" );

    $imagestring = $sc_image_string_template;

    if ( $in_sku ) {
        $imageinput = "$mc_images_dir/$in_sku/$str";
    }
    elsif ( $in{'new_sku'} ) {
        $imageinput = "$mc_images_dir/$in{'new_sku'}/$str";
    }
    elsif ( $in{'ProductEditSku'} ) {
        $imageinput = "$mc_images_dir/$in{'ProductEditSku'}/$str";
    }

    #changed default image location if exists in P_ID based image directory
    if ( -e "$imageinput" ) {
        $imagestring =~ s/\[\[image\]\]/\[\[img_pid\]\]\/$str/i;
    }
    else {
        $imagestring =~ s/\[\[image\]\]/$str/ig;
    }

    return $imagestring;

}

#######################################################################

sub display_error_log {
    local ($stuff);
    local ($lines)  = 0;
    local ($logfile) = "$sc_error_log_path";

    print &$manager_page_header( 'Error Log', '', '', '', '' );

    print <<ENDOFTEXT;
<h3 class='mgr-page-title'>ERROR LOG: $logfile</h3>
<p><br></p>

<a href="manager.cgi?mgr_seshun=$mgr_seshun&clear_error_log=yes" class="btn btn-warning btn-lg btn-block mgr-center" role="button">CLEAR ERROR LOG</a>
<p><br></p>

ENDOFTEXT

    display_a_file( $logfile, 'yes', 'Empty Error Log' );

    print &$manager_page_footer;

}

#######################################################################

sub display_a_file {
    local ( $logfile, $need_rules, $empty_msg ) = @_;
    local ($stuff);
    local ($lines) = 0;

    print <<ENDOFTEXT;
<div class="table-responsive">
<table class="table table-bordered table-condensed">
<tr><td>
ENDOFTEXT

    open( LOGFILE, "$logfile" ) || print q{};

    while (<LOGFILE>) {

        if ( ( $lines > 0 ) && ($need_rules) ) {
            print "<hr>\n";
        }

        $stuff = $_;
        $stuff =~ s/\</\&lt;/g;
        $stuff =~ s/\>/\&gt;/g;
        $stuff =~ s/\|/\<br\>/g;

        # $stuff =~ s/ /\&nbsp;/g;

        print "$stuff<br>\n";
        $lines++;

    }

    close(LOGFILE);

    if ( $lines == 0 ) {
        print "$empty_msg\n";
    }

    print "</td></tr></table></div>\n <p><br><br><br></p>";

}

#######################################################################

sub display_main_settings_choices {

    my ($maxcols) = 3;
    local ( %my_list, @my_keys, $inx, $items, $link );

    if ( ( $mc_change_main_settings_ok =~ /yes/i ) && ( $mc_main_settings_initial_setup_ok eq 'yes' ) ) {
        print <<ENDOFTEXT;
<div class="col-md-6 col-lg-6 col-sm-offset-0 col-md-offset-3 col-lg-offset-3">
        <form action="manager.cgi" method="post"><input type="hidden" name="mgr_seshun" value="$in{'mgr_seshun'}">
        <input type="hidden" name="main_settings_screen" value="1">
        <button class="btn btn-primary btn-lg btn-block">Main / Core AgoraCart Settings</button>
        </form><br><br>
  </div>
</div>
ENDOFTEXT
    }
    elsif ( $mc_change_main_settings_ok =~ /yes/i ) {
        print <<ENDOFTEXT;
<div class="row">
    <div class="col-md-6 col-lg-6 col-md-offset-3 col-lg-offset-3">
        <form action="manager.cgi" method="post"><input type="hidden" name="mgr_seshun" value="$in{'mgr_seshun'}">
        <input type="hidden" name="main_settings_screen" value="1">
        <button class="btn btn-danger btn-lg"> ***  Main / Core AgoraCart Settings - Set Up First *** </button>
        </form><br><br>
    </div>
</div>
ENDOFTEXT
    }

    $items = 0;
    foreach $inx ( sort( keys(%store_settings_name) ) ) {
        $link = $store_settings_link{$inx};
        if ( $menu_items_disabled{$link} eq '' ) {
            $items++;
            if ( $items == 1 ) {
                print "<div class='row'>\n";
            }
            print <<ENDOFTEXT;
<div class="col-md-4 col-lg-4">
    <form action="manager.cgi" method="post"><input type="hidden" name="mgr_seshun" value="$in{'mgr_seshun'}">
    <input type="hidden" name=$store_settings_link{$inx} value="$store_settings_name{$inx}">
    <button class="btn btn-info btn-block">$store_settings_name{$inx}</button>
    </form><br>
</div>
ENDOFTEXT

            if ( $items == $maxcols ) {
                $items = 0;
                print "</div>\n";
            }
        }
    }

    print <<ENDOFTEXT;
</div></div>
ENDOFTEXT

}

#######################################################################

sub display_ordermanagement_settings_choices {

    my ($maxcols) = 2;
    local ( $inx, $items, $link );

    $items = 0;
    foreach $inx ( sort( keys(%ordermanage_settings_name) ) ) {
        $link = $ordermanage_settings_link{$inx};
        if ( $menu_items_disabled{$link} eq '' ) {
            $items++;
            if ( $items == 1 ) {
                print "<div class='row'>\n";
            }
            print <<ENDOFTEXT;
<div class="col-md-6 col-lg-6">
    <form action="manager.cgi" method="post"><input type="hidden" name="mgr_seshun" value="$in{'mgr_seshun'}">
    <input type="hidden" name=$ordermanage_settings_link{$inx} value="$ordermanage_settings_name{$inx}" />
    <button class="btn btn-info btn-block">$ordermanage_settings_name{$inx}</button>
    </form><br>
</div>
ENDOFTEXT

            if ( $items == $maxcols ) {
                $items = 0;
                print "</div>\n";
            }
        }
    }

    print <<ENDOFTEXT;
</div></div>
ENDOFTEXT

}

#######################################################################

sub display_merchandisingtools_settings_choices {

    my ($maxcols) = 2;
    local ( $inx, $items, $link );

    $items = 0;
    foreach $inx ( sort( keys(%merchtools_settings_name) ) ) {
        $link = $merchtools_settings_link{$inx};
        if ( $menu_items_disabled{$link} eq '' ) {
            $items++;
            if ( $items == 1 ) {
                print "<div class='row'>\n";
            }
            print <<ENDOFTEXT;
<div class="col-md-6 col-lg-6">
    <form action="manager.cgi" method="post"><input type="hidden" name="mgr_seshun" value="$in{'mgr_seshun'}">
    <input type="hidden" name=$merchtools_settings_link{$inx} value="$merchtools_settings_name{$inx}" />
    <button class="btn btn-info btn-block">$merchtools_settings_name{$inx}</button>
    </form><br>
</div>
ENDOFTEXT

            if ( $items == $maxcols ) {
                $items = 0;
                print "</div>\n";
            }
        }
    }

    print <<ENDOFTEXT;
</div></div>
ENDOFTEXT

}

#######################################################################

sub display_performance_metrics_choices {

    my ($maxcols) = 2;
    local ( $inx, $items, $link );

    $items = 0;
    foreach $inx ( sort( keys(%performance_metrics_name) ) ) {
        $link = $performance_metrics_link{$inx};
        if ( $menu_items_disabled{$link} eq '' ) {
            $items++;
            if ( $items == 1 ) {
                print "<div class='row'>\n";
            }
            print <<ENDOFTEXT;

<div class="col-md-6 col-lg-6">
    <form action="manager.cgi" method="post"><input type="hidden" name="mgr_seshun" value="$in{'mgr_seshun'}">
    <input type="hidden" name=$performance_metrics_link{$inx} value="$performance_metrics_name{$inx}" />
    <button class="btn btn-info btn-block">$performance_metrics_name{$inx}</button>
    </form><br>
</div>
ENDOFTEXT

            if ( $items == $maxcols ) {
                $items = 0;
                print "</div>\n";
            }
        }
    }

    print <<ENDOFTEXT;
</div></div>
ENDOFTEXT

}

#######################################################################

sub setup_htaccess_screen {
    local ( $the_id, $temp, $whoami );

    print &$manager_page_header( 'htaccess', '', '', '', '' );

    $temp        = $ENV{'PATH'};
    $ENV{'PATH'} = "/bin:/usr/bin";
    $the_id      = `id`;
    $whoami      = `whoami`;
    $ENV{'PATH'} = $temp;

    print <<ENDOFTEXT;
<form action="manager.cgi" method="post">
<input type="hidden" name="mgr_seshun" value="$in{'mgr_seshun'}">
ENDOFTEXT

    if ( $in{'system_edit_success'} ) {
        print <<ENDOFTEXT;
<div class='row'>
    <p class='col-md-12 bg-success text-center' style='padding:10px;'>Settings have been successfully updated.</p>
</div>
<p><br></p>
ENDOFTEXT
    }

    print <<ENDOFTEXT;
    <h1 class='mgr-page-title'>HTACCESS Settings</h1>
    <br><br>

    <p class="well">This screen is only availalble if your store's manager directory is not password protected. Setting this is optional, but advised.<br><br>
    <b>Please use your hosting control panel (such as cPanel) to password protect the "/protected" sub-directory of your store. ONLY USE THIS OPTION IF YOU HAVE NO WAY TO SET PASSWORD PROTECTION for the store's management directory (the ./protected sub-directory of your store).</b><br><br>
    This code is here to assist you in the event that you are running Apache or compatable server and have no way to setup
    password protection (the hidden .htaccess file) to protect the /$mgrdirname sub-directory of your store. If your ISP or web hosting company has allowed for you to  password protect this directory in another fashion, then go ahead and use that.  If not, this procedure will attempt to place a generic .htaccess file as well as a manager.access
    password file in this directory.  <br><br>
    Scripts are running under id: $the_id<br>
    Unix 'whoami' responds with: $whoami<br><br>
    Note: If your scripts run only under the permissions of a generic id (such as "nobody" or "www") and not your user id, and you get locked out after setting this option, you will have to delete the .htaccess file from the /$mgrdirname sub-directory of your store.</p>
    <p><hr></p>

    <p><b>Username: &nbsp; <a data-toggle="collapse" href="#userName" aria-expanded="false" aria-controls="userName"><i class="fa  fa-info-circle"></i></a></b><span style="padding-left: 25px;"></span><input name="username" type="text" size="8" maxlength="8" placeholder="manager" required></p>
    <div class="collapse" id="userName">
         <div class="well">
             <p>Maximum characters allowed: 8. Any additional characters will be truncated.</p>
             <p>No meta-characters allowed, only numbers and letters.</p>
         </div>
     </div>
     <p><hr></p>

     <p><b>password: &nbsp; <a data-toggle="collapse" href="#userName" aria-expanded="false" aria-controls="userName"><i class="fa  fa-info-circle"></i></a></b><span style="padding-left: 25px;"></span><input name="password" type="password" size="8" maxlength="8" placeholder="manager"></p>
     <div class="collapse" id="userName">
          <div class="well">
            <p>Maximum characters allowed: 8. Any additional characters will be truncated.</p>
            <p>No meta-characters allowed, only numbers and letters.</p>
          </div>
      </div>
      <p><br></p>

<input type="hidden" name="system_edit_success" value="yes">
<input name="htaccessSettings" type="hidden" value="Submit">
<button class="btn btn-primary btn-lg mgr-center" style="display: block;"> Create .htaccess Protection</button>
</tr>

<p><br><br><br></p>
</form>
ENDOFTEXT
    print &$manager_page_footer;
}

#######################################################################

sub change_settings_screen {
    local ( $the_id, $temp, $whoami );

    print &$manager_page_header( 'Store Settings Menu', '', '', '', '' );

    print qq{<div class='container-fluid'>};

if ( $in{'system_edit_success'} ) {
    print <<ENDOFTEXT;
<div class='row'>
    <p class='col-md-12 bg-success text-center' style='padding:10px;'>Settings have been successfully updated.</p>
</div>
ENDOFTEXT
}

    print <<ENDOFTEXT;
<div class='row'>
    <h1 class='mgr-page-title'>AgoraCart Store Settings Menu</h1><br><br>
</div>
ENDOFTEXT

    display_main_settings_choices();

    print <<ENDOFTEXT;
    <br><br><br>
</div>
ENDOFTEXT
    print &$manager_page_footer;
}

#######################################################################
# order management choice screens

sub order_management_settings_screen {
    local ( $the_id, $temp, $whoami );

    print &$manager_page_header( 'Order Log Management &amp; Sales Information', '', '', '', '' );

    print qq{<div class='container-fluid'>};

    print <<ENDOFTEXT;
<div class='row'>
    <br>
    <h1 class='mgr-page-title'>Order Logs &amp; Sales Info</h1><br><br>
</div>
ENDOFTEXT

    if ( $in{'system_edit_success'} ) {
        print <<ENDOFTEXT;
<div class='row'>
    <p class='col-md-12 bg-success text-center' style='padding:10px;'>Settings have been successfully updated.</p>
</div>
ENDOFTEXT
    }

    display_ordermanagement_settings_choices();

    print <<ENDOFTEXT;
    <br><br><br>
</div>
ENDOFTEXT
    print &$manager_page_footer;
}

#######################################################################
# content management management screens

sub content_management_settings_screen {
    local ( $the_id, $temp, $whoami );

    print &$manager_page_header( 'Template and Content Management Options',
        '', '', '', '' );

    print qq{<div class='container-fluid'>};

    if ( $in{'system_edit_success'} ) {
        print <<ENDOFTEXT;
<div class='row'>
    <p class='col-md-12 bg-success text-center' style='padding:10px;'>Settings have been successfully updated.</p>
</div>
ENDOFTEXT
    }

    print <<ENDOFTEXT;
<div class='row'>
    <br>
    <h1 class='mgr-page-title'>Template & Content Management</h1>
    <p><br></p>
    <p>This is where you setup many of the options the determine how your store will look, including managers or file editors for your templates, CSS, order forms, layout pages, option files, various files, and settings for the look of the cart contents display &amp; emails</p>
    <p><br><br></p>
</div>
ENDOFTEXT

    display_merchandisingtools_settings_choices(); # older name for these tools

    print <<ENDOFTEXT;
    <br><br><br>
</div>
ENDOFTEXT
    print &$manager_page_footer;
}

#######################################################################
# store performance metrics

sub store_performance_metrics {
    local ( $the_id, $temp, $whoami );

    print &$manager_page_header( 'Store Performance Metrics', '', '', '', '' );

    print <<ENDOFTEXT;
<div class='row'>
    <br>
    <h1 class='mgr-page-title'>Store Performance / Metrics</h1><br><br>
</div>
ENDOFTEXT

    if ( $in{'system_edit_success'} ) {
        print <<ENDOFTEXT;
<div class='row'>
    <p class='col-md-12 bg-success text-center' style='padding:10px;'>Settings have been successfully updated.</p>
</div>
ENDOFTEXT
    }

    display_performance_metrics_choices();

    print <<ENDOFTEXT;
    <br><br><br>
</div>
ENDOFTEXT
    print &$manager_page_footer;
}

#######################################################################
#
# sub make_file_option_list
#   Usage:
#    make_file_option_list($path,$add_path_to_option_value);
#      $path is the path to the directory
#      $add_path_to_option_value is "yes" or "no"
#
# Written by Steve Kneizys 4-JAN-2000
#
#######################################################################
sub make_file_option_list {

    local ( $my_path, $add_path_to_option_value ) = @_;
    local ($answer) = q{};

    opendir( USER_FILES, "$my_path" );
    @files = sort( grep( /\w/, readdir(USER_FILES) ) );

    foreach $filename (@files) {
        if ( -f "$my_path/$filename" ) {
            if ( $add_path_to_option_value =~ /yes/i ) {
                $answer .=
                  "<option value=\"$my_path/$filename\">$filename</option>\n";
            }
            else {
                $answer .= "<option>$filename</option>\n";
            }
            # print "$my_path/$filename\n";
        }
    }
    closedir(USER_FILES);
    return $answer;
}

#######################################################################

sub format_pricemgr {

    local ($unformatted_price) = @_;
    local ($formatted_price);

    # Basically, the routine uses the rounding rules of
    # sprintf.

    # The unformatted_price is rounded to
    # to two decimal places and returned to the calling
    # routine.
    $formatted_price = sprintf( "%.2f", $unformatted_price );
    return $formatted_price;

}

#######################################################################
# for sales log managers
sub set_log_years_months {
    if ( $scm_logdirs_loaded ne 'done' ) {
        opendir( LOGYEARS, "$scm_order_logpath" ) || die("$mgr_open_orders_dir_error_text");
        %scm_logyears      = q{};
        $scm_logyearsCount = '0';
        my @scm_logyearsTemp = readdir(LOGYEARS);
        close(LOGYEARS);
        foreach $scm_logyearsTemp (@scm_logyearsTemp) {
            if (   ( $scm_logyearsTemp =~ /(\d{4})/ )
                && ( !( $scm_logyearsTemp =~ /[a-zA-Z]/ ) ) )
            {
                $scm_logyears{$scm_logyearsTemp} = "$scm_logyearsCount";
                $scm_logyearsCount++;
            }
        }
        $scm_yearlinks  = q{};
        $scm_monthlinks = q{};

        @yearlogkeys = sort( keys(%scm_logyears) );
        foreach $yearlogkeys (@yearlogkeys) {
            if ( $yearlogkeys ) {
                $scm_logyears{$scm_logyearsCount} = "$yearlogkeys";
                $scm_yearlinks .= "<option>$yearlogkeys</option>\n";
            }
        }

        foreach $monthsLong (@months_long) {
            $scm_monthlinks .= "<option>$monthsLong</option>\n";
        }
        my $daysofmonth = 1;
        while ( $daysofmonth < 32 ) {
            $scm_daylinks .= "<option>$daysofmonth</option>\n";
            $daysofmonth++;
        }

    }
    $scm_logdirs_loaded = 'done';
}

#######################################################################

sub javascr_color_picker_display {
    my $js_output = <<ENDOFTEXT;
<h3 class='mgr-page-title'>HEX Color Picker</h3>
<p><br></p>

<p class="well">Use the color picker below to view colors you can use in your CSS style sheet.</p>
<p><br></p>

<script type="text/javascript">
<!-- Begin
var theColor = "";
function showColor(val) {
    document.colorform.hexval.value = val;
    document.all.HEX.style.backgroundColor = val;
    theColor = val;
}
function keepColor() {
    document.colorform.keepcolor.value = theColor;
    document.colorform.HEX2.style.backgroundColor = theColor;
}
//  End -->
</script>

<div align="center">
<form name="colorform">
<map name="colmap">
<area shape="rect" coords="1,1,7,10" onMouseOut="javascript:showColor('')"  onMouseOver="javascript:showColor('#00FF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,1,15,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,1,23,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,1,31,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,1,39,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,1,47,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00FFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,1,55,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,1,63,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,1,71,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,1,79,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,1,87,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,1,95,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33FFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,1,103,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,1,111,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,1,119,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,1,127,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,1,135,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,1,143,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66FFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,1,151,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,1,159,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,1,167,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,1,175,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,1,183,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,1,191,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99FFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,1,199,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,1,207,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,1,215,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,1,223,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,1,231,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,1,239,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCFFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,1,247,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFF00')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,1,255,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFF33')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,1,263,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFF66')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,1,271,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFF99')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,1,279,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFFCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,1,287,10" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFFFFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,12,7,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,12,15,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,12,23,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,12,31,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,12,39,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,12,47,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#00CCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,12,55,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,12,63,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,12,71,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,12,79,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,12,87,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,12,95,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#33CCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,12,103,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,12,111,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,12,119,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,12,127,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,12,135,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,12,143,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#66CCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,12,151,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,12,159,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,12,167,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,12,175,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,12,183,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,12,191,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#99CCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,12,199,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,12,207,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,12,215,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,12,223,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,12,231,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,12,239,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CCCCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,12,247,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCC00')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,12,255,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCC33')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,12,263,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCC66')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,12,271,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCC99')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,12,279,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCCCC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,12,287,21" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FFCCFF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,23,7,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#009900')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,23,15,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#009933')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,23,23,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#009966')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,23,31,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#009999')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,23,39,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0099CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,23,47,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0099FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,23,55,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#339900')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,23,63,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#339933')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,23,71,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#339966')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,23,79,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#339999')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,23,87,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3399CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,23,95,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3399FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,23,103,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#669900')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,23,111,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#669933')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,23,119,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#669966')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,23,127,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#669999')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,23,135,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6699CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,23,143,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6699FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,23,151,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#999900')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,23,159,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#999933')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,23,167,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#999966')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,23,175,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#999999')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,23,183,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9999CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,23,191,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9999FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,23,199,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC9900')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,23,207,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC9933')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,23,215,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC9966')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,23,223,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC9999')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,23,231,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC99CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,23,239,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC99FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,23,247,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF9900')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,23,255,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF9933')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,23,263,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF9966')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,23,271,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF9999')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,23,279,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF99CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,23,287,32" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF99FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,34,7,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#006600')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,34,15,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#006633')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,34,23,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#006666')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,34,31,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#006699')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,34,39,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0066CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,34,47,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0066FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,34,55,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#336600')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,34,63,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#336633')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,34,71,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#336666')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,34,79,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#336699')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,34,87,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3366CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,34,95,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3366FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,34,103,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#666600')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,34,111,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#666633')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,34,119,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#666666')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,34,127,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#666699')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,34,135,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6666CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,34,143,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6666FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,34,151,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#996600')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,34,159,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#996633')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,34,167,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#996666')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,34,175,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#996699')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,34,183,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9966CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,34,191,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9966FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,34,199,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC6600')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,34,207,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC6633')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,34,215,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC6666')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,34,223,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC6699')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,34,231,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC66CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,34,239,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC66FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,34,247,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF6600')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,34,255,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF6633')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,34,263,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF6666')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,34,271,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF6699')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,34,279,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF66CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,34,287,43" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF66FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,45,7,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#003300')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,45,15,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#003333')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,45,23,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#003366')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,45,31,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#003399')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,45,39,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0033CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,45,47,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0033FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,45,55,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#333300')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,45,63,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#333333')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,45,71,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#333366')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,45,79,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#333399')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,45,87,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3333CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,45,95,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3333FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,45,103,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#663300')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,45,111,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#663333')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,45,119,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#663366')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,45,127,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#663399')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,45,135,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6633CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,45,143,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6633FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,45,151,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#993300')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,45,159,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#993333')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,45,167,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#993366')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,45,175,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#993399')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,45,183,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9933CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,45,191,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9933FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,45,199,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC3300')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,45,207,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC3333')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,45,215,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC3366')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,45,223,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC3399')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,45,231,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC33CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,45,239,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC33FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,45,247,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF3300')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,45,255,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF3333')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,45,263,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF3366')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,45,271,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF3399')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,45,279,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF33CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,45,287,54" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF33FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="1,56,7,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#000000')" onClick="javascript:keepColor()">
<area shape="rect" coords="9,56,15,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#000033')" onClick="javascript:keepColor()">
<area shape="rect" coords="17,56,23,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#000066')" onClick="javascript:keepColor()">
<area shape="rect" coords="25,56,31,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#000099')" onClick="javascript:keepColor()">
<area shape="rect" coords="33,56,39,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0000CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="41,56,47,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#0000FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="49,56,55,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#330000')" onClick="javascript:keepColor()">
<area shape="rect" coords="57,56,63,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#330033')" onClick="javascript:keepColor()">
<area shape="rect" coords="65,56,71,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#330066')" onClick="javascript:keepColor()">
<area shape="rect" coords="73,56,79,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#330099')" onClick="javascript:keepColor()">
<area shape="rect" coords="81,56,87,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3300CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="89,56,95,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#3300FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="97,56,103,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#660000')" onClick="javascript:keepColor()">
<area shape="rect" coords="105,56,111,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#660033')" onClick="javascript:keepColor()">
<area shape="rect" coords="113,56,119,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#660066')" onClick="javascript:keepColor()">
<area shape="rect" coords="121,56,127,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#660099')" onClick="javascript:keepColor()">
<area shape="rect" coords="129,56,135,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6600CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="137,56,143,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#6600FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="145,56,151,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#990000')" onClick="javascript:keepColor()">
<area shape="rect" coords="153,56,159,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#990033')" onClick="javascript:keepColor()">
<area shape="rect" coords="161,56,167,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#990066')" onClick="javascript:keepColor()">
<area shape="rect" coords="169,56,175,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#990099')" onClick="javascript:keepColor()">
<area shape="rect" coords="177,56,183,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9900CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="185,56,191,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#9900FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="193,56,199,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC0000')" onClick="javascript:keepColor()">
<area shape="rect" coords="201,56,207,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC0033')" onClick="javascript:keepColor()">
<area shape="rect" coords="209,56,215,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC0066')" onClick="javascript:keepColor()">
<area shape="rect" coords="217,56,223,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC0099')" onClick="javascript:keepColor()">
<area shape="rect" coords="225,56,231,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC00CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="233,56,239,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#CC00FF')" onClick="javascript:keepColor()">
<area shape="rect" coords="241,56,247,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF0000')" onClick="javascript:keepColor()">
<area shape="rect" coords="249,56,255,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF0033')" onClick="javascript:keepColor()">
<area shape="rect" coords="257,56,263,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF0066')" onClick="javascript:keepColor()">
<area shape="rect" coords="265,56,271,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF0099')" onClick="javascript:keepColor()">
<area shape="rect" coords="273,56,279,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF00CC')" onClick="javascript:keepColor()">
<area shape="rect" coords="281,56,287,65" onMouseOut="javascript:showColor('')" onMouseOver="javascript:showColor('#FF00FF')" onClick="javascript:keepColor()">
</map>

<p>Roll over the colors to see a preview of the color and the code:</p>
<a><img usemap="#colmap" src="$imageURLthingy/colours.gif" border=0 width=289 height=67></a>
<p><br></p>
<span class="hextext">Hex Value</span>
<input name="hexval" type="text" size="7" readonly>
<span>Color Preview</span>
<input name='style' type=text class="hexboxes" id='HEX' size="4" readonly>
<p><br></p>
<span>The color hex code for copying and pasting:</span>
<input name='keepcolor' type="text" class="hexboxes" size="7" readonly>
<input name='style' type="text" id='HEX2' size="4" readonly>
</form>
</div>

ENDOFTEXT

return $js_output;

}

#######################################################################

sub log_out {

    require_supporting_libraries( __FILE__, __LINE__, "$mgrcoredir/login_page_mgr.pl" );
    if ( -e "$ip_file" ) {
        unlink("$ip_file");
    }
    display_login();
    call_exit();
}

#######################################################################

1;
