function toggle(parel,elementid) {
 thisel = document.getElementById(elementid);
 var ele = parel.childNodes, i = 0, j = ele.length, p = null;
 while (i < j) {
    if (ele.item(i).nodeType == 1 && ele.item(i).tagName == 'IMG') {
      imgel = ele.item(i);
      break;
    }
    i++;
  }
 if (thisel.style.display != 'none' && thisel.style.display != '') {
  thisel.style.display = 'none';
  imgel.src = 'images/css/plus.gif';
 } else {
  thisel.style.display = 'block';
  imgel.src = 'images/css/min.gif';
 }
}

function toggleColorTab(color,classappend) {
 buttonlist = document.getElementById('colortabs').getElementsByTagName('div');
 i = 0;
 while (i < buttonlist.length) {
  tab = buttonlist[i];
  tabid = tab.id;
  colorsid = tabid.replace(/tab/g,''); //replace tab with empty

  colorcontent = document.getElementById(colorsid);
  if (colorsid == color) {
   buttonlist[i].className = classappend+'colortab selected'; 
   colorcontent.style.display = 'block';
   //alert(tabid + 'selected');
  }  else { 
   buttonlist[i].className = classappend+'colortab unselected';
   colorcontent.style.display = 'none';
   //alert(tabid + ' un selected');
  }
  i++;
 }
}