$(function() {
	
	if ( language == 'bg' )
	{
		var message = 'Коментарът ви е изпратен за одобрение! Благодарим ви!';
		var warning = 'Моля, попълнете задължителните полета!';
	}
	
	if ( language == 'en' )
	{
		var message = 'Comment has been sent for approval!';
		var warning = 'Please fill required fields!';
	}
	
	//retrieve comments to display on page
	$.getJSON('inc/comments.php?jsoncallback=?', function(data) {
		//loop through all items in the JSON array
		for (var i = 0; i < data.length; i++) {
			//create a container for each comment
			//var div = $('<div class="single-comment num'+i+'"><div class="boxs"><img src="http://www.gravatar.com/avatar/'+ data[i].src +'?s=50" alt="" class="img"/><a href="'+data[i].site+'" style="float:left;height:50px;line-height:50px;padding:0 0 0 20px;" class="name">'+data[i].name+'</a></div><div class="comment">'+data[i].comment+'</div><hr /></div>').appendTo("#comments");
			buildComment( data[i].date, data[i].name, data[i].email, data[i].site, data[i].comment, data[i].src);	
			$html.appendTo("#comments");
		}
	});
	function buildComment(date,name,email,site,comment,src) {
		if ( site == "") {
			user = name;
		} else {
			user = '<a href="'+site+'" class="name">'+name+'</a>';
		}

		$html = $('<div class="single-comment">' +
				'<div class="meta">' +
					'<img src="http://www.gravatar.com/avatar/'+src+'?s=50&d=http://fryplayer.net//images/no_avatar.png" alt="" class="img"/>' +
					'<span class="nick">'+user+'</span>' +
					'<span class="date">'+date+'</span>' +
					'<div class="clr"></div>' +
				'</div>' +
				'<div class="comment">'+comment+'</div>' +
			'</div>');
	}
	//add click handler for button
	$("#add").click(function() {
		date = "now";
		name = $("#leaveComment").find('#name').val();
		email = $("#leaveComment").find('#email').val();
		site = $("#leaveComment").find('#site').val();
		comment = $("#leaveComment").find('#comment').val();
		
		checkMail(email);
		
		if ( name == "" || email == "" || checkMail == false) {
			$('.warning').text(warning);
			$('.warning').css({height:20,display:'block',opacity:0}).animate({opacity:1}).delay(5000).animate({opacity: 0},function(){
				$(this).animate({height:0},function(){
				});
			});
		}
		
		if ( checkMail == true && name != "" && comment != "" ) {
			//define ajax config object
			var ajaxOpts = {
				type: "post",
				url: "inc/addComment.php",
				data:
					"&name=" + $('#leaveComment').find('#name').val() +
					"&email=" + $('#leaveComment').find('#email').val() +
					"&site=" + $('#leaveComment').find('#site').val() +
					"&comment=" + $('#leaveComment').find('#comment').val(),
				success: function(data) {
					src = data.src;
					buildComment(date,name,email,site,comment,src);
					$html.appendTo("#comments");
					$('.warning').text(message);
					$('.warning').css({height:20,display:'block',opacity:0}).animate({opacity:1}).delay(5000).animate({opacity: 0},function(){
						$(this).animate({height:0},function(){
						});
					});
					inputEmpty();
				}
			};
			$.ajax(ajaxOpts);
		}
		
		function inputEmpty() {
			$('#comment').val('');	
			$('#name').val('');	
			$('#email').val('');	
			$('#site').val('http://');
		}
		
		$('#site').focus(function() {
			$(this).val('http://');
		})

		
		function checkMail(email){
			var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			if (filter.test(email)) {
				return checkMail = true;
			}
			return checkMail = false;
		}
	});		
});