// JavaScript Document
<!-- // JavaScript-Bereich für ältere Browser auskommentieren
var LI_transparent =  "0.3";
//var HG_transparent = "1";

var Maus_x = 0;
var Maus_x = 0;

function trim (zeichenkette) 
{
  return zeichenkette.replace (/^\s+/, '').replace (/\s+$/, '');
}
function getWert(ID, Attribut)
{
	//alert (ID + " " + Attribut);
	var e = document.getElementById (ID);
	
	if (window.getComputedStyle) 
	{	
		try
		{	
			var elem = document.getElementById(ID);
			var theCSSprop = window.getComputedStyle(elem,null).getPropertyValue(Attribut);
			return parseInt(theCSSprop);
		}
		catch (ex)
		{
			return 0;
		}
    }
    // Wird der IE eingesetzt, dann existiert currentStyle.
    else if (e.currentStyle) 
	{
		var wert = 0;
		switch (Attribut)
		{
			case "width":
				//alert("Breite == " + ID + " " + Attribut +" = " + document.getElementById(ID).offsetWidth);
				wert = document.getElementById(ID).offsetWidth;
				break;
			case "height":
				//alert(ID + " " + Attribut +" = " + document.getElementById(ID).offsetHeight);
				wert = document.getElementById(ID).offsetHeight;
				break;	
			case "padding-top":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.paddingTop);
				wert = e.currentStyle.paddingTop;
				break;	
			case "padding-bottom":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.paddingBottom);
				wert = e.currentStyle.paddingBottom;
				break;	
			case "padding-left":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.paddingLeft);
				wert = e.currentStyle.paddingLeft;
				break;	
			case "padding-right":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.paddingRight);
				wert = e.currentStyle.paddingRight;
				break;
			case "margin-top":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.marginTop);
				wert = e.currentStyle.marginTop;
				break;	
			case "margin-bottom":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.marginBottom);
				wert = e.currentStyle.marginBottom;
				break;	
			case "margin-left":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.marginLeft);
				wert = e.currentStyle.marginLeft;
				break;	
			case "margin-right":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.marginRight);
				wert = e.currentStyle.marginRight;
				break;	
			case "margin-right":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.marginRight);
				wert = e.currentStyle.marginRight;
				break;
			case "border-top-width":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.borderTopWidth);
				wert = e.currentStyle.borderTopWidth;
				try
				{		
					if (wert.indexOf('px') == -1)
					{
						wert = 0;
					}
				}
				catch(ex)
				{	 
					wert = 0;
				}
				break;
			case "border-bottom-width":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.borderBottomWidth);
				wert = e.currentStyle.borderBottomWidth;
				try
				{		
					if (wert.indexOf('px') == -1)
					{
						wert = 0;
					}
				}
				catch(ex)
				{	 
					wert = 0;
				}
				break;
			case "border-left-width":
				//alert("Hoehe == " + ID + " " + Attribut +" = " + e.currentStyle.borderLeftWidth);
				wert = e.currentStyle.borderLeftWidth;
				try
				{		
					if (wert.indexOf('px') == -1)
					{
						wert = 0;
					}
				}
				catch(ex)
				{	 
					wert = 0;
				}
				break;
			case "border-right-width":				
				//alert("Hoehe == " + ID + " " + Attribut + " = " + e.currentStyle.borderRightWidth + " ===>>> ");
				wert = e.currentStyle.borderRightWidth;
				try
				{		
					if (wert.indexOf('px') == -1)
					{
						wert = 0;
					}
				}
				catch(ex)
				{	
					wert = 0;
				}
				break;		
		}
		//alert(wert);
		try
		{
			if (wert.indexOf('px') > 0)
			{
				wert = wert.substr(0, wert.indexOf('px'))
			}
		}catch(ex){}
		//alert(wert);
      	return parseInt(wert);
    }
}
function Container_bestimmen()
{
	// Div Container bestimmen
	var allDivs = document.getElementsByTagName('div');
	for(var i = 0; i < allDivs.length; i++)
	{
  		if (allDivs[i].id == "Menu") //parseInt(getWert("menu", "height"))  > 0)
		{
			M_Menu_ok = true;
		}
		else
		{
			mMenuBorderBreite = 0;
			mMenuBorderHoehe = 0;
			mMenuHoeheakt = 0;	
			mMenuBreiteakt = 0;
		}
		if (allDivs[i].id == "Banner") //parseInt(getWert("banner", "height"))  > 0)
		{
			M_Banner_ok = true;
		}
		else
		{
			mBannerBorderBreite = 0;
			mBannerBorderHoehe = 0;
			mBannerhoeheakt = 0;	
		}
		if (allDivs[i].id == "Topmenu") // (parseInt(getWert("Topmenu", "height"))  > 0)
		{
			M_Topmenu_ok = true;
		}
		else
		{
			mTopMenuBorderBreite = 0;
			mTopMenuBorderHoehe = 0;
			mTopMenuHoeheakt = 0;	
		}
		if (allDivs[i].id == "Main") // (parseInt(getWert("main", "height"))  > 0)
		{
			M_Main_ok = true;
		}
		else
		{
			mMainBorderBreite = 0;
			mMainBorderHoehe = 0;
			mMainHoeheakt = 0;	
		}
		if (allDivs[i].id == "Fuss")  // (parseInt(getWert("fuss", "height"))  > 0)
		{
			M_Fuss_ok = true;
		}
		else
		{
			mFussBorderBreite = 0;
			mFussBorderHoehe = 0;
			mFusshoeheakt = 0;	
		}
	}
}
function zeige_Bild(Bild)
{
	//alert ("Bild");
	Server_request_Bild(Bild, document.getElementById('Bild'));
	document.getElementById('Bilder').style.display = "block";
	//alert(document.getElementById('Bild').offsetWidth);
	document.getElementById('Bilder').style.width = "100px";//document.getElementById('Bild').offsetWidth +"px";
	//alert(document.getElementById('Bilder').offsetWidth);
}

