$(document).ready(function(){
		$(".passwordContainer").each(function(){
			var standardHiddenText = "Passwort anzeigen...";
			var standardHideText = "Passwort ausblenden...";
			var hoverBackgroundColor = "#D8D9FD";
			var standardBackgroundColor = $(".sp_a_3").css("backgroundColor");
			
			var buttonTag = "<span class='prePasswordSpan'>:</span><button class='passwordHideButton'></button>";
		
			var $container = $(this);
			$container
				.data("password", $(this).html())
				.html(buttonTag);
			if ($(this).attr("hiddenText") != undefined)
			{
				$(this).data("hiddenText", $(this).attr("hiddenText"));
			}
			else
			{
				$(this).data("hiddenText", standardHiddenText);
			}
			if ($(this).attr("hideText") != undefined)
			{
				$(this).data("hideText", $(this).attr("hideText"));
			}
			else
			{
				$(this).data("hideText", standardHideText);
			}
			
			var $button = $(this).children(".passwordHideButton");
			$button.click(function(){
					if ($(this).html() == $container.data("hiddenText"))
					{
						$(this).html($container.data("hideText")).parent().prepend("<span class='passwordSpan' style='margin-right:10px'>" + $container.data("password") + "</span>");
					}
					else
					{
						$container.children(".passwordSpan").remove();
						$button.html($container.data("hiddenText"));
					}
				});
			$button.hover(
					function () {	
						$(this).css("backgroundColor", hoverBackgroundColor);
				    }, 
				    function () {
						$(this).css("backgroundColor", standardBackgroundColor);
				    }
				);
			$button.html($container.data("hiddenText"))
				.css("border", "1px solid black")
				.css("backgroundColor", standardBackgroundColor);
			
			$(".prePasswordSpan").css("color", standardBackgroundColor);
		});	
	});