// JavaScript Document
<!--
	
	function editMainmenu(){
		var menuEditor = document.getElementById('menuEditor');
		menuEditor.style.display = 'block';
	}

	function editSubmenu(){
		var menuEditor = document.getElementById('submenuEditor');
		menuEditor.style.display = 'block';
	}
	
	function editSites(){
		var siteEditor = document.getElementById('siteEditor');
		siteEditor.style.display = 'block';
	}
	
	function editGalleries(){
		var galleriesEditor = document.getElementById('galleriesEditor');
		galleriesEditor.style.display = 'block';
	}


	var selectedImage = null;
	var insertMode = false;
	var insertHtml = '';
	var moveImgSrc = '';
	var articleWidth = '670px';
	
	//edit/create article
	function editArticle(artId, artTitle){
		//document.execCommand("enableObjectResizing", false, false);		
		var articleContent = "";
		var content = "";
		var artId = artId;
		var editor = document.getElementById('editor');					//editor
		var editorContent = document.getElementById('editorContent');	//contentfield in editor
		var imgs = editorContent.getElementsByTagName("IMG");			//images in contentfield
		var ta = "left";			//default text-align
		var w = "670px";			//default width
		
		if(artId != ''){
			//if edit article
			articleContent= document.getElementById('art_'+artId+'content');	//article content div
			content = articleContent.innerHTML;
			ta = articleContent.style.textAlign;
			w = articleContent.style.width;
		}else{
			//if new article
			artId = "new";
			content = "<p>k</p>";
		}
		
		//synchronize styles
		editorContent.style.textAlign = ta;
		if(w == '670px'){
			document.getElementById('editorButtonWidthBig').setAttribute("checked", "checked");
			setArticleWidth('670px');
		}else{
			document.getElementById('editorButtonWidthSmall').setAttribute("checked", "checked");				
			setArticleWidth('320px');
		}
		
		
		//show and fill editor
		editor.style.display='block';
		document.getElementById('editorArtId').value = artId;
		document.getElementById('editorContent').innerHTML = content;
		document.getElementById('editorTitle').value = artTitle;
		
		//set onClick settings of the images except on pdf links ...
		for(var i=0; i<imgs.length; i++){
			var img = imgs[i];

			var s = img.src.split("/");			//calculate imgId
			var imgId = s[s.length-1];
			img.setAttribute('onClick', "setSelected('"+imgId+"')");
			
		}
		
	}

	
	function hideElement(id){
		var el = document.getElementById(id);
		el.style.display='none';
		
		//in case of big image viewer:
		var bigImg = document.getElementById('bigImage');
		bigImg.src = '';
	}
	
	function showUploader(){
		var uploader = document.getElementById('uploader');
		uploader.style.display='block';
	
	}
	
	function addImage(imgPath){
		setInsertMode(true);
		
		//var style = "margin:10px; width:140px;";
		var style = "width:140px;";
		var s = imgPath.split("/");			//img id e.g.: testimage.jpg 
		var imgId = s[s.length-1];
		var onClick = "setSelected('"+imgId+"')";
		var img = '<img id="'+imgId+'" src="'+imgPath+'" style="'+style+'" onClick="'+onClick+';" onMouseOver="style.cursor=\'pointer\';"  />';
		
		insertHtml = img;
		moveImgSrc = imgPath;
	
		setSelected(imgId);
	}
	
	function moveEffect(e){
		var ed = document.getElementById('editorPanel');
		var c = document.getElementById('editorContent');

		if(insertMode){
			var moveImg = document.getElementById('moveImg');
			moveImg.src = moveImgSrc;
			
			var e = e || window.event;
			var x = 0;
			var y = 0;
			x = e.clientX - ed.offsetLeft + 10;
			y = e.clientY - ed.offsetTop + 10;
			moveImg.style.left = x+"px";
			moveImg.style.top = y+"px";
		}
	}
	
	function mouseOutEffect(){
		//var moveImg = document.getElementById
	}
	
	function setSelected(img){
		selectedImage = document.getElementById(img);
		if(selectedImage != null && selectedImage.className == 'notClickable'){
			//Prevent selectedImage to be a pdf icon or similar...
			selectedImage = null;
		}
	}
	
	function setImgFloat(dir){
		var img = selectedImage;
		if(selectedImage != null){
			img.style.cssFloat = dir;
		}
	}
	
	function setInsertMode(set){
		insertMode = set;
		var moveImg = document.getElementById('moveImg');
		if(set){
			//document.body.style.cursor='crosshair';
			moveImg.style.display="block";
			//document.body.style.cursor='pointer';
			
		}else{
			moveImg.style.display="none";
			document.body.style.cursor='default';
		}
	}
	
	function addLink(){
		setInsertMode(true);
		var l = document.getElementById('editorLinkUrl').value;
		var txt = document.getElementById('editorLinkText').value;

		moveImgSrc = './img/editor/link.jpg';
		
		if(l.indexOf('@') != -1){
			insertHtml = '<a href="mailto:'+l+'"> '+txt+' </a>';
		}else{
			insertHtml = '<a href="http://'+l+'" target="_blank" > '+txt+' </a>';
		}
	}
	
	function setBold(){
		format('bold', '');
		//insertHtml = '<span style="font-weight:bold;" >F</span>';
	}
	
	function setHeader(h){
		//H2 H3 H4
		//alert(h);
		format('formatBlock', h);
	}
	
	function setItalic(){
		format('italic', '');
	}
	
	function changeColor(){
		var selector = document.getElementById('editorColorSelector');
		var color = selector.value;
		selector.style.backgroundColor = color;
		format('forecolor', color);
	}
	
	function addList(){
		setInsertMode(true);
		insertHtml = '<ul style="list-style:disc; list-style-position:inside;" ><li> </li></ul> <br />';
	}
	
	function addFile(url, type){
		setInsertMode(true);
		var style="margin:2px; vertical-align:middle; ";
		var cl="notClickable";
		var t="";
		var img = "";
		if(type == 'pdf'){
			img = 'pdfLogo.png'
			t="PDF Datei downloaden";
		}
		if(type == 'xls'){
			img = 'xlsLogo.png'
			t="Excel Datei downloaden";
		}
		url="/uploads/files/"+url;
		insertHtml = '<a href="'+url+'" target="_blank"><img style="'+style+'" title="'+t+'" src="./img/editor/'+img+'" class="notClickable" /></a>';
		moveImgSrc = './img/editor/'+img;
	}
	
	function addSiteLink(siteName, siteId){
		setInsertMode(true);
		insertHtml = '<a href="./index.php?siteId='+siteId+'" target="_self" >'+siteName+'</a>';
		moveImgSrc = './img/editor/link.jpg';
	}
	
	function addGalleryLink(galName, galArrayId){
		setInsertMode(true);
		insertHtml = '<a href="./index.php?siteId=0&showGallery=true&galNumber='+galArrayId+'" target="_self" >'+galName+'</a>';
		moveImgSrc = './img/editor/link.jpg';
	}
	
	function insert(){
		if(insertMode){
			html = insertHtml;
			//alert(html);	
			//var c = document.getElementById('editorContent');
			//c.focus();
			
			insertHtmlAtCursor(html);
			
			setInsertMode(false);
		}		
	}
	
	function insertHtmlAtCursor(html) {
		try{
			//FF, ...
			document.execCommand('insertHTML', false, html);
			//format('insertHTML', html);  //--> compl. with IE
		}catch(e){
			
				//IE
				document.selection.createRange().pasteHTML(html);
			
		}
		
		/*
		var range, node;
		if (window.getSelection && window.getSelection().getRangeAt) {
			range = window.getSelection().getRangeAt(0);
			node = range.createContextualFragment(html);
			range.insertNode(node);
		} else if (document.selection && document.selection.createRange) {
			document.selection.createRange().pasteHTML(html);
		}*/
	}
	
	var galleryCurImg = 0;
	var gallerySize = 0;
	
	function setupGallery(curImg, galSize){
		galleryCurImg = curImg;
		gallerySize = galSize;		
	}
	
	function galleryNextImage(e, mode){
		
		//prevent the hide-onClick of the underlying div to be fired
		e.cancelBubble = true; //IE
		e.stopPropagation(); //FF
		
		//parse id to int (leading 0s are ignored)
		tmpId = parseInt(galleryCurImg, 10);
		
		//update current img id
		if(mode == 1){
			if(tmpId < gallerySize){
				tmpId++;
			}else{
				tmpId = 1;
			}
		}else{
			if(tmpId > 1){
				tmpId--;
			}else{
				tmpId = gallerySize;
			}
		}
		
		//add 0s to get correct pic name
		galleryCurImg = tmpId;
		if(tmpId < 10){
			galleryCurImg = "00"+tmpId;
		}else if (tmpId < 100){
			galleryCurImg = "0"+tmpId;
		}
		
		//load next image
		var bigImage = document.getElementById('bigImage');
		bigImage.src = './uploads/galleryImages/testgallery/pic'+galleryCurImg+'.jpg';
		
	}
	
	function showBigImage(imgSrc){
		document.getElementById('bigImage').src = imgSrc;
		document.getElementById('imageViewer').style.display = 'block';
	}
	
	function showHelp(){
		help = "Enter: neuer Absatz \n";
		help = help + "Shift + Enter: neue Zeile \n";
		alert(help);
	}
	
	function setTextAlign(al){
		var c = document.getElementById('editorContent');
		c.style.textAlign = al;
	}
	
	function setArticleWidth(w){
		articleWidth = w;
		var c = document.getElementById('editorContent');
		c.style.width = w;
	}	
		
	function saveArticle(){
		var editorContent = document.getElementById('editorContent');
		
		//set onClicks for usual images (not for the pdf logos...)
		var imgs = editorContent.getElementsByTagName("IMG");
		for(var i=0; i<imgs.length; i++){
			var img = imgs[i];
			if(img.className != 'notClickable'){
				//img.removeAttribute('onClick');
				img.setAttribute('onClick', 'showBigImage(this.src);');
			}else{
				img.removeAttribute('onClick');
			}
		}
		
		//Save style of surrounding container
		var styleField = document.getElementById('editorStyle');
		var style = 'text-align:'+editorContent.style.textAlign+';';
		//alert(style);
		//var style = 'text-align:'+editorContent.style.textAlign+'; ';
		//style=style+'fontSize:'+editorContent.style.fontSize+'; '; 
		styleField.value = style;
		
		//Save width
		var widthField = document.getElementById('editorWidth');
		widthField.value = articleWidth;
		
		
		var contentField = document.getElementById('editorContentBuffer');
		
		//Format content	
		var c = escape(editorContent.innerHTML);	
		c = c.replace(/%09/gi, "");					//Delete space- and \n-signs
		c = c.replace(/%0a/gi, "");	
		//c = c.replace(/%27/gi, "/'");			// '
		//c = c.replace(/%91/gi, "/'");			// '
		//c = c.replace(/%92/gi, "/'");			// '
		c = c.replace(/%23/gi, "&num;");			// #
		c = c.replace(/%24/gi, "&dollar;");			// $			
		c = c.replace(/%25/gi, "&percnt;");			// %			
		c = c.replace(/%A7/gi, "&sect;");			// §			
		c = c.replace(/%BA/gi, "&ordm;");			// °			
		c = c.replace(/%5E/gi, "&circ;");			// ^
		c = c.replace(/%C4/gi, "&Auml;");			// Ä
		c = c.replace(/%D6/gi, "&Ouml;");			// Ö
		c = c.replace(/%DC/gi, "&Uuml;");			// Ü
		c = c.replace(/%E4/gi, "&auml;");			// ä
		c = c.replace(/%F6/gi, "&ouml;");			// ö
		c = c.replace(/%FC/gi, "&uuml;");			// ü
		c = c.replace(/%DF/gi, "&szlig;");			// ß
		c = unescape(c);
			
		contentField.value = c;
	}
	
	function format(command, parameter){
		var mode = "none";
		try {
			document.execCommand("styleWithCSS", false, true);
			mode = 0;
		} catch (e) {
			try {
				document.execCommand("useCSS", false, false); //Use CSS
				mode = 1;
			} catch (e) {
				try {
					document.execCommand("useCSS", 0, false); //Use CSS
					mode = 2;
				}
				catch (e) {
					try {
						document.execCommand('styleWithCSS', 0, true);
						mode = 3;
					}
					catch (e) {
						mode = "Not supported";
					}
				}
			}
		}
		
		try{
			document.execCommand(command, false, parameter);
		}catch(e){
		}
	}
	
	function clearField(fld){
		if(fld.value == fld.defaultValue){
			fld.value='';
		}
	}
	
	function fillField(fld){
		if(fld.value==''){
			fld.value=fld.defaultValue;
		}
	}

	
-->