function loesche_Bild()
{
	document.getElementById('Bilder').style.display = "none";	
}

function bild(Box, HG_Bild)
{
	var objImg = new Image();
  	
	objImg.onload = function()
	{ 
		//alert("3");
		drawIt(Box);
	}
	
	objImg.src = HG_Bild;

	function drawIt(Box)
	{
		
  		var objCanvas = document.getElementById(Box);
  		// Falls das Objekt unterstützt wird
  		if(objCanvas.getContext)
		{
    		// Kontext
    		var objContext = objCanvas.getContext('2d');
    		// Bild in Kontext zeichnen
    		objContext.drawImage(objImg, 0, 0);
  		}
		else
		{
    		// Sonstiger Code
  		}
		var objCanvas = document.getElementById("testcanvas1");
  		// Falls das Objekt unterstützt wird
  		if(objCanvas.getContext)
		{
    		// Kontext
    		var objContext = objCanvas.getContext('2d');
    		// Bild in Kontext zeichnen
			//alert("Bild zeichnen");
    		objContext.drawImage(objImg, 0, 0);
  		}
		else
		{
    		// Sonstiger Code
  		}
	}
}
var nextfield = "Schule_User";

function a ()
{
	//alert("a");
	setze_Pages_ajax('Schule', 'anmelden_Schule', 'Main');
}

function Tasteauf(Ereignis)
{
	if (!Ereignis)
    	Ereignis = window.event;
  	if (Ereignis.which) 
	{
    	Tastencode = Ereignis.which;
  	} 
	else if (Ereignis.keyCode) 
	{
    	Tastencode = Ereignis.keyCode;
  	}
	//alert(document.Mainform.derButton.name);
	if (Tastencode == 13) 
	{ 
		
		if (nextfield == 'senden') 
		{
			setze_Pages_ajax('Schule', 'anmelden_Schule', 'Main');
			return true;
		}
		else 
		{ 
			eval('document.Mainform.' + nextfield + '.focus()');
			return false;
    	}
   	}
}

function HG_Bild()
{
	var canvas = document.getElementById('testcanvas1');
	var context = canvas.getContext('2d');
	drawCanvas("Images/Themes/SCS/SCS_Logo_2010_02_02_0000FF_klein.png", canvas, context);	
}

