$(document).ready(function() {
if ($("#comment_content").length > 0)
{
	$("#commentimagecaptcha").attr("src", "http://www.tine.no/kommentar/WebService?page=getCaptcha&r=" + Math.random());

	//Loads all comments
	loadComments();
	
	//Hide message when post is successfull, and unhide the main form (requires javascript)
	$("#commentsuccess").addClass("hidecommentform");
	//$("#comment_content").removeClass("hidecommentform");

	var vstitle = getTitle(document.title);

	//When you click the submit-button
	$("#submit").click( function() {
		var commentUser = $("#commentUser").val();
		var commentUserEmail = $("#commentUserEmail").val();
		var comment = $("#comment").val();
		var captcha = $("#captcha").val();
		//var commentVSKey = $("#commentVSKey").val();
		var commentVSSite = $("#commentVSSite").val();

	    $.ajax({
			url: "http://www.tine.no/kommentar/WebService",  
			type: "post",
			dataType: "xml", 
			data: ({page: "addComment", commentUser: commentUser, commentUserEmail: commentUserEmail, comment: comment, commentVSKey: VSKeycomment, commentVSTitle: vstitle, commentVSSite: commentVSSite, captcha: captcha }),
			success: function(msg)
			{
					var message = $("message",msg).text();

					if(message.match("Captcha")!= null)
					{
						$('#commentmsg').html("Feil tekst til bildet. Prøv på nytt");  
						$("#commentimagecaptcha").attr("src", "http://www.tine.no/kommentar/WebService?page=getCaptcha&r=" + Math.random());
						$("#captcha").attr("value", "");
						$("#captcha").focus();
					}

					else if(message.match("Error")!= null)
					{
						$('#commentmsg').html("Det oppstod en feil. Vennligst prøv igjen senere"); 
					}
				
					//Successfull
					else
					{
						var id = $("id",msg).text();

						$('#commentform').addClass("hidecommentform");
						$('#commentmsg').html('');
						$("#captcha").attr("value", "");
						$("#commentUser").attr("value", "");
						$("#comment").attr("value", "");

						$("#commentsuccess").removeClass("hidecommentform");
						$("#commentsuccess").html('Din kommentar er lagret');

						loadComments(id);
					}
			}
		});  

		return false;
	});

	//If user wants to try another captcha
	$("#commentnewimage").click( function() {
		$("#commentimagecaptcha").attr("src", "http://www.tine.no/kommentar/WebService?page=getCaptcha&r=" + Math.random());
		$("#captcha").attr("value", "");
		return false;
	});
}	
});

//Get all current comments from our webservice
function loadComments(idfromxml)
{
	$("#commentlistcount").html("0");
	$(".comment").remove(); //Remove all existing

	 $.ajax({
			url: "http://www.tine.no/kommentar/WebService",  
			type: "post",
			dataType: "xml", 
			data: ({page: "getCommentCollectionByKeyAndSite", key: VSKeycomment, site: "0"}),
			success: function(msg)
			{
				var message = $("message",msg).text();
				
				var count = $("commentcollection", msg).attr("count");
				
				$("#commentlistcount").html(count);

				$("commentcollection > comment",msg).each(function (msg) {
									var user = $("commentuser",this).text();
									var date = $("commentdate",this).text();
									var comment = $("comment",this).text();
									var id = $("commentid",this).text();
									var usertype = $("commentusertype",this).text();
									
									if(usertype == "99")
									{
										//$("#commentlist").append("<div class='comment'><div class='commentheader'>" + date + " - Skrevet av " + user + " </div><div class='commenttext'>" + comment + "</div></div>");

											$("#commentlist").append("<div class='comment'>" +
												"<div class='commentheader'>" +
													"<div class='commentheader_name'>av <span class='commentheader_name_tine'>" + user + "</span></div>" +
													"<div class='commentheader_date'>" + date + "</div>" +
													"<div class='commentheader_report'><a href='http://www.tine.no/rapporter?id=" + id + "'>Rapporter</a></div>" +
													"<div class='comment_clear'>&nbsp;</div>" +
												"</div>" +
												"<div class='commenttext'>" +
													"<div class='commenttext_text'>" + comment + "</div>" +
													"<div class='commenttext_box'><img class='commenttext_img' src='images/tinelogo_comment.gif' alt='TINE Ansatt'/></div>" +
													"<div class='comment_clear'>&nbsp;</div>" +
												"</div>" + 
											"</div>");
									}

									else
									{
										$("#commentlist").append("<div class='comment' id='comment" + id + "'>" + 
											"<div class='commentheader'>" + 
												"<div class='commentheader_name'>av <span>" + user + "</span></div>" + 
												"<div class='commentheader_date'>" + date + "</div>" +
												"<div class='commentheader_report'><a href='http://www.tine.no/rapporter?id=" + id + "'>Rapporter</a></div>" +
												"<div class='comment_clear'>&nbsp;</div>" + 
											"</div>" +
											"<div class='commenttext'>" +
												"<div class='commenttext_text'>" + comment + "</div>" +
												"<div class='commenttext_box'></div>" +
												"<div class='comment_clear'>&nbsp;</div>" + 
											"</div>" +
										"</div>");
									}
					});		

				$(".comment:odd").addClass("commentodd");
				
			}

		 });

		//Focus on the newly created post
		if(idfromxml != null)
		{
			//$("#comment" + idfromxml).focus();
$("#comment1").focus();

		}
}

//Get the title of the recipe from the title. Have to substring to get the title part. 
function getTitle(title)
{
	var index = title.indexOf('-')
	var dagensindex = title.indexOf('Dagens oppskrift:');

	var parsedtitle = '';

	if(dagensindex > 0)
	{
		 parsedtitle = title.substring(dagensindex + 17);		
	}

	else
	{
		 parsedtitle = title.substring(index + 2);
	}

	return parsedtitle;
}