/* Javascript by Tyler Mulligan of Salter>Mitchell */
$(document).ready(function() {
	
	$("#tool_wrapper").hide();
	load_step_1();
	
});
var win=0;
function load_step_1() {
	$("#tool_wrapper").load("a/step_1", { audience: $("#your_audience").attr("value") }, function() {
		// Tabs
		$("#loading").hide();
		var tabContainers = $("#audience_details > div");
		$("#tab").hide();
		tabContainers.hide();
		//$("#tab_bridge").hide();
		
		$(".audience").hover(function () {
				var leftpos=7;
				var bgimage="img/tab_bridge_left.gif";
				if (this.hash=="#families") { 
					leftpos = 6;
					bgimage = "img/tab_bridge_left.gif";
				}
				if (this.hash=="#tweens_and_teens") {
					leftpos = 261;
					bgimage = "img/tab_bridge_middle.gif";
				}
				if (this.hash=="#kids") {
					leftpos = 517;
					bgimage = "img/tab_bridge_right.gif";
				}
				$("#tab_bridge").css("left",leftpos);
				$("#tab_bridge").css("background-image","url('css/"+bgimage+"')");
				$("#tab_bridge").show();
				$("#audience_details").show();
				tabContainers.filter(this.hash).show();
				tabContainers.filter(this.hash).children().show();
				$("#tab").fadeIn(90);
				return false;
		});

		$(".audience").mouseout(function() {
				$("#tab").hide();
				$("#tab_bridge").hide();
				$("#audience_details div").hide();
				$("#audience_details").hide();
		});

		$(".audience").click(function() {
			$(".audience").parent().removeClass("selected");
			$(this).parent("div").addClass("selected");
			$(this).blur();
			$("#tab").fadeOut();
			$("#tab_bridge").fadeOut();
			$("#audience_details").fadeOut();
						
			return false;
		});
		
		$("#next_step").click(function() {
			$("#your_audience").attr("value",$(".ac.selected > a").attr("id"));
			if($("#your_audience").attr("value")!="") {
				$("#tool_wrapper").fadeOut(300, function() {
					$("#loading").show();
					$.post("a/ili", function(r) { 
						if (r) {
							load_step_3();
						} else {
							load_step_2();
						}
					});
				});
			} else {
				$.fn.colorbox({
					href:"a/audience",
					open:true,
					height:140,
					intialHeight:30,
					width:500,
					initialWidth:100
				});
			}
		});
		
		$("#tool_wrapper").fadeIn();
		
	}); // end load step 1
}

function load_step_2() {
	$("#tool_wrapper").load("a/step_2", { audience: $("#your_audience").attr("value") }, function() {
		$("#loading").hide();
		$("#tool_wrapper").fadeIn();
		$("#back_step").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_1();
			});
		});
		$("#next_step").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_quiz();
			});
		});
	});
}

function load_step_quiz() {
	$("#tool_wrapper").load("a/step_quiz", { audience: $("#your_audience").attr("value") }, function() {
		$("#loading").hide();
		$("#tool_wrapper").fadeIn();
		$("#back_step").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_2();
			});
		});
		$("#next_step").click(function() {
			if (win==1) {
				$("#tool_wrapper").fadeOut(function() {
					$("#loading").show();
					load_step_3();
				});
			} else {
				$.fn.colorbox({
					href:"a/complete_test",
					open:true,
					height:140,
					intialHeight:30,
					width:500,
					initialWidth:100
				});
			}
		});
		// Handle checkboxes
		init_checkboxes();
		//$('input:radio').each(function() { $(this).attr("onclick","checkAnswer('"+$(this).attr("id")+"');"); });
	});
}

function load_step_3() {
	$("#tool_wrapper").load("a/step_3", { audience: $("#your_audience").attr("value"), target_audience: $("#target_audience").attr("value"), core_message: $("#core_message").attr("value") }, function() {
		$("#loading").hide();
		$("#tool_wrapper").fadeIn();
		$("#create_a_billboard").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_4();
			});
		});
		$("#create_a_psa").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_4_psa();
			});
		});
		$("#write_an_essay").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_4_essay();
			});
		});
		
		$("#core_message").change(function() {
			var str = $("#download").attr("href");
			var newStr = str.substring(0, str.length-1)+$(this).val();
			$("#download").attr("href",newStr);
			$("#theme_a,#theme_b,#theme_c").removeClass("visible").hide();
			$("#theme_"+$(this).val()).fadeIn();
		});

	});
}

function load_step_4() {
	$("#tool_wrapper").load("a/step_4", { target_audience: $("#target_audience").attr("value"), core_message: $("#core_message").attr("value") }, function() {
		$("#loading").hide();
		$("#tool_wrapper").fadeIn("slow");
		$("#back_step").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_3();
			});
		});
		$("#next_step_preview").click(function() {
			//$("#tool_wrapper").fadeOut(function() {
				//$("#loading").show();
				saveJPG();
				//load_step_5();
				return false;
			//});
		});
	});
}

function load_step_4_psa() {
	$("#tool_wrapper").load("a/step_4_psa", { target_audience: $("#target_audience").attr("value"), core_message: $("#core_message").attr("value") }, function() {
		$("#loading").hide();
		$("#tool_wrapper").fadeIn("slow");
		$("a[rel=gallery]").colorbox({
			rel: true,
			slideshow: true
		});
		$("#psa_back_step").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_3();
			});
		});
	});
}