//Canvas zeichnen
function drawCanvas(HG_Bild, context)
{
	//alert("Zeichnen " + HG_Bild);
	var img = new Image();
	img.src = HG_Bild;
	img.onload = function()
	{
		context.drawImage(img, 0, 0);
	}	
}
function mousepos(Ereignis) 
{
	Ereignis = Ereignis || window.event;

	if (Ereignis.pageX)
	{
		//alert("pageX");
  		Maus_x =  Ereignis.pageX;
		Maus_y =  Ereignis.pageY; 
	}
	else
	{	
		//alert("ScreenX");
		Maus_x =  Ereignis.screenX;
		Maus_y =  Ereignis.screenY - 250;
	}
}
function set_Feld(Liste, Feld, Wert, Wert2)
{
	/*alert("Liste = " + Liste + "\n"
		  + "Feld = " + Feld + "\n"
		  + "Wert = " + Wert + "\n"
		  + "Wert2 = " + Wert2);*/
	if (Feld == "Kont_PLZ_neu")
	{
		document.getElementById(Feld).value = Wert;	
		document.getElementById('Kont_Ort').value = Wert2;	
		document.getElementById(Liste).style.display = "none";
	}
	else if (Feld == "Kont_Ort")
	{
		document.getElementById(Feld).value = Wert;	
		document.getElementById('Kont_PLZ_neu').value = Wert2;	
		document.getElementById(Liste).style.display = "none";
	}
	else
	{
		document.getElementById(Feld).value = Wert;	
		document.getElementById(Liste).style.display = "none";
	}
}
function Bundesland_null()
{	
	document.getElementById('Kont_Bundesland').value = '';	
	document.getElementById('Kont_PLZ_neu').value = '';	
	verberge_Liste();
}
function PLZ_null()
{
	document.getElementById('Kont_PLZ_neu').value = '';
	verberge_Liste();
}
function verberge_Liste()
{
	document.getElementById('Liste_Anrede').style.display = "none";
	document.getElementById('Liste_Strasse').style.display = "none";
	document.getElementById('Liste_Land').style.display = "none";
	document.getElementById('Liste_Bundesland').style.display = "none";
	document.getElementById('Liste_PLZ').style.display = "none";
}
function CheckAuswahl (Element) 
{
  /*for (i = 0; i < document.Mainform.Kont_anrede.length; ++i)
    if (document.Mainform.Kont_anrede.options[i].selected == true)
      return(document.Mainform.Kont_anrede.options[i].text);*/
	  alert(Element);
	alert( document.getElementById(Element).length);
	for (i = 0; i < document.getElementById(Element).length; ++i)
    	if (document.getElementById(Element).options[i].selected == true)
      		return(document.getElementById(Element).options[i].text);
}
var msg_Nachricht = "";

