<!DOCTYPE HTML>
<html lang="de-de" dir="ltr">
<head>
    <meta charset="utf-8">
	<base href="https://www.mittel-zum-leben.info/downloads/bildungsarbeit/erzeuger-innen/5-2_anlage_erz_planspiel_rollen.html" />
	<meta http-equiv="content-type" content="application/xml; charset=utf-8" />
	<meta name="generator" content="Joomla! - Open Source Content Management" />
	<title>5.2_Anlage_Erz_Planspiel_Rollen - Mittel zum Leben</title>
	<link href="/components/com_edocman/assets/css/style.css" rel="stylesheet" type="text/css" />
	<link href="/components/com_edocman/assets/css/font.css" rel="stylesheet" type="text/css" />
	<link href="/components/com_edocman/assets/css/custom.css" rel="stylesheet" type="text/css" />
	<link href="/media/system/css/modal.css?646142aded4c6bd76f26593c6ee8d4e0" rel="stylesheet" type="text/css" />
	<link href="/media/plg_system_jcepro/site/css/content.min.css?86aa0286b6232c4a5b58f892ce080277" rel="stylesheet" type="text/css" />
	<link href="/media/jui/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="/media/jui/css/bootstrap-extended.css" rel="stylesheet" type="text/css" />
	<link href="/media/jui/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
	<link href="/media/widgetkit/wk-styles-e7e71e45.css" rel="stylesheet" type="text/css" id="wk-styles-css" />
	<script type="application/json" class="joomla-script-options new">{"csrf.token":"eb08cc0c46e5e804b68658df0a0bb1ff","system.paths":{"root":"","base":""}}</script>
	<script src="/media/jui/js/jquery.min.js?646142aded4c6bd76f26593c6ee8d4e0" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-noconflict.js?646142aded4c6bd76f26593c6ee8d4e0" type="text/javascript"></script>
	<script src="/media/jui/js/jquery-migrate.min.js?646142aded4c6bd76f26593c6ee8d4e0" type="text/javascript"></script>
	<script src="/media/jui/js/bootstrap.min.js?646142aded4c6bd76f26593c6ee8d4e0" type="text/javascript"></script>
	<script src="https://cdn.thynk.media/cookie-info/?lang=de_DE&company=Katholische+LandvolkHochschule+Oesede+e.V.&owner=Katholische+LandvolkHochschule+Oesede+e.V.%2C+Gartbrink+5%2C+49124+Georgsmarienh%C3%BCtte&link=https%3A%2F%2Fmittel-zum-leben.info%2Fdatenschutz.html" type="text/javascript"></script>
	<script src="/media/system/js/mootools-core.js?646142aded4c6bd76f26593c6ee8d4e0" type="text/javascript"></script>
	<script src="/media/system/js/core.js?646142aded4c6bd76f26593c6ee8d4e0" type="text/javascript"></script>
	<script src="/media/system/js/mootools-more.js?646142aded4c6bd76f26593c6ee8d4e0" type="text/javascript"></script>
	<script src="/media/system/js/modal.js?646142aded4c6bd76f26593c6ee8d4e0" type="text/javascript"></script>
	<script src="/templates/yootheme/cache/scripts-b7909a8c.js?v=1.9.7" type="text/javascript"></script>
	<script src="/media/widgetkit/uikit2-8629e4cf.js" type="text/javascript"></script>
	<script src="/media/widgetkit/wk-scripts-bce3732b.js" type="text/javascript"></script>
	<script type="text/javascript">
		//<![CDATA[

		jQuery(function($) {
			SqueezeBox.initialize({});
			initSqueezeBox();
			$(document).on('subform-row-add', initSqueezeBox);

			function initSqueezeBox(event, container)
			{
				SqueezeBox.assign($(container || document).find('a.edocman-modal').get(), {
					parse: 'rel'
				});
			}
		});

		window.jModalClose = function () {
			SqueezeBox.close();
		};

		// Add extra modal close functionality for tinyMCE-based editors
		document.onreadystatechange = function () {
			if (document.readyState == 'interactive' && typeof tinyMCE != 'undefined' && tinyMCE)
			{
				if (typeof window.jModalClose_no_tinyMCE === 'undefined')
				{
					window.jModalClose_no_tinyMCE = typeof(jModalClose) == 'function'  ?  jModalClose  :  false;

					jModalClose = function () {
						if (window.jModalClose_no_tinyMCE) window.jModalClose_no_tinyMCE.apply(this, arguments);
						tinyMCE.activeEditor.windowManager.close();
					};
				}

				if (typeof window.SqueezeBoxClose_no_tinyMCE === 'undefined')
				{
					if (typeof(SqueezeBox) == 'undefined')  SqueezeBox = {};
					window.SqueezeBoxClose_no_tinyMCE = typeof(SqueezeBox.close) == 'function'  ?  SqueezeBox.close  :  false;

					SqueezeBox.close = function () {
						if (window.SqueezeBoxClose_no_tinyMCE)  window.SqueezeBoxClose_no_tinyMCE.apply(this, arguments);
						tinyMCE.activeEditor.windowManager.close();
					};
				}
			}
		};
		jQuery(function($) {
                    $('span[id^="cloak"] > *').unwrap();
                })
		//]]>
	</script>

