// JavaScript Document
$(document).ready(function(){
	$(function(){
		gritar();
	});
	$("#cmmCr").hide();
	$("#formatop").hide();
	$("#preview").hide();
	$("#writeComm").click(function(){
		$('#overlay').css({opacity: 0.5});
		$('#overlay').fadeIn("normal");
		$("#cmmCr").slideToggle("fast");
	});
	$("#overlay").click(function(){
		$("#overlay").fadeOut("fast");
		$("#cmmCr").slideToggle("fast");
		$("#emoc").hide();
		$("#preview").hide();
		$("#formatop").hide();
	});
	$("#fechar").click(function(){
		$("#overlay").fadeOut("fast");
		$("#cmmCr").slideToggle("fast");
		$("#emoc").hide();
		$("#preview").hide();
		$("#formatop").hide();
	});
	$("#formatop").css("-moz-border-radius-topleft","8px");
	$("#formatop").css("-webkit-border-top-left-radius","8px");
	$("#formatop").css("-webkit-border-top-right-radius","8px");
	$("#formatop").css("-moz-border-radius-topright","8px");
	$("#emoc").css("-moz-border-radius-topright","8px");
	$("#emoc").css("-webkit-border-top-right-radius","8px");
	$("#emoc").css("-webkit-border-bottom-right-radius","8px");
	$("#emoc").css("-moz-border-radius-bottomright","8px");
	$("#emoctions").click(function(){
		$("#emoc").slideToggle("fast");
		$(this).toggleClass("active"); return false;
	});
	$("#formatacao").click(function(){
		$("#formatop").slideToggle("normal");
		$(this).toggleClass("active"); return false;
	});
	$('#preview').hide();
	$("#name").click(update);
	$("#mail").keypress(update);
	$("#commentsbox").keypress(update);
});

function update(){		
	$('#preview').slideDown('fast');
	var nome = $("#name").val();
	var avatar = $("#mail").val();
	var comentario = $("#commentsbox").val();
	$('#tituloconteudo').html('<img src="http://www.scarpotter.com/inc/gera_avatar_preview.php?t='+ avatar +'&size=60" alt="'+ nome +'" width="22" height="22" align="absmiddle" /> '+ nome +'');
	$('#comentariopessoa').html(comentario);
}
var xana = function grito(){
	$(".grito").animate({left:"-=10px"},30);
	$(".grito").animate({left:"+=25px"},20);
	$(".grito").animate({left:"-=25px"},20);
	$(".grito").animate({left:"+=10px"},20);
	$(".grito").animate({left:"-=25px"},20);
	$(".grito").animate({left:"+=25px"},20);
}
function gritar(){setInterval(xana, 1000);}