var _groups = new Array();
var DefaultExt = 'gif';

function handleGroup_(group, id, state, ext, states)
{
  if (!ext)
  {
    ext = DefaultExt;
  }
  if (!states)
  {
    states = 2;
  }
  if (!_groups[group])
  {
    _groups[group] = "";
  }
  img = dhtmlFindElement(id);
  if (!img) return false;
  img_src = dhtmlGetAttribute(img,'src');
  if (!img_src)
  {
    return false;
  }
  img_src = img_src.substr(0,img_src.length-6);
  if (state=="over")
  {
    if (_groups[group] != img.id)
    {
      dhtmlSetAttribute(img,'src',img_src+"f2."+ext);
    }
  }
  if (state=="out")
  {
    if (_groups[group] != img.id)
    {
      dhtmlSetAttribute(img,'src',img_src+"f1."+ext);
    }
  }
  if (state=="click")
  {
    if (states==3)
    {
      dhtmlSetAttribute(img,'src',img_src+"f3."+ext);
    } else
    {
      dhtmlSetAttribute(img,'src',img_src+"f2."+ext);
    }
    if (_groups[group]!="" && _groups[group]!=img.id)
    {
      img_src = dhtmlGetAttribute(_groups[group],'src');
      img_src = img_src.substr(0,img_src.length-6);
      dhtmlSetAttribute(_groups[group],'src',img_src+"f1."+ext);
    }
    _groups[group] = img.id;
  }
  return true;
}


function handleGroup(group, id, state, ext, states)
{
  if (!ext)
  {
    ext = DefaultExt;
  }
  if (!states)
  {
    states = 3;
  }
  if (!_groups[group])
  {
    _groups[group] = "";
  }
  handleGroup_(group, id, state, ext, states);
}


function handleStyleHover(elm, state)
{
  if (!elm) return;
  var style = elm.className;
  style = style.replace(/hover/,"");
  if (state=='over')
  {
    elm.className = style + "hover";
  }
  if (state=='out')
  {
    elm.className = style;
  }  
}


function handleImageHover(img, state, ext)
{
  img_ = dhtmlFindElement(img);
  if (!img_) return;
  var img_src = img_.src;
  img_src = img_src.substr(0,img_src.length-6);
  if (!ext)
  {
    ext = DefaultExt;
  }  
  if (state=='over')
  {
    img_.src = img_src+"f2."+ext;
  }
  if (state=='out')
  {
    img_.src = img_src+"f1."+ext;
  }  
}