{extends file="../../template.tpl"}

{block name=js}
	<script type="text/javascript" src="/js/jquery.js"></script>
	<script src="../../ckeditor/ckeditor.js"></script>
	<script src="../../ckeditor/adapters/jquery.js"></script>
	<script src="/js/funcs.js"></script>
	
	<script type="text/javascript">
	
		function write(){
			request=createAJAXobject('/sites/home/home.php','post',reaction);
			request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=UTF-8');
			request.send("data="+CKEDITOR.instances.editor1.getData());
		}
		
		$(document).ready(function(){
			CKEDITOR.config.contentsCss = '../../styles/styles.css'; 
			$("#send").click(function(){
					write();
				});
			$("#edit").click(function(){
					$("#sitetext").attr("style","display:none;");
					$("#editor1").ckeditor();
					$("#editor1").attr("style","");
					$("#stopEdit").attr("style","");
					$("#send").attr("style","");
					$("#edit").attr("style","display:none;");
					editorText=$("#sitetext").html();
					CKEDITOR.instances.editor1.setData(editorText);
				});
			$("#stopEdit").click(function(){
					$("#sitetext").attr("style","");
					$("#stopEdit").attr("style","display:none;");
					$("#edit").attr("style","");
					$("#send").attr("style","display:none");
					CKEDITOR.instances.editor1.destroy();	
					$("#editor1").attr("style","display:none;");
				});
		});
		
		function reaction(){
			if(request.readyState==4)
			{
				document.location.reload(true);
			}
		}
		
	</script>
	
{/block}

{block name=body}

	

	<div id="sitetext">{$sitetext}</div>
	
	<textarea class="" cols="80" id="editor1" name="editor1" rows="10" style="display:none;">
	</textarea>	
	<br />
	
	{if isset ($right)}
		<br />
		<input type="button" class="button1" name="edit" value="Bearbeiten" id="edit"/>
		<input type="button" class="button1" value="Speichern" id="send" style="display:none;"/>
		<input type="button" class="button1" name="stopEdit" value="Abbrechen" id="stopEdit" style="display:none;"/>
		<br />
	{/if}
	<br />
{/block}