<div id="content_contact">
	<div class="full_box">
		<div class="title_wrapper">
			<div class="title"><h1 style="color:#000000;">Newsletteranmeldung</h1></div>
			<div class="clear"></div>
		</div>

		<div class="box_content">
			<div class="box_padder canvas_box">

				{if $formdata.state == 1}
					<div style="background:#009900;padding:10px;color:#ffffff;font-weight:bold;">
						Vielen Dank f&uuml;r Ihre Registrierung!
					</div>
				{elseif $formdata.state == 3}
					<div style="background:#990000;padding:10px;color:#ffffff;font-weight:bold;">
						Es ist ein Fehler aufgetreten, bitte setzen Sie sich mit dem Administrator in Verbindung!
					</div>
				{else}
					{if $formdata.state == 2}
						<div style="background:#990000;padding:10px;color:#ffffff;font-weight:bold;">
							Bitte f&uuml;llen Sie alle Pflichtfelder aus!
						</div>
					{/if}
					<div style="float:left;width:350px;">
						<form id="contact_form" class="common_form" method="post" action="/Newsletteranmeldung/?sent=true">
							<div style="padding:20px;background:transparent url({$THEME_DIR}/media/images/contact_bg.png) no-repeat;height:300px;">
								<div style="width:298px;">

									<div>
										<label for="salutation">Anrede</label><br />
										<select id="salutation" name="form_data[salutation]">
											<option value="0">Herr</option>
											<option value="1">Frau</option>
										</select>
									</div><br />

									<div style="float:left;width:140px;">
										<label for="firstname" style="font-weight:bold;color:#ff0000;">Vorname*</label><br />
										<input id="firstname" name="form_data[firstname]" value="{$formdata.firstname}" style="width:100%;" />
									</div>
									<div style="float:right;width:140px;">
										<label for="surname" style="font-weight:bold;color:#ff0000;">Nachname*</label><br />
										<input id="surname" name="form_data[surname]" value="{$formdata.surname}" style="width:100%;" />
									</div>
									<br style="clear:both;" /><br />

									<div>
										<label for="email" style="font-weight:bold;color:#ff0000;">E-Mail Adresse*</label><br />
										<input id="email" name="form_data[email]" value="{$formdata.email}" style="width:100%;" />
									</div>
									<br />			

									<div style="float:left;">
										<div id="send_container" style="width:172px;height:44px;overflow:hidden;position:relative;cursor:pointer;color:#999999;">
											<div style="position:absolute;width:172px;height:44px;left:0px;background-color:#cccccc;text-align:center;font-weight:bold;font-size:16px;line-height:44px;">Anmelden</div>
										</div>
									</div>
									<div style="float:right;line-height:11px;font-size:10px;">
										<strong>*Pflichtangabe</strong><br />
									</div>
									<br style="clear:both;" /><br />
								</div>
							</div>

							<input type="hidden" name="account_contact" value="" />
						</form>
					</div>
					<div style="float:left;width:300px;">
						<div style="position:relative;">
							<br /><br />
							<div style="line-height:1.2em;">
								{$system_configuration.newsletter_registration_text|replace:"\n":"<br />"}
							</div>
						</div>
					</div>
					<br style="clear:both;" />
				{/if}
			</div>

		</div>
	</div>
</div>


<script type="text/javascript">
	$(document).ready(function() {

		$('#firstname, #surname, #email').keyup(function() {
			if ($('#firstname').val() != '' && $('#surname').val() != '' && $('#email').val() != '') {
				$('#send_container').css('color', '#000000');
			}
			else {
				$('#send_container').css('color', '#999999');
			}
		});


		$('#send_container').click(function() {
			if ($('#firstname').val() != '' && $('#surname').val() != '' && $('#email').val() != '') {
				$("input[name='account_contact']").val('ready_to_fly');
				$('#contact_form').trigger('submit');
			}
		});
	});
</script>





