$(document).ready(function() {
	$("#tipPopup").hide();
	$("a[@name=tipLink]").click(function() {
										 
										 
										

										 
										 
										 
										 
		$.post($(this).attr("href"), {tipMenuId:$(this).attr("id").substring(3)}, function (data, textStatus) {$("#tipPopup").html(data);showTip()});
		return false;
	});
	
	

	
	
	
	
	
	
	
});

function showTip() {
	
	 $("#outertipbox").draggable({
	handle: ".popuptop"
	});
	
	$("#tipErrorMessage").hide();
	$("#tipSend").show();
	$("#tipOk").hide();
	
	var options = { 
    target:        '',   // target element(s) to be updated with server response 
    beforeSubmit:  validateTip,  // pre-submit callback 
    success:       tipRetrieved  // post-submit callback 
	}; 

  $('#tipForm').ajaxForm(options);
	$("#tipPopup").toggle();
	
	
	
				
	
				var outer = $("#outercontent").offset();
				
				var p = $(".forward");
				var offset = p.offset();
				//$("#outertipbox").css("border" , "solid 4px");
				
				//alert($("#outertipbox"));
				$("#outertipbox").css("left", (offset.left - outer.left - 220) + 'px');
				$("#outertipbox").css("top", offset.top - p.height() - 140 + 'px');

								 
								//$("#outertipbox").toggle();
		//$('.popup').removeClass("hidepopup").addClass("showpopup"); 
	

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


		$(this).removeClass("closepopup").addClass("closepopupover");
			
	
	},function(){
		$(this).removeClass("closepopupover").addClass("closepopup");
	});
	
	
	$("#outertipbox").find(".close").click(function() { 
													//$(this).parents("#tipPopup").find('#commentPopup').css('border' , "solid");
		$('#tipPopup').toggle();
		//$(this).parents("div").find('#commentPopup').toggle();
		//$('#commentThankyou').hide();
	});
	
	$("#tipclose").click(function() {   
		$("#tipPopup").toggle();
		//$(this).next('#commentPopup').toggle();
		//$(this).next('#commentThankyou').hide();
	});
	

}

function tipRetrieved(formData, jqForm, options) {
	
	
	var p = $('#outertipbox').find('.innerpopup');
	var offsetP = p.offset();
	var s = $('#outertipbox').find('.clear');
	var offsetS = s.offset();
	var offH = offsetS.top-offsetP.top;
	
	
	
	$("#tipSend").hide();
	$("#tipOk").fadeIn();
	
	
	
	 $('#outertipbox').find('.innerpopup').css('height' , offH);
	
	
}

function validateTip(formData, jqForm, options) {
	$('#tipErrorMessage').hide();
	var nameField = $('input[@name=tipName]').fieldValue(); 
  var emailField = $('input[@name=tipEmail]').fieldValue();
  var emailToField = $('input[@name=tipToEmail]').fieldValue();
  var commentField = $('textarea[@name=tipComment]').fieldValue(); 

  if (!nameField[0] || !isValidEmail(emailField[0]) ||  !isValidEmail(emailToField[0])) {
      $('#tipErrorMessage').toggle(400);
      return false; 
  }
	
	return true;
}