$(document).ready(function() {
        $("#sendcomment").click(function () {
        $("#sendcomment").ajaxStart(function(){
               $("#loading").html( "<img src='/static/images/icons/loading.gif' />");
                $("#success").html("");
         });
         $.ajax({
                 type: "POST",
                 data: "messtext="+encodeURI($("#commentcontent").val())+"&key="+encodeURI($("#securecode").val())+"&username="+encodeURI($("#username").val())+"&email="+$("#email").val()+"&phone="+$("#phone").val()+"&theme="+encodeURI($("#theme").val()),
                 url: "/addmessage",
                 success: function(html){
                         var message = html.split("|");
                         if(message[1] == "inserted")
                         {
                                  $("#commentcontent").val("");
                                  $("#success").html(message[0]);
                                  $("#errors").html("");
                         }
                         else
                         {
                         		$("#errors").html(message[0]);
                         }
                         $("#securecode").val("");
                         $("#loading").html("");
                         updateCaptcha();
                 }

         });
    });
});

function updateCaptcha()
{
        $("#commentform>img").attr("src","/captcha/?"+Math.random());
}

function showPages(ulId){
	$("ul[rel='menu']").each(function(){
		$(this).css("display","none");
	});
	$("ul#"+ulId).css("display","block");
	$("#href_"+ulId).attr("href", "javascript:hidePages('"+ulId+"')");
};

function hidePages(ulId){
	$("ul#"+ulId).css("display","none");
	$("#href_"+ulId).attr("href", "javascript:showPages('"+ulId+"')");
};