(function($){
    $.fn.extend({	
        wazabii_radio_btn: function(options) {
			
			var settings = {
				afterText: "",
                onClick: function() {
				}
            };
			var options = $.extend(settings, options);
			
			this.each(function() {
				var count = 1;
				var findRadio = $(this).find("input[type='radio']");
				findRadio.each(function() {			
					active = (count == 1) ? "active" : "";
					var title = ($(this).attr("title")) ? $(this).attr("title") : "";
					
					// Robert: la in extrakod för att lägga till inputfältets value som div.
					var value = ($(this).attr("value")) ? $(this).attr("value") : "";
					$(this).parent().append('<div class="wa-radio-btn-parent '+active+'" data-value="'+$(this).val()+'"><div class="wa-radio-btn"></div><div class="wa-radio-btn-title">'+title+'</div><div class="wa-radio-btn-value">'+value+'<span> '+settings.afterText+'</span></div></div>');
					count++;
				}).hide().parent();

				$(this).append('<input class="wa-radio-hidden" type="hidden" name="'+findRadio.attr("name")+'" value="'+findRadio.val()+'" />');
				
				var mainParent = $(this);
				$(".wa-radio-btn-parent").click(function() {
					var Parent = $(this).parent();
					// Robert: La in extrakod för att lägga till en extra active klass på value divven
					var Value = $(this).find(".wa-radio-btn-value");
					$(this).parents().find(".active").eq(0).removeClass("active");
					$(this).addClass("active");
					//Robert: Extrakod
					$(this).parent().parent().parent().find(".box").removeClass("active-box");
					$(this).parent().parent().addClass("active-box");
					
					$(this).parents().find(".wa-radio-hidden").eq(0).val($(this).attr("data-value"));
					settings.onClick();
					return false;
				});
			});
        }
    });
	
})(jQuery);

$(document).ready(function() {
	$(".survey-radio-btn").wazabii_radio_btn();
	
	$(".survey-checkbox").click(function() {
		if($(this).hasClass("active")) {
			$(this).removeClass("active");
			$(this).find("input").val(0);
		} else {
			$(this).addClass("active");
			$(this).find("input").val(1);
		}
	});
	
	
	$(".survey-next").click(function() {
		$(".survey-step1").fadeOut(300, function() {
			$("#survey-container").delay(300).animate({ height: "1902px" }, 300, function() {
				$(".survey-step2").fadeIn(300);
				$(this).css("height", "auto");
			});
		});
		return false;
	});
	
	
	$(".survey-open").click(function() {
		$("#survey-container, #survey-bg").fadeIn(300);
		return false;
	});
	
	
	$(".survey-close, .survey-cancel").click(function() {
		$("#survey-container, #survey-bg").fadeOut(300);
		return false;
	});
	
	$("textarea").focus(function() {
		if($(this).val() == $(this).next().text()) {
			$(this).val("");
		}
	});
	
	$("textarea").blur(function() {
		if($(this).val() == "") {
			$(this).val($(this).next().text());
		}
	});
	
	$(".survey-submit").click(function() {
		
		var myValue = "";
		$("#survey-container input.wa-radio-hidden, #survey-container textarea, .survey-name input").each(function() {
			myValue += "&"+$(this).attr("name")+"="+encodeURIComponent($(this).val());
		});
		
		var dataString = "ajax-post=1"+myValue+"&year="+encodeURIComponent($("#year").val())+"&anonym="+encodeURIComponent($(".survey-checkbox input").val());
		$.post("process.php", dataString, function(theResponse) {
			if(theResponse == 1) {
				$(".survey-step2").fadeOut(300, function() {
					$(".survey-step3").fadeIn(300);
					$("html, body").animate({ scrollTop: 0 }, 300);
				});
			} else {
				if($("#year").val() == "") {
					$("#year").css("backgroundColor", "#f0dada");
					$("html, body").animate({ scrollTop: 0 }, 300);
				} else {
					$("#year").css("backgroundColor", "#FFFFFF");
				}
				$(".survey-message").html(theResponse).show();
			}
		});
		return false;
	});
	
});