function load_step_4_essay() {
	$("#tool_wrapper").load("a/step_4_essay", { target_audience: $("#target_audience").attr("value"), core_message: $("#core_message").attr("value") }, function() {
		$("#loading").hide();
		$("#tool_wrapper").fadeIn("slow");
		$("a[rel=gallery]").colorbox({
			rel: true,
			slideshow: true
		});
		$("#essay_contact_form_link").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_contact_form();
			});
		});
		$("#psa_back_step").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_3();
			});
		});
	});
}

function load_step_contact_form() {
	$("#tool_wrapper").load("a/step_contact_form", { target_audience: $("#target_audience").attr("value"), core_message: $("#core_message").attr("value") }, function() {
		$("#loading").hide();
		$("#tool_wrapper").fadeIn("slow");
		$("a[rel=gallery]").colorbox({
			rel: true,
			slideshow: true
		});
		//form validation and submit code goes here.
		$("#essay_contact_form").validate({});
        $('#essay_contact_form').attr('novalidate', 'novalidate');
        $('#essay_contact_form').ajaxForm({ target: "#essay_submit"});

		$("#psa_back_step").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_3();
			});
		});
	});
}

var submitting=0;
function load_step_5(filename) {
	$("#tool_wrapper").load("a/step_5", { target_audience: $("#target_audience").attr("value"), core_message: $("#core_message").attr("value"), file: filename }, function() {
		//$("#loading").hide();
		//$("#tool_wrapper").fadeIn("slow");
		$("#submit_billboard").validate();
		$("#billboard").attr("src","usermade_billboards/"+filename);
		$("#back_step").click(function() {
			$("#tool_wrapper").fadeOut(function() {
				$("#loading").show();
				load_step_4();
			});
		});
		$.post("a/ili", function(r) { if (r) { $("#already_a_user").click(); } });
		$("#submit_step").click(function() {
			//$("#tool_wrapper").fadeOut(function() {
				//$("#loading").show();
				if ($("#which").val()==0) {
					if ($("#submit_billboard_new").valid() && $("#email_check").val()==1) {
						if (submitting==0) {
							submitting=1;
							$("#submit_and_register").load("a/register", $("#submit_billboard_new").serializeArray(), function() {
								//load_step_final();
							});
						}
					} else { 
						if ($("#agree").attr("checked")==false) {
							$.fn.colorbox({
								href:"a/agree_to_terms",
								open:true,
								height:140,
								intialHeight:30,
								width:500,
								initialWidth:100
							});
						}
						if ($("#email_check").val()==0) {
							$.fn.colorbox({
								href:"a/email_in_use",
								open:true,
								height:140,
								intialHeight:30,
								width:500,
								initialWidth:100
							});
						}
					}
					
				}
				if ($("#which").val()==1) {
					if ($("#submit_billboard_returning").valid()) {
						$("#register").load("a/validate_login2", $("#submit_billboard_returning").serializeArray(), function() {
							//load_step_final();
						});
					} else {
						if ($("#agree2").attr("checked")==false) {
							$.fn.colorbox({
								href:"a/agree_to_terms",
								open:true,
								height:140,
								intialHeight:30,
								width:500,
								initialWidth:100
							});
						}
					}
				}
				
				
			//});
			return false;
		});
		$("#register").hide();
		$("#already_a_user").click(function() {
			$("#submit_and_register").hide();
			$("#register").fadeIn();
			$("#which").val("1");
			return false;
		});
		$("#not_a_user").click(function() {
			$("#register").hide();
			$("#submit_and_register").fadeIn();
			$("#which").val("0");
			return false;
		});
		$("#email_new").blur(function() {
			$.post("a/check_email", { email: $("#email_new").val() }, function(r) {
				$("#email_check").val(r);
				//alert(r);
			});
		});
		$("#see_regions").colorbox({
			iframe:true,
			height:400,
			intialHeight:100,
			width:630,
			initialWidth:200
		});
		$(".terms").colorbox({
			iframe:true,
			height:460,
			intialHeight:100,
			width:800,
			initialWidth:100
		});
		$("#forgot_pass").colorbox({
			iframe:true,
			height:220,
			intialHeight:100,
			width:600,
			initialWidth:100
		});
	});
}

function load_step_final(filename) {
	$("#tool_wrapper").fadeOut(2000, function() {
		$("#loading").show();
		$("#tool_wrapper").load("a/step_final", { file: filename }, function() {
			$("#loading").hide();
			$("#tool_wrapper").fadeIn("slow");
		});
	});
}

function checkAnswer(id) {
	if($("#"+id).hasClass("c")==false) { // Wrong
		$("#"+id).siblings(".jquery-safari-checkbox").removeClass("jquery-safari-checkbox-checked").addClass("jquery-safari-checkbox-fail");
		$("#"+id).attr("disabled","disabled");
		$.fn.colorbox({
			href:"a/wrong",
			open:true,
			height:140,
			intialHeight:30,
			width:500,
			initialWidth:100
		});
	} else { // Correct
		if ($("input:radio.c:checked").length==4) {
			win=1;
			$("#"+id).siblings(".jquery-safari-checkbox").addClass("jquery-safari-checkbox-checked");
			completed_test();
		}
		$("#"+id).parents("fieldset").children("label").children("input:radio").attr("disabled","disabled");
	}
}

function completed_test() {
	$.fn.colorbox({
		href:"a/correct",
		open:true,
		height:140,
		intialHeight:30,
		width:500,
		initialWidth:100
	});
}