<!--
//if(screen.width > 800){document.write('<style type="text/css">html>body{width:1000px;} body{width:998px;}</style>')}

function surrounding_span(){
	var content = document.getElementById("content");
	var content_p = content.getElementsByTagName("p");
	for(var i=0;i<content_p.length;i++){
		var content_p_img = content_p[i].getElementsByTagName("img");
		if(content_p_img.length>0){
			for(var ii=0; ii<content_p_img.length;ii++){
				// Werte speichern
				var original = content_p_img[ii];
				var width = original.width;
				var height = original.height;
				var cssFloat = (document.all && !window.opera) ? original.style.styleFloat : original.style.cssFloat;
				var padding_left = original.style.paddingLeft;
				var padding_right = original.style.paddingRight;
				var padding_top = original.style.paddingTop;
				var padding_bottom = original.style.paddingBottom;
				// Der IE meint, dass Bildbreite/höhe = Bildbreite/höhe + Padding ist.
				// Das stimmt natürlich nicht und deswegen ändern wir das.
				if(document.all && !window.opera){
					var p_l = (parseInt(padding_left)) ? parseInt(padding_left) : 0;
					var p_r = (parseInt(padding_right)) ? parseInt(padding_right) : 0;
					var p_t = (parseInt(padding_top)) ? parseInt(padding_top) : 0;
					var p_b = (parseInt(padding_bottom)) ? parseInt(padding_bottom) : 0;
					width = width - p_l - p_r;
					height = height - p_t - p_b;
				}
				
				// Style entfernen und Werte neu setzen
				if(cssFloat == "left" || cssFloat == "right"){
					original.removeAttribute("style");
					original.setAttribute("width", width);
					original.setAttribute("height", height);
				}
				
				// Meckern, wenn alt-Text vergessen wurde
				if(!original.alt && original.className != "frontEndEditIcons"){alert("Der alt-Text des Bildes wurde vergessen.\nBitte noch einfügen!");}
			
				// Den umgebenden <span>-Bereich erzeugen...
				var surrounding_span = document.createElement("span");
				// ...und ihm eine Style-Klasse zuweisen
				surrounding_span.className = "image_text";
				
				// bei float:left und float:right des Bildes muss diese Eigenschaft auf den Span-Container übergehen
				if(cssFloat == "left" || cssFloat == "right"){if(document.all && !window.opera){surrounding_span.style.styleFloat = cssFloat;}else{surrounding_span.style.cssFloat = cssFloat;}}
				
				// bei float:left Außenabstände setzen
				if(cssFloat == "left"){
						surrounding_span.style.marginLeft = padding_left;
						surrounding_span.style.marginRight = padding_right;
						surrounding_span.style.marginTop = padding_top;
						surrounding_span.style.marginBottom = padding_bottom;
				}
				
				// bei float:right Außenabstände setzen
				else if(cssFloat == "right"){
						surrounding_span.style.marginLeft = "20px";
						surrounding_span.style.marginBottom = "10px";
				}
				
				if(cssFloat == "left" || cssFloat == "right"){
					// Wenn das Bild von einem Link umgeben ist...
					if(original.parentNode.tagName == "A"){
						// ...das A-Element speichern
						var original_link = original.parentNode;
						// ...das A-Element mit dem erzeugten Span-Container ersetzen
						original.parentNode.parentNode.replaceChild(surrounding_span, original_link);
						// ...das A-Element als erstes Kind einfügen
						surrounding_span.appendChild(original_link);
						// ...in das A-Element das Bild einfügen
						surrounding_span.firstChild.appendChild(original);
					}
					// Wenn das Bild NICHT von einem Link umgeben ist...
					else{
						// ...das Bild mit dem erzeugten Span-Container ersetzen
						original.parentNode.replaceChild(surrounding_span, original);
						// ...das Bild als erstes Kind einfügen
						surrounding_span.appendChild(original);
					}
				}			
				
				// Wenn das title-Attribut gefüllt ist und nur bei float:left oder float:right...
				if(original.title && (cssFloat == "left" || cssFloat == "right")){
					// ...brauchen wir einen Abstand vom Bild zum Text
					original.style.paddingBottom = "4px";
					// ...erzeugen wir einen neuen Textknoten und füllen ihn mit dem Text des title-Attributes
					var span_text = document.createTextNode(original.title);
					// ...erzeugen wir einen Umbruch nach dem Bild
					var span_text_br = document.createElement("br");
					// ...jubeln wir dem Span-Container zwei neue Kinder unter :)  
					surrounding_span.appendChild(span_text_br);
					surrounding_span.appendChild(span_text);
				}
				
			}
		}
	}
	//contentHeight = document.body.scrollHeight-255;
	//contentHeight = (contentHeight<400) ? 400 : contentHeight;
	subnaviHeight = document.getElementById('sub_menu_corner_bottom_left').offsetHeight;
	contentHeight = document.getElementById('content').offsetHeight;
	if(contentHeight > subnaviHeight){
		if(document.getElementById("sub_menu_corner_bottom_left") && document.getElementById("sub_menu_corner_bottom_right")){
			document.getElementById("sub_menu_corner_bottom_left").style.height = document.getElementById("sub_menu_corner_bottom_right").style.height = (contentHeight-20) + "px";
		}
	}
	if(!document.all && document.login){document.login.pass.type = 'text';}
}

window.onload = surrounding_span;

//-->
