// JavaScript Document
	function Limpa(thisfield) {
	if (thisfield.value == 'Cole seu link aqui!') {
	thisfield.value = ""; }	}
	
	function Carrega(thisfield) {
	if (thisfield.value == "") {
	thisfield.value = 'Cole seu link aqui!'; } }
	
	function LimpaU(thisfield) {
	if (thisfield.value == 'usuário') {
	thisfield.value = ""; }	}
	
	function CarregaU(thisfield) {
	if (thisfield.value == "") {
	thisfield.value = 'usuário'; } }
	
	function LimpaS(thisfield) {
	if (thisfield.value == 'senha') {
	thisfield.value = ""; }	}
	
	function CarregaS(thisfield) {
	if (thisfield.value == "") {
	thisfield.value = 'senha'; } }
	
$(document).ready(function() {
	
	var ativo = {
		'background-color':'#71dbff',
		'text-shadow':'#0087b5 1px 1px 3px',
		'cursor':'auto',
		'color':'#FFF'
      }
	  
	var aba = {
		'float':'left',
		'width':'150px', 
		'height':'22px', 
		'background-color':'#aeeaff', 
		'font-family':'"Trebuchet MS", Arial, Helvetica, sans-serif', 
		'font-size':'15px', 
		'color':'#0dbaf4', 
		'padding':'2px 6px 0px', 
		'-moz-border-radius-topleft':'12px', 
		'-moz-border-radius-topright':'12px', 
		'-webkit-border-radius-topleft':'12px', 
		'-webkit-border-radius-topright':'12px', 
		'text-align':'center', 
		'margin-left':'13px', 
		'cursor':'pointer',
		'text-shadow':'#FFF 1px 1px 3px',
      }	  
	  
	// Aba 'Criar'
	$("div#criar").click(function(){
		$("div#content").slideUp("medium")
		$("div#content").html("<input name='url' id='url' type='text' value='Cole seu link aqui!' onclick='Limpa(this)' onblur='Carrega(this)'> <input id='criarURL' class='botao' type='button' value='Criar' />");
		// Se clicar no botao 'Criar'...
 	 			$("input#criarURL").click(function() {
				var url = $("input#url").val();
   				if (url == "Cole seu link aqui!" || url == "") {
	  			$("div#erro").fadeIn("slow");
				$("a#fecha").click(function () {
    			$("div#erro").fadeOut("medium"); });
				return false; } else { 
				$("div#resultado").hide("medium");
				 $.ajax({
				  url: "do.php",
				  global: false,
				  type: "POST",
				   data: 	"link=" + url,
				  success: function(novo){
					  	$("div#resultado").css({'background-image':'url(img/ok.png)'});
						$("div#resultado").css({'color':'#999'});
						$("div#resultado").show("slow");
						$("div#resultado").html("<input name='link' class='resultado' type='text' value='"+novo+"' onmouseover='this.focus();this.select()' style='float: left; margin-right: 5px;' /> <div style='float: right;'><div class='c' id='a' title='"+url+"'><a>ver original</a></div><br /><br /><div class='b'><a rel='nofollow' href='"+novo+"' target='_blank'>abrir</a></div><div class='b'><a rel='nofollow' href='http://twitter.com/home/?status="+novo+"' target='_blank'>twittar</a></div></div>");
						
			$(function() {$('#a').tipsy({fade: true}); });
			} 
   }) }    }); 
		$("div#content").slideDown("slow");	
		$("div#criar").css(ativo);
		$("div#verificar").css(aba);
		$("div#login").css(aba);
	});	
	
	
	// Aba 'Verificar'
	$("div#verificar").click(function(){
		$("div#content").slideUp("medium");	
		$("div#content").html("<input name='url' id='url' type='text' value='Cole seu link aqui!' onclick='Limpa(this)' onblur='Carrega(this)'> <input id='verificarURL' class='botao' type='button' value='Verificar' />");
		// Se clicar no botao 'Verificar'...
			$("input#verificarURL").click(function() {
			var url = $("input#url").val();
			if (url == "Cole seu link aqui!" || url == "") {
	 		 $("div#erro").fadeIn("slow");
				$("a#fecha").click(function () {
    			$("div#erro").fadeOut("medium"); });
			return false; } else { 
			$("div#resultado").hide("medium");
			 $.ajax({
			  url: "verificar.php",
			  global: false,
			  type: "POST",
			  data: 	"link=" + $("input#url").val(),
			  success: function(novo){
				  	$("div#resultado").css({'background-image':'url(img/search.png)'});
					$("div#resultado").css({'color':'#333'});
					$("div#resultado").show("slow");
					$("div#resultado").html(novo);
					}
		   })}   	});	
		$("div#content").slideDown("slow");	
		$("div#verificar").css(ativo);
		$("div#criar").css(aba);
		$("div#login").css(aba);
	});	
	

		
});