try{
    xmlhttp = new XMLHttpRequest();
}catch(ee){
    try{
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }catch(e){
        try{
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }catch(E){
            xmlhttp = false;
        }
    }
}
var ajax = {
	msg : function(ct,id){
                  var id1 = document.getElementById('msg-img-pt');
                  var id2 = document.getElementById("msgim");
                  var id3 = document.getElementById("msgpg");
                  var id4 = document.getElementById("frase");
                  if (ct == "x"){
                      id2.innerHTML = '';
                      id3.innerHTML = '';
                      if (id4.innerHTML != '') { ajax.view(); }
                  }else{
                          id2.innerHTML = '<center><br><img src="/pt/frases/tempo.gif"><br></center>';
                          if (id4.innerHTML != '') { ajax.view(); }
                           param = "ct="+ct+"&id="+id;
                           xmlhttp.open('POST', 'img.php', true);
                           xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
                           xmlhttp.onreadystatechange = function() {
                               if(xmlhttp.readyState == 4) {
                                     resposta = unescape(xmlhttp.responseText);
                                     id1.innerHTML = resposta;
                                     id2.innerHTML = '<a href="http://'+document.getElementById("link").value+'/pt/">'+document.getElementById("msg-img").innerHTML+'</a>';
                                     id3.innerHTML = document.getElementById("msg-pg").innerHTML;
                                     if (id4.innerHTML != '') { ajax.view(); }
                               }
                          }
                          xmlhttp.send(param);
                  }
	},
        ops : function(item) {
                  ajax.on("box");
                  var box  = top.location.href.indexOf('#') + 1;
                  if (box > 0) {
                      document.location = top.location;
                  }else{
                      document.location = top.location+"#box";
                  }
                  document.getElementById("frase").innerHTML = item.innerHTML;
                  ajax.view();
        },
        view : function(){
                   var size1 = document.getElementById("size1").value;
                   var size2 = document.getElementById("size2").value;
                   var cor1  = document.getElementById("cor1").value;
                   var cor2  = document.getElementById("cor2").value;
                   var cor3  = document.getElementById("cor3").value;
                   var fonte = document.getElementById("fonte").value;
                   var borda = document.getElementById("borda").value;
                   var link  = document.getElementById("link").value;
                   var logo  = document.getElementById("logo").value;
                   var frase = document.getElementById("frase").innerHTML;
                   var msgim = document.getElementById("msgim").innerHTML;
                   var msgpg = document.getElementById("msgpg").innerHTML;
                   document.getElementById("visual").innerHTML = '<center><div style="text-align: center; width: 400px; padding: 5px; border: '+size2+'px '+borda+' '+cor2+'; background: '+cor3+';">'+msgpg+''+msgim+'<br><span style=" font: '+size1+'px '+fonte+'; color: '+cor1+';">'+frase+'</span></div></center>';
                   document.getElementById("code").innerHTML   = '<div style="text-align: center; width: 400px; padding: 5px; border: '+size2+'px '+borda+' '+cor2+'; font: '+size1+'px '+fonte+'; color: '+cor1+'; background: '+cor3+';">'+msgim+'<br>'+frase+'</div><br><p align="left"><a href="http://'+link+'/pt/frases/"><img border="0" src="'+logo+'"><br><b>Envie Frases Criativas Para seus Amigos!</b></a></p>';
       },
       on : function(div) {
               document.getElementById(div).style.display = 'block';
       },
       of : function(div) {
             document.getElementById(div).style.display = 'none';
       }
}

