function showFields() {
	$("#labCampaignName").removeClass("hidden");
	$("#labCampaignVariant").removeClass("hidden");	
};

function hideFields() {
	$("#labCampaignName").addClass("hidden");
	$("#labCampaignVariant").addClass("hidden");	
};

$(document).ready(function() {
	
	// drop down change
	$("#goalType").change(function() {
		$("#yourCode").addClass("hidden"); // hide this while changing things

		var new_val = $(this).val();
		// show hide fields
		if((new_val == "campaign") || (new_val == "data")) {
			showFields();
		} else {
			hideFields();
		}
		// show hide submit
		if (new_val == "select") {
			$("#getCodeButton").addClass("hidden");
		} else {
			$("#getCodeButton").removeClass("hidden");
		}

		// auto select text		
		$("#output").focus(function() {
		    var $this = $(this);
		    $this.select();

		    // Work around Chrome's little problem
		    $this.mouseup(function() {
		        // Prevent further mouseup intervention
		        $this.unbind("mouseup");
		        return false;
		    });
		});
	});

	// submit form
	$("#goalCodeForm").submit(function() {
		// get current values
		var dd_val = $("#goalType").val();
		
		var campaignCategory = "none";
		var campaignName = $("#campaignName").val();
		var campaignVariant = $("#campaignVariant").val();
		var goalLineValue = "none";
		
		if (dd_val == "campaign") {
			campaignCategory = "Campaign Action";
			goalLineValue = "campaign-action-taken";
		}

		if (dd_val == "data") {
			campaignCategory = "Data Capture";
			goalLineValue = "data-capture";
		}

		if (dd_val == "fundraising") {
			goalLineValue = "fundraising-transaction";
		}

		var eventLine = "_gaq.push(['_trackEvent', '{{campaignCategory}}', '{{campaignName}}', '{{campaignVariant}}']);";
		eventLine = eventLine.replace("{{campaignCategory}}", campaignCategory);
		eventLine = eventLine.replace("{{campaignName}}", campaignName);
		eventLine = eventLine.replace("{{campaignVariant}}", campaignVariant);

		var goalLine = "_gaq.push(['_trackPageview', '/virtual/goals/{{goalLineValue}}']);";
		goalLine = goalLine.replace("{{goalLineValue}}", goalLineValue);
		

		if (dd_val == "fundraising") {
			eventLine = "// Make sure you also have Ecommerce tracking on your thank you page"
		}

		var outputCode = $("#samplecode").val();		
		outputCode = outputCode.replace("{{EVENTLINT}}", eventLine);
		outputCode = outputCode.replace("{{GOALLINE}}", goalLine);
		$("#output").val(outputCode);

		$("#yourCode").removeClass("hidden"); 		
  		return false;
	});
});