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{
              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';
   }
}