var bShow = false;
var obj;
  function show_color(aTag, id)
   {
    if (obj) obj.style.display='none';
    var        leftpos=0;
    var        toppos=0;
    do {
       aTag = aTag.offsetParent;
       leftpos += aTag.offsetLeft;
       toppos += aTag.offsetTop;
       } while(aTag.tagName!="BODY");

   	obj = document.getElementById('color_'+id);
   	DocumentRegisterEvents();
   	var edit_color = document.getElementById('colorx_'+id);
   	obj.style.left = leftpos - 31;
    obj.style.top = toppos + 31;
   	if (obj.style.display=='none') obj.style.display = ''; else obj.style.display='none';
    bShow = true;
   }
  function edit_color(action_color, id, color_value)
   {
   	obj = document.getElementById('color_'+id);
   	var edit_color = document.getElementById('colorx_'+id);
    edit_color.src = action_color.src;
    obj.style.display = 'none';
    bShow = false;
    var action = document.getElementById('color_value_'+id);
    action.value = color_value;
   }
  function DocumentRegisterEvents()
   {
   document.onkeypress = function hide_Trap1 ()
    {
     if (event.keyCode == 27)
      {
       obj.style.display='none';
      }
    }

   document.onclick = function hide_Trap2()
    {
     if (!bShow)
      {
       obj.style.display='none';
      }
     bShow = false;
    }
   }