function classchange(id,cls)
{
 if(document.getElementById)
 {
  o=document.getElementById(id);
 } else
 {
  alert('Your browser does not support the advanced JavaScript used to change the appearance of the widget dynamically. But the CSS method described below should work fine.');
  return;
 }
 o.className = cls;
 divs=o.getElementsByTagName('div');
 for(var i=0; i<divs.length;i++)
 {
  divs[i].className = cls;
 }
}
d.writeln('<button onclick="if(document.getElementById) classchange(\'gspecials\', \'test1\');document.getElementById(\'gspecials-img\').innerHTML=\'<img src=w.jpg />\'">Example 1</button>');
d.writeln('<br/><br/>');
d.writeln('<button onclick="if(document.getElementById) classchange(\'gspecials\', \'test2\');document.getElementById(\'gspecials-img\').innerHTML=\'<img src=w.jpg />\'">Example 2</button>');
d.writeln('<br/><br/>');
d.writeln('<button onclick="if(document.getElementById) classchange(\'gspecials\', \'test3\');document.getElementById(\'gspecials-img\').innerHTML=\'<img src=w2.jpg />\'">Example 3</button>');
d.writeln('<br/><br/>');
d.writeln('&nbsp;&nbsp;&nbsp;<button onclick="if(document.getElementById) classchange(\'gspecials\', \'\');document.getElementById(\'gspecials-img\').innerHTML=\'<img src=w.jpg />\'">Default</button>');