function pruefe_Nachricht(art)
{
	//alert(trim(document.getElementById('Kont_Name').value));
	msg_Nachricht = "";
	focus_ok = false;
	
	if (trim(document.getElementById('Kont_Anrede').value) == "")
	{
		//alert ("Jetzt");
		Nachricht_ok = false;
		msg_Nachricht = msg_Nachricht + "Anrede ist nicht ausgefült." + "\n";
		if (!focus_ok)
		{
			document.getElementById('Kont_Anrede').focus();
			focus_ok = true
		}
	}
	if (trim(document.getElementById('Kont_Name').value) == "")
	{
		//alert ("Jetzt");
		Nachricht_ok = false;
		msg_Nachricht = msg_Nachricht + "Name ist nicht ausgefült." + "\n";
		if (!focus_ok)
		{
			document.getElementById('Kont_Name').focus();
			focus_ok = true
		}
	}
	if (trim(document.getElementById('Kont_Strasse').value) == "")
	{
		//alert ("Jetzt");
		Nachricht_ok = false;
		msg_Nachricht = msg_Nachricht + "Straße ist nicht ausgefült." + "\n";
		if (!focus_ok)
		{
			document.getElementById('Kont_Strasse').focus();
			focus_ok = true
		}
	}
	if (trim(document.getElementById('Kont_Land').value) == "")
	{
		//alert ("Jetzt");
		Nachricht_ok = false;
		msg_Nachricht = msg_Nachricht + "Land ist nicht ausgefült." + "\n";
		if (!focus_ok)
		{
			document.getElementById('Kont_Land').focus();
			focus_ok = true
		}
	}
	if (trim(document.getElementById('Kont_Bundesland').value) == "")
	{
		//alert ("Jetzt");
		Nachricht_ok = false;
		msg_Nachricht = msg_Nachricht + "Bundesland ist nicht ausgefült." + "\n";
		if (!focus_ok)
		{
			document.getElementById('Kont_Bundesland').focus();
			focus_ok = true
		}
	}
	if (document.getElementById('Kont_PLZ_neu').value == "")
	{
		//alert ("Jetzt");
		Nachricht_ok = false;
		msg_Nachricht = msg_Nachricht + "PLZ ist nicht ausgefült." + "\n";
		if (!focus_ok)
		{
			document.getElementById('Kont_PLZ_neu').focus();
			focus_ok = true
		}
	}
	if (document.getElementById('Kont_Ort').value == "")
	{
		//alert ("Jetzt");
		Nachricht_ok = false;
		msg_Nachricht = msg_Nachricht + "Ort ist nicht ausgefült." + "\n";
		if (!focus_ok)
		{
			document.getElementById('Kont_Ort').focus();
			focus_ok = true
		}
	}
	switch (art)
	{
		case "Kunde":
			break;	
		case "Kontakt":
			if (trim(document.getElementById('Kont_Vorname').value) == "")
			{
				//alert ("Jetzt");
				Nachricht_ok = false;
				msg_Nachricht = msg_Nachricht + "Vorname ist nicht ausgefült." + "\n";
				if (!focus_ok)
				{
					document.getElementById('Kont_Vorname').focus();
					focus_ok = true
				}
			}
			
			if (trim(document.getElementById('Kont_Haus').value) == "")
			{
				//alert ("Jetzt");
				Nachricht_ok = false;
				msg_Nachricht = msg_Nachricht + "Haus ist nicht ausgefült." + "\n";
				if (!focus_ok)
				{
					document.getElementById('Kont_Haus').focus();
					focus_ok = true
				}
			}
			if (trim(document.getElementById('Kont_E_Mail').value) == "")
			{	
				//alert ("Jetzt");
				Nachricht_ok = false;
				msg_Nachricht = msg_Nachricht + "E-Mail ist nicht ausgefült." + "\n";
				if (!focus_ok)
				{
					document.getElementById('Kont_E_Mail').focus();
					focus_ok = true
				}
			}
			if (trim(document.getElementById('Nachricht').value) == "")
			{
				//alert ("Jetzt");
				Nachricht_ok = false;
				msg_Nachricht = msg_Nachricht + "Nachricht ist nicht ausgefült." + "\n";
				if (!focus_ok)
				{
					document.getElementById('Nachricht').focus();
					focus_ok = true
				}
			}
			break;
		default:
		
			break;
	}
}
function fuellen()
{
	var weiter = true;
	
	var divs = document.getElementsByTagName('div');
	//alle div Elemente durchlaufen
	for (var i=0; cDiv=divs[i]; i++) //(var i=0, cDiv; cDiv=divs[i]; i++) 
	{
		//alert("alle  ID = " + cDiv.id + " Classname = " + cDiv.className);
		if (/canvas/.test(cDiv.className)) 
		{	
			try
			{
				// Stile für das canvas festlegen
				//alert(cDiv.style.volume);
				var style = window.getComputedStyle(cDiv, null);
				var canvasW = style.getPropertyValue("width");			
				var canvasH = style.getPropertyValue("height");
				var pT = style.getPropertyValue('padding-top');
				var pR = style.getPropertyValue('padding-right');
				var pB = style.getPropertyValue('padding-bottom');
				var pL = style.getPropertyValue('padding-left');
				
				var BTW = style.getPropertyValue('border-top-width');
				var BTS = style.getPropertyValue('border-top-style');
				var BTC = style.getPropertyValue('border-top-color');
				var BRW = style.getPropertyValue('border-right-width');
				var BRS = style.getPropertyValue('border-right-style');
				var BRC = style.getPropertyValue('border-right-color');
				var BBW = style.getPropertyValue('border-bottom-width');
				var BBS = style.getPropertyValue('border-bottom-style');
				var BBC = style.getPropertyValue('border-bottom-color');
				var BLW = style.getPropertyValue('border-left-width');
				var BLS = style.getPropertyValue('border-left-style');
				var BLC = style.getPropertyValue('border-left-color');
				
				var bgc = style.getPropertyValue('background-color');
				var strokeColor = style.getPropertyValue('border-top-color');
				var LineBreite = style.getPropertyValue('border-top-width');
				var Scrollen = style.getPropertyValue('border-left-width');
				//getWert(cDiv.id, 'data-addColor_Stop_0');
				//alert("Div = " + cDiv.id + "\n" + "Farbe = " + style.getPropertyValue('border-top-color'));
				pL = pL.substr(0, pL.indexOf("px"));
				pR = pR.substr(0, pR.indexOf("px"));
				pT = pT.substr(0, pT.indexOf("px"));
				pB = pR.substr(0, pB.indexOf("px"));
				LineBreite = LineBreite.substr(0, LineBreite.indexOf("px"));
													
				//alert(canvasW + " " + canvasH);
				// ein neues DIV erzeugen 
				var fragment = document.createDocumentFragment();		
				var iDiv0 = document.createElement('div'); // wurde mit canvas bereits gezeichnet
				iDiv0.id = "neugez_" + cDiv.id ;
				// Div in das Fragment übernehmen
				fragment.appendChild(iDiv0);
			
				var iDiv = document.createElement('div');	 // eigentliche div
				iDiv.id = cDiv.id + "_neu";
				// Div in das Fragment übernehmen
				fragment.appendChild(iDiv);
				//alert(cDiv.innerHTML);
				// Elemente Übernehmen
				var elems = cDiv.childNodes;
				//alert(" Ja " + cDiv.id );
				weiter = true;
				for (var j=0; j<elems.length; j++) 
				{	
					// alle Elemente im DIV an node übergeben wenn noch nicht mit canvas gezeichnet	
					a = elems[j].id; //elems[j].id;
					var node = elems[j].cloneNode(true);
					// in neues div eintragen
					iDiv.appendChild(node);
					//alert("Div = " + cDiv.id + "\n" + "aaa = " + a + "\n" + "weiter = " + weiter);
					if (!a)
					{
					}
					else
					{
						//alert(" Ja " + a + "  ===> "  + a.indexOf("neugez"));
						if(a.indexOf("neugez") == 0)
						{
							//alert("bereits gezeichnet Rest nicht ausführen");
							weiter = false;
						}
					}
				}
				//alert("Jetzt");
				// Inhalt an org div übergeben
				if (weiter)
				{
					//alert("zeichnen");
					cDiv.innerHTML = "";
					cDiv.appendChild(fragment);
					// Canvas erzeugen
					//alert(canvasW + " " + canvasH);
					var Canvas = document.createElement('canvas');		
					Canvas.setAttribute('id', "canvas_" + cDiv.id);
					Canvas.setAttribute ('height',parseInt(canvasH) + "px");	
					Canvas.setAttribute ('width', parseInt(canvasW) + "px");	
					Canvas.setAttribute('padding-top', style.getPropertyValue('padding-top'));
					Canvas.setAttribute('padding-right', style.getPropertyValue('padding-right'));			
					Canvas.setAttribute('padding-left', style.getPropertyValue('padding-left'));
					Canvas.setAttribute('padding-bottom', style.getPropertyValue('padding-bottom'));
					// in div Element einfügen
					cDiv.appendChild(Canvas);
				}
					// Größen festlegen
					var cWidth = parseInt(canvasW); //+ parseInt(pR) + parseInt(pL) +  parseInt(bb_left) +  parseInt(bb_right);	
					var cHeight = parseInt(canvasH); // + parseInt(pT) + parseInt(pB) +  parseInt(bb_top) +  parseInt(bb_bottom);	
			
					var width = cWidth;
					var height = cHeight;
					var StartX = 20;
					var StartY = 10;
					var Radius = 10;

					// neues div mit dem Inhalt des alten divs
					var divHoehe = parseInt(height) + (parseInt(Radius)*2); // - 20;
					var divBreite = parseInt(width) + (parseInt(Radius)*2); // - 20;
					var divTop = parseInt(Radius) / 2; // - 20;
					var divLeft = parseInt(Radius) / 2; // - 20;

					cDiv.setAttribute('style', ' z-index: 1;'
									  + ' background: none;'
									  + ' height:' + cHeight + 'px;' 
									  + ' width:' + cWidth + 'px;'  
									  + ' border-top-width: 0px;'  // + BTW + 'px;'
									  + ' border-top-style: ' + BTS + ';'
									  + ' border-top-color: ' + BTC + ';'
									  + ' border-right-width: 0px;' //+ BRW + 'px;'
									  + ' border-right-style: ' + BRS + ';'
									  + ' border-right-color: ' + BRC + ';'
									  + ' border-bottom-width: 0px;' //+ BBW + 'px;'
									  + ' border-bottom-style: ' + BBS + ';'
									  + ' border-bottom-color: ' + BBC + ';'
									  + ' border-left-width: 0px;' //+ BLW + 'px;'
									  + ' border-left-style: ' + BLS + ';'
									  + ' border-left-color: ' + BLC + ';'
									  + ' padding: 0px;'									  
									  + ' margin:0px');
									
									//+ ' border: 0px solid' + strokeColor; // #0F0;'

					h = parseInt(canvasH) - (parseInt(Radius)*2) - 15 - pT - pB;
		
					b = parseInt(canvasW) - parseInt(Radius)*2 - 15 - pL - pR ;
					iDiv.setAttribute('style', 'position: absolute; z-index: 1;'
									   + ' height:' + h + 'px;' 
									  + ' width:' + b + 'px;'  
									  + ' padding-left: ' + pL + 'px;'
									  + ' padding-right: ' + pR + 'px;'
									  + ' margin: 15px;'
									  + ' border-top-width: 0px;' //+ BTW + 'px;'
									  + ' border-top-style: ' + BTS + ';'
									  + ' border-top-color: ' + BTC + ';'
									  + ' border-right-width: 0px;' //+ BRW + 'px;'
									  + ' border-right-style: ' + BRS + ';'
									  + ' border-right-color: ' + BRC + ';'
									  + ' border-bottom-width: 0px;' //+ BBW + 'px;'
									  + ' border-bottom-style: ' + BBS + ';'
									  + ' border-bottom-color: ' + BBC + ';'
									  + ' border-left-width: 0px;' //+ BLW + 'px;'
									  + ' border-left-style: ' + BLS + ';'
									  + ' border-left-color: ' + BLC + ';'
									  + ' overflow: auto;'); //270
									  //+ ' border: 0px double #F00;' 
					/*alert("Div = " + cDiv.id + "\n"
						  + cDiv.style.height + "\n"
						  + cDiv.style.width + "\n"
						  + "iDIv = " +  iDiv.id + "\n"
						  + cDiv.innerHTML);*/
					
					// Variable für das zeichnen festlegen
					var context = Canvas.getContext("2d");
					//alert(strokeColor);
					runde_Ecken(Canvas, context, StartX, StartY, Radius, strokeColor, LineBreite);
					//context.fillStyle = "rgb(245,0,0)";
					var cxlg=context.createLinearGradient(0, 0,Canvas.width,0); //280, 0);
					//Farbpunkte festlegen
					cxlg.addColorStop(0, '#666');//von Anfang
					cxlg.addColorStop(0.2, '#F8C87E');//#EDCE63 0,2% 
					cxlg.addColorStop(1.0, '#FACA80');//#EDCE63 bis 100%
					//Gradient als Fuellstil festlegen
					context.fillStyle=cxlg;
					context.fill();
					/*canvas_HG(context);*/
				//}
			}
			catch(e){}
			//alert(cDiv.innerHTML);
		}
	}
}
function runde_Ecken(canvas, context, StartX, StartY, Radius, Color, LineBreite)
{
	context.strokeStyle = Color; 
	context.lineWidth = LineBreite;
	context.beginPath();
	context.moveTo( StartX, StartY );
	context.quadraticCurveTo( StartX - Radius, StartY, StartX - Radius, StartY + Radius);
	context.quadraticCurveTo( StartX - Radius, StartY + Radius, StartX - Radius, canvas.height - (parseInt(Radius)*2));
	context.quadraticCurveTo( StartX - Radius, canvas.height - (parseInt(Radius)), (parseInt(Radius)*2), canvas.height - (parseInt(Radius)));
	context.quadraticCurveTo( parseInt(Radius)*2, canvas.height - parseInt(Radius), canvas.width - parseInt(Radius)*2, canvas.height - parseInt(Radius));
	context.quadraticCurveTo( canvas.width - parseInt(Radius), canvas.height - parseInt(Radius), canvas.width - parseInt(Radius), canvas.height - parseInt(Radius)*2);
	context.quadraticCurveTo( canvas.width - parseInt(Radius), canvas.height - parseInt(Radius)*2, canvas.width - parseInt(Radius), StartY + parseInt(Radius));
	context.quadraticCurveTo( canvas.width - parseInt(Radius), StartY, canvas.width - parseInt(Radius)*2, StartY );
	context.quadraticCurveTo( canvas.width - parseInt(Radius)*2, StartY, StartX, StartY);
	
	context.stroke();	
}

function meldung()
{
	alert("Ja");	
}
-->