$(document).ready(function() {
	if($('a[@name=commentsUrl]') != null) {
		if($('a[@name=commentsUrl]').hasClass('commentarticle')) {
			$.post($('a[@name=commentsUrl]').attr("href"), {commentArticleId:$('a[@name=commentsUrl]').attr("id").substring(7)}, function (data, textStatus) {$("#comments").append(data);showComments()});
		} else {
			$.post($('a[@name=commentsUrl]').attr("href"), {commentMenuId:$('a[@name=commentsUrl]').attr("id").substring(7)}, function (data, textStatus) {$("#comments").append(data);showComments()});			
		}
		
	}
});
 

function showComments() {	
	$("#commentPopup").hide();
	$("#errorMessage").hide();
	$("#commentThankyou").hide();
	$("#showCommentPopup").click(function() {  
		var outer = $("#outercontent").offset();
		var p = $(this);
		var offset = p.offset();
		$("#outercommentbox").css("left", (offset.left - outer.left - 220) + 'px');
		$("#outercommentbox").css("top", offset.top - p.height() + -140 + 'px');
		$("#outercommentbox").toggle();
		//$('#outercommentbox').jqDrag('.popuptop');
		$('#commentPopup').show();
		$('#commentThankyou').hide();
		
		

		

		
		
		return false;
	});
		
	var options = { 
      target:        '',   // target element(s) to be updated with server response 
      beforeSubmit:  validateComments,  // pre-submit callback 
      success:       commentRetrieved,  // post-submit callback 
	  resetForm: true
  	}; 

    $('#commentForm').ajaxForm(options);
	
	
	
	
	

	$("#outercommentbox").removeClass("showpopup").addClass("hidepopup");

	
	
	$("#outercommentbox").find(".close").hover(function() {


		$(this).removeClass("closepopup").addClass("closepopupover");
			
	
	},function(){
		$(this).removeClass("closepopupover").addClass("closepopup");
	});
	
	
	$("#outercommentbox").find(".close").click(function() {
							   
		$('#outercommentbox').toggle();
		$('#commentPopup').toggle();
		$('#commentThankyou').hide();

	});
	
	$("#commentclose").click(function() {
							   
		$("#outercommentbox").toggle();
		$('#commentPopup').toggle();
		$('#commentThankyou').hide();

	 
	});
	
	
}

function commentRetrieved(formData, jqForm, options) {
	var p = $('#outercommentbox').find('.innerpopup');
	var offsetP = p.offset();
	var s = $('#outercommentbox').find('.clear');
	var offsetS = s.offset();
	var offH = offsetS.top-offsetP.top;
	
	
	$('#commentPopup').toggle();
	$('#commentThankyou').toggle();
	
	
	 $('#outercommentbox').find('.innerpopup').css('height' , offH);
	

}

function validateComments(formData, jqForm, options) {
	$('#errorMessage').hide();
    var nameField = $('input[@name=commentName]').fieldValue(); 
    var emailField = $('input[@name=commentEmail]').fieldValue(); 
    var commentField = $('textarea[@name=commentComment]').fieldValue(); 
 
    if (!nameField[0] || !isValidEmail(emailField[0]) || !commentField[0]) {
        $('#errorMessage').toggle(400);
        return false; 
    }
		
		return true; 
}