var $F = Form.Element.getValue;

function demo(num) {
  switch (num) {
  case 1: return exe(1,16);
  case 2: return exe(2,2);
  case 3: return exe(3,28);
  case 4: return exe(4,16);
  case 5: return exe(5,15);
  case 6: return exe(6,16);
  case 7: return exe(7,2); }
}

function exe(num,qtd) {
  var code = '';
  for(i=1; i<qtd+1; i++) code += '<div class="demo"><a href="javascript:;" onClick="Style(this);" class="style" title="sub-'+num+'/i'+i+'"><img src="'+htxt+'sub-'+num+'/a-'+i+'.gif" border="0" height="40" width="40"></a></div>';
  document.getElementById("demo").innerHTML='<fieldset><legend><b>'+leg+'</b></legend>'+code+'</fieldset>';
}

function off() {
  document.getElementById("demo").innerHTML='';
}

function $() {
  var elements = new Array();
  for (var i = 0; i < arguments.length; i++) {
       var element = arguments[i];
       if (typeof element == 'string') element = document.getElementById(element);
       if (arguments.length == 1) return element;
       elements.push(element);
  }
  return elements;
}

function Style(item) {
  $('style').value = item.title;
  Update();
}
function Update() {
  var src,html;
  var code = '';
  var fs   = document.formStyle;
  var tam  = fs.tamanho.value;
  var alg  = fs.posicao.value;
  var borda   = fs.borda.value;
  var bdsize  = fs.bdsize.value;
  var bdcor   = fs.bdcor.value;
  var bgcor   = fs.bgcor.value;
                fs.message.value = fs.message.value.toLowerCase();

  var c = $('code');
  var p = $('preview');
  var m = $F('message');

  for(i=0; i<m.length; i++) {
      if(!m[i]){
         code += '';
      }else if(m[i]=="\n"){
         code += "<br />";
      }else if(m[i]==" ") {
         src = htxt+"space.gif";
         code += '<img src="'+src+'" height="'+tam+'px" width="'+tam+'px" border="0" />';
      }else if(m[i].match(/^[a-z]+$/)){
         src = htxt+$F('style')+"/"+m[i]+'.gif';
         code += '<img src="'+src+'" border="0" height="'+tam+'px" width="'+tam+'px" />';
      }
  }
  
  html = '<p align="center"><table border="0" bgcolor="'+bgcor+'" cellspacing="0" style="border: '+bdsize+'px '+borda+' '+bdcor+';"><tr><td width="600px" align="'+alg+'"><div style="padding:20px";>'+code+'</div></td></tr></table>\n</p>';
  if(code != '') {
     p.innerHTML = html;
     c.value     = '<a href="'+link+'"><p align="center"><table border="0" bgcolor="'+bgcor+'" cellspacing="0" style="border: '+bdsize+'px '+borda+' '+bdcor+';"><tr><td width="600px" align="'+alg+'"><div style="padding:20px";><a href="'+link+'">'+code+'</a></div></td></tr></table>\n</p><p align="left"><img src="'+logo+'"><BR>'+msg+'</p></a>';
  }else if(borda != "none"){
     p.innerHTML = html;
     c.value     = '';
  }else{
    p.innerHTML = '';
    c.value     = '';
  }
}