</head>
<body class="contentpane">
	
	<div id="edocman-document-page" class="edocman-container edocman-document">
	<div class="edocman-box-heading clearfix">
		<h1 class="edocman-page-heading pull-left">
			            	<i class="edicon edicon-file-pdf"></i>
						5.2_Anlage_Erz_Planspiel_Rollen					</h1>
		<div class="clearfix"></div>
		<p class="edocman_document_details_information">
					</p>
	</div>
	<div id="edocman-document-details" class="edocman-description">
		<div class="edocman-description-details clearfix">
							<img src="https://www.mittel-zum-leben.info/components/com_edocman/assets/images/icons/32x32/pdf.png" alt="5.2_Anlage_Erz_Planspiel_Rollen" class="edocman-thumb-left" />
					</div>
	<div id="edocman-document-info" class="clearfix">
		<table class="table table-bordered table-striped">
			<tbody>
							<tr>
					<td class="edocman-document-property-label">
						Dateiname:
					</td>
					<td class="edocman-document-property-value">
						5.2_Anlage_Erz_Planspiel_Rollen.pdf					</td>
				</tr>
									<tr>
						<td class="edocman-document-property-label">Dateigröße:</td>
						<td class="edocman-document-property-value">355.58 KB</td>
					</tr>
									<tr>
						<td class="edocman-document-property-label">Dateityp:</td>
						<td class="edocman-document-property-value">application/pdf</td>
					</tr>
							</tbody>
		</table>
   </div>
	</div>
</div>

<form method="post" name="edocman_form" id="edocman_form" action="index.php">
	<input type="hidden" name="cid[]" value="309" id="document_id" />
	<input type="hidden" name="category_id" value="45" />
	<input type="hidden" name="task" value="" />
	<input type="hidden" name="Itemid" value="348" />
	<input type="hidden" name="option" value="com_edocman" />
	<input type="hidden" name="eb08cc0c46e5e804b68658df0a0bb1ff" value="1" />
	<script type="text/javascript">
		function deleteConfirm()
		{
			var msg = "Are you sure want to delete this item?";
			if (confirm(msg))
			{
				var form = document.edocman_form ;
				form.task.value = 'documents.delete';
				form.submit();
			}
		}
		function publishConfirm(task) {
			var msg;
			if (task == 'documents.publish')
			{
				msg = "Are you sure want to publish this item?";
			}
			else
			{
				msg = "Are you sure want to unpublish this item?";
			}
			if (confirm(msg))
			{
				var form = document.edocman_form ;
				form.task.value = task;
				form.submit();
			}
		}
	</script>
</form>
<div id="sharing-form" class="modal fade" style="display: none;">
	<div class="modal-header">
		<a class="close" data-dismiss="modal">x</a>
		<h2>Sharing form</h2>
	</div>
	<div class="alert alert-success">
		<a href="#" class="close" data-dismiss="alert">&times;</a>
		<p id="download-complete-message"></p>
	</div>
	<div class="modal-body">
		<form class="edocman-download-form form form-horizontal" name="download-form">
			<p class="text-info" id="sharing-instruction">Please complete form to share document <strong>[DOCUMENT_TITLE]</strong></p>
			<div class="control-group">
				<label class="control-label" for="name">
					Your name<span class="required">*</span>
				</label>
				<div class="controls">
					<input type="text" name="name" id="name" class="input-large"/>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="name">
					Your friend name<span class="required">*</span>
				</label>
				<div class="controls">
					<input type="text" name="friend_name" id="friend_name" class="input-large"/>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="name">
					Your friend email<span class="required">*</span>
				</label>
				<div class="controls">
					<input id="friend_email" type="text" name="friend_email" value="" class="input-large"><br>
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="name">
					Message				</label>
				<div class="controls">
					<textarea name="message" id="message" cols="50" rows="5" style="width:250px !important;"></textarea>
				</div>
			</div>
		</form>
	</div>
	<div class="modal-footer">
		<input class="btn btn-success btn-send" type="button" value="Process">
		<a href="#" class="btn" data-dismiss="modal">Schließen</a>
	</div>
</div>

<script id="dynamic" type="text/javascript">
        if (typeof(Edocman) === 'undefined') {
            var Edocman = {};
        }
        Edocman.jQuery = jQuery.noConflict()
		Edocman.jQuery(document).ready(function($){
			$('.progress').hide();
			$('.alert-success').hide();
			var $modal = $('#sharing-form');
			$('.email-popup').click(function(){
				var documentTitle = $(this).attr('data-document-title');
				var instruction = $('#sharing-instruction').html();
				instruction = instruction.replace('[DOCUMENT_TITLE]', documentTitle);
				$('#sharing-instruction').html(instruction);
				$('.btn-send').attr('id',$(this).attr('id'));
			})
			$('#form-content').modal({
				show : false,
				backdrop: true,
				keyboard: true
			}).css({
				width: '500px',
				'margin-left': function () {
					return -($(this).width() / 2);
				}
			});
			//bootstrap 3
			//$(document).on('hide.bs.modal','#form-content', function () {  window.location = 'https://www.mittel-zum-leben.info/downloads/bildungsarbeit/erzeuger-innen/5-2_anlage_erz_planspiel_rollen.html?tmpl=component' });
			//bootstrap 2
			$modal.on('hidden', function () { window.location = 'https://www.mittel-zum-leben.info/downloads/bildungsarbeit/erzeuger-innen/5-2_anlage_erz_planspiel_rollen.html?tmpl=component' });
			$modal.on('click', '.btn-send', function(e){
				e.preventDefault();
				var validate = validateForm();
				if(validate)
				{
					$('.btn-send').attr('disabled','disabled');
					$('.btn-send').before('<span class="wait">&nbsp;<img src="/components/com_edocman/assets/images/loading.gif" alt="" /></span>');
					var documentId = $(this).attr('id');
					var data = {
						'task'	:	'document.share_document',
						'document_id' : documentId,
						'name': $('#name').val(),
						'friend_name': $('#friend_name').val(),
						'friend_email' : $('#friend_email').val()
					};
					$.ajax({
						type: 'POST',
						url: 'index.php?option=com_edocman',
						data: data,
						dataType: 'html',
						success: function(html) {
							$('.modal-body').hide();
							$('#download-complete-message').html(html);
							$('.wait').remove();
							$('.alert-success').show('fast');
						},
						error: function(jqXHR, textStatus, errorThrown) {
							alert(textStatus);
						}
					});
				}
			})
			function validateForm()
			{
				var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
				var names = $('#name').val();
				var friend_names = $('#friend_name').val();
				var friend_email = $('#friend_email').val();
				var inputVal = new Array(names, friend_names, friend_email);

				var inputMessage = new Array("name", "friend name", "email address");
				$('.error').hide();
				if(inputVal[0] == ""){
					$('#name').after('<span class="error"> Please enter your ' + inputMessage[0] + '</span>');
					return false;
				}
				if(inputVal[1] == ""){
					$('#friend_name').after('<span class="error"> Please enter your ' + inputMessage[1] + '</span>');
					return false;
				}
				if(inputVal[2] == ""){
					$('#friend_email').after('<span class="error"> Please enter your ' + inputMessage[2] + '</span>');
					return false;
				}
				else if(!emailReg.test(friend_email)){
					$('#friend_email').after('<span class="error"> Please enter a valid email address</span>');
					return false;
				}
				return true;
			}

		})
</script>
</body>
</html>
