<script type="text/javascript">
<!--
// This document is prepared for 3 kind of color theme setup.
// Intracell setup, Group setup, user's setup and Email setup
// will be include this file, when this file exisiting.
// this document contains a javascript.
// and the javascript of this document different from
// Board environment setup.
// If you want add new color theme into the selection,
// You must copy and paste your color array into color_value array.

function set_theme_color(name,color)
{
 var hin, vname, view,oldcolor;
 if((color==null)||(name==null))return;
 hin=document.getElementById(name);
 if(hin==null){
   var name2='fld_'+name;
   hin=document.getElementById(name2);
   if(hin==null){
     // when it is a colorsetup of webmail 
     name2='fld_m_'+name;
     hin=document.getElementById(name2);
   }
   if(hin==null)return;
   name=name2;
 }
 vname='v'+name;
 view=document.getElementById(vname);
 oldcolor=hin.value;

 if(view!=null)view.style.backgroundColor=color;
 hin.value=color;
 return false;
}


var color_ids = new Array(
  "stylename",
  "bodybgcolor", "textbgcolor", "headbgcolor", "namebgcolor", 
  "listbgcolor",   "listswcolor",  "listovcolor", "atextcolor",
  "textcolor",    "headcolor",     "namecolor",    "reversecolor",
  "bordercolor", "barriercolor"
);


var color_value = new Array( 

  "Initialization", "",
  "", "", "", "",
  "", "", "", "",
  "", "", "", "",
  "", "", 

"Basic", "",
"#29808B", "#29808B", "#227777", "#59B0BB", "#29808B", "#29808B", "#009999",
"#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FF4444", "#B0B0B0", "#114444",

"Deepblue", "", 
"#015385", "#044D78", "#044267", "#0566A0", "#105A86", "#105A86", "#0566A0",
"#BFD9F1", "#BFD9F1", "#FFCC00", "#BFD9F1", "#FF4444", "#003555", "#003555",

"Greenyard", "", 
"#5CAF23", "#F0FFF0", "#84C62B", "#8ED333", "#C5E895", "#AADD66", "#99D746", 
"#333333", "#333333", "#3F7818", "#3F7818", "#FF4444", "#498D1D", "#55A321", 

"Redrose", "", 
"#FFFFFF", "#FFEEEE", "#FF708D", "#FD8AA1", "#FF6382", "#FAAFBE", "#FAAFBE", 
"#7D2252", "#7D2252", "#7D2252", "#7D2252", "#FFFFFF", "#FFBBDD", "#F55071", 

"Orange", "", 
"#ffeacb", "#fff6e9", "#EA8C00", "#FB9700", "#FFAF37", "#FFBB55", "#FFBB35", 
"#333333", "#333333", "#333333", "#333333", "#FF4444", "#C06A00", "#BD6D02", 

"Black", "", 
"#000000", "#000000", "#111111", "#4B4B4B", "#333333", "#222222", "#393939", 
"#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FF4444", "#767676", "#767676", 

"White", "", 
"#FFFFFF", "#FFFFFF", "#EEEEEE", "#DDDDDD", "#FFFFFF", "#FFFFFF", "#FFEEEE",
"#404040",  "#303030", "#554455", "#000000", "#BF0000", "#AAAAAA", "#400000",

"Webmail", "", 
"#FFFFFF", "#FFFFFF", "#0991B1", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#5BABBC",
"#333333", "#333333", "#FFFFFF", "#000000", "#EEEEEE", "#DDDDDD", "#EEEEEE",
null); 


function t_change_color(th)
{
 var i;
 var colen = color_ids.length;
 var coval = color_value.length;

 if(th<1)return false;

 for(i=0;i<colen&&th<coval ;th++, i++){
  set_theme_color(color_ids[i],color_value[th]);
 }
 return false;
}

function hide_colorset()
{
 var color_div = document.getElementById("color_show_div");
 if(!color_div){ return; }
 color_div.style.display="none";
 return false;
}

function get_i_style_value(id)
{
 var ele;

 ele=document.getElementById('fld_'+id);
 if(ele!=null)return (ele.value);
 ele=document.getElementById('fld_m_'+id);
 if(ele!=null)return (ele.value);
 return null;
}


function show_colorset()
{ 
// There is some difference between this color 
//  and board's color theme.
//  Do not confuse the array difference.

 var color_div = document.getElementById("color_show_div");
 var cstr='<div style="position:relative;">\n';
 var i, color;

 if(!color_div){ alert('err'); return; }
 var colen = color_ids.length;
	
 cstr +='<div style="position:absolute;right:0;top:0;width:40px;">';
 cstr +='<button onclick="return hide_colorset();" ';
 cstr +='style="padding:4px;">x</button>';
 cstr +='</div>';
 cstr +='<b>Current Color value</b>';
 cstr +='<hr size="1">';
 cstr +='//Enter the new name and style name.<br />';
 cstr +='"New Subject", ';

 for(i=0;i<colen; i++){
   if(i==5||i==9||i==13||i==1)cstr += '<br />\n';
   color=get_i_style_value(color_ids[i]);
   if(color==null){
     alert('no value for:'+color_ids[i]);
     return;
   }
   cstr += ('"'+color+'", ');
 }
 cstr +='<hr size="1">Help: ';
 cstr +='You can use the new color theme if you add the';
 cstr +=' color_value array in the /segio/load_colorsetup.html file..';
 color_div.innerHTML = cstr;
 color_div.style.display="block";
 return false;
}

function colorset_init()
{
 var i;
 var colorset='<select name="color_setting" ';
 var colen = color_ids.length;
 var coval = color_value.length;

 colorset +='onchange="t_change_color(this.value);" >';
 colorset +='<option value="0">Theme setting</option>';
 colorset +='<option value="0">-----</option>';
 for(i=0;i<coval;i+=(colen+1)){
   if(color_value[i]==null)break;
   colorset +=('<option value="'+(i+1)+'">');
   colorset +=(color_value[i]+'</option>\n');
 }
 colorset +='</select>';
#!if u.lv==9;
 colorset +='<br />';
 colorset +='<a href="#" onclick="show_colorset();return false;">';
 colorset +='Color Value</a>'; 
#!fi;
 colorset +='<div style="position:absolute;z-index:1;';
 colorset +='width:300px;border:2px groove #e0e0e0;padding:5;';
 colorset +='background:#e0e0e0;color:#000000;display:none;"';
 colorset +=' id="color_show_div"></div>';
 document.write(colorset);
 return 0;
}

colorset_init();
-->
</script>