//****** Variablen *******
numdrag=1;
cZIndex=10;
var Fenster = null;
var alttext='';

//****** Aufrufe *******
bw=new checkBrowser();
onunload=wech;
onload=dragInit;

//****** Funktionen *******
function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
	return this
}

function dragObj(obj,nest){
	nest=(!nest) ? '':'document.'+nest+'.'
   	this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0;
	this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0;
	this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.pixelLeft;
	this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.pixelTop;
	this.moveIt=b_moveIt;
	this.drag=false;
	this.clickedX=0; this.clickedY=0
	return this
}
function b_moveIt(x,y){
	this.x=x; this.y=y;
	this.css.left=this.x
	this.css.top=this.y
}
function mmover(e){
	tp=(bw.ns5 || bw.ns4)?e.target.name:window.event.srcElement.tagName
	if(tp=="DIV" || bw.ns4 || bw.ns5){
		num=(bw.ns4 || bw.ns5)?e.target.id.substr(7,2):(bw.ie4 || bw.ie5)?window.event.srcElement.id.substr(7,2):0
		oDrag[parseInt(num)].isOver=true
	}
}
function mmout(e){
	tp=(bw.ns5 || bw.ns4)?e.target.name:window.event.srcElement.tagName
	if(tp=="DIV" || bw.ns4 || bw.ns5){
		num=(bw.ns4)?e.target.id.substr(7,2):(bw.ie4 || bw.ie5)?window.event.srcElement.id.substr(7,2):0
		if(bw.ns5) for(var i=0; i<oDrag.length;i++){oDrag[i].isOver=false}
		else oDrag[parseInt(num)].isOver=false
	}
}
function mup(){
	for(var i=0; i<oDrag.length;i++){
		if(oDrag[i].isOver) {
			oDrag[i].drag=false
		}
	}
}
function mdown(num){
	x=(bw.ns4 || bw.ns5)?num.pageX:event.x
    y=(bw.ns4 || bw.ns5)?num.pageY:event.y
	for(var i=0; i<oDrag.length;i++){
		if(oDrag[i].isOver) {
			oDrag[i].drag=true
			oDrag[i].clickedX=x-oDrag[i].x
			oDrag[i].clickedY=y-oDrag[i].y
			cZIndex++
			oDrag[i].css.zIndex=cZIndex
		}
	}
}
function mmove(e){
	x=(bw.ns4 || bw.ns5)?e.pageX:event.x
    y=(bw.ns4 || bw.ns5)?e.pageY:event.y
	for(var i=0; i<oDrag.length;i++){
		if(oDrag[i].drag){
			oDrag[i].moveIt(x-oDrag[i].clickedX,y-oDrag[i].clickedY)
		}
	}
	return false
}

function dragInit(){
	oDrag=new Array()
	for(i=0;i<numdrag;i++){
		oDrag[i]=new dragObj('divDrag'+i)
		oDrag[i].evnt.onmouseover=mmover;
		oDrag[i].evnt.onmouseout=mmout;
	}
	if(bw.ns4) document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP)
	document.onmousedown=mdown
	document.onmouseup=mup
	document.onmousemove=mmove;
	//HERE YOU CAN MOVE THE LAYERS TO A POSITION IF YOU WANT TO BEFORE THEY ARE SHOWN.
	//***** Hier die Position angeben an denen sich die einzelnen Bereiche beim Start der Seite befinden sollen ***
	oDrag[0].moveIt(150,200)
	document.notiz.notiz.value="";
	alttext=document.notiz.notiz.value;
	//Showing the layers
	for(i=0;i<numdrag;i++){
	  oDrag[i].css.visibility='hidden'
	}
}

function notiz(){
var best = neuesFenster('','saver','600','550','no');
var x;
  document.notiz.id.value=document.cookie;
  var xcoord=document.getElementById("divDrag0").style.left;
  var ycoord=document.getElementById("divDrag0").style.top;
  var neux=xcoord.replace(/px/,"");
  var neuy=ycoord.replace(/px/,"");
  document.notiz.xcoord.value=neux;
  document.notiz.ycoord.value=neuy;

//alttext=document.notiz.notiz.value;

  x=document.notiz.submit();
  alttext=document.notiz.notiz.value;
}

function hideNotiz() {
if(document.getElementById){
   document.getElementById("divDrag0").style.visibility = "hidden";
   document.notiz.sichtbar.value=0;
   bildAendern();
   }
}

function showNotiz() {
 if (bw.ns4){
  alert("Leider funktioniert diese Funktion nicht mit dem NS Version4.\n\nhttp://www.gute-startseite.de");
  exit;
 }
 if(document.getElementById){
   document.getElementById("divDrag0").style.visibility = "visible";
   document.notiz.sichtbar.value=1;
   bildAendern();
 }
}

function bildAendern() {
  var xcoord=document.getElementById("divDrag0").style.left;
  var ycoord=document.getElementById("divDrag0").style.top;
  var neux=xcoord.replace(/px/,"");
  var neuy=ycoord.replace(/px/,"");
var inhalt=encodeURI(document.notiz.notiz.value);
document.notizTransport.src="http://www.perl-maker.com/onlinenotizen/notizen/OFFLINE/notiz.php?notiz="+inhalt+"&xcoord="+neux+"&ycoord="+neuy+"&sichtbar="+document.notiz.sichtbar.value+"&id="+document.notiz.id.value;
alttext=document.notiz.notiz.value;
}

function wech() {
 if (alttext != document.notiz.notiz.value){
  var frage = confirm("Ups !\nDie Daten vom Notizzettel wurden verändert und nicht gespeichert !\n\nSollen die Daten vom Notizzettel gespeichert werden?");
	if(frage == true){
	  notiz();
	}
 }
}

function neuesFenster(meineSeite,meinName,w,h,scroll){
	LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
	TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
	settings ='height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
	Fenster = window.open(meineSeite,meinName,settings)
}