/*
Agentur-Handgelenk GbR.
changes by Chris

function getElement (Identifier, ElementNumber) 
function getContent (Identifier, ElementNumber) 
function getAttribute ( Identifier, AttributeName, ElementNumber) 
function getStyle ( Identifier, ElementNumber) 
function showElement(Identifier, ElementNumber) 
function hideElement(Identifier, ElementNumber) 
function setContent (Identifier, Text, ElementNumber) 
function drag(obj) -> drag(this)
function help(obj) -> erwartet array objekt mit [0]head[1]body text
function out       -> mouse out handler für help()
*/
var DHTML = false, DOM = false, MSIE4 = false, NS4 = false, OP = false, IE=false, MACIE=false;

if (document.getElementById) {
  DHTML = true;
  DOM = true;
  if (document.all) { IE=true; }
} else {
  if (document.all) {
    DHTML = true;
    MSIE4 = true;
	IE = true
  } else {
    if (document.layers) {
      DHTML = true;
      NS4 = true;
    }
  }
}
if (window.opera) {
  OP = true;
}
var MAC= navigator.userAgent.toLowerCase().indexOf("mac");
if (IE&&(MAC>-1)) MACIE=true;

//alert(DHTML +":"+ DOM +":"+ MSIE4 +":"+ NS4 +":"+ OP +":"+ IE+":"+MACIE);


function getElement (Identifier, ElementNumber) {
  if (typeof ElementNumber == "undefined") { ElementNumber=0; }

  var Element = false;
  if (DOM) {

	  // by NAME
      if (document.getElementsByName(Identifier) != "undefined") {

	      var ElementList = document.getElementsByName(Identifier);
	      if (typeof ElementList == "object" || (OP && typeof ElementList == "function")) {
	        Element = ElementList[ElementNumber];
	      }
	  // by ID    
      } else if (typeof document.getElementById(Identifier) == "object") {
        Element = document.getElementById(Identifier);
	  // by TAGNAME
      } else if (document.getElementsByTagName(Identifier) !="undefined") {
        var ElementList = document.getElementsByTagName(Identifier);
        if (typeof ElementList == "object" || (OP && typeof ElementList == "function")) {
          Element = ElementList[ElementNumber];
        }		
	  }
      return Element;
  }
  if (MSIE4) {
	  // by ID
      if (typeof document.all[Identifier] == "object") {
        Element = document.all[Identifier];
	  // by NAME
      } else if (typeof document[Identifier] == "object") {
        Element = document[Identifier];
	  // by TAGNAME
      } else if (typeof document.all.tags(Identifier) == "object") {
        Element = document.all.tags(Identifier)[ElementNumber];
      }
      return Element;
  }
  if (NS4) {
	  // by NAME & ID
      if (typeof document[Identifier] == "object") {
        Element = document[Identifier];
	  // by INDEX
      } else if (typeof document.layers[Identifier] == "object") {
        Element = document.layers[Identifier];
      }
      return Element;
  }

}

function getContent (Identifier, ElementNumber) {
  var Content;
  var Element = getElement(Identifier, ElementNumber);
  if (!Element) {
    return false;
  }
  if (DOM && Element.firstChild) {
    if (Element.firstChild.nodeType == 3) {
      Content = Element.firstChild.nodeValue;
    } else {
      Content = "";
    }
    return Content;
  }
  if (MSIE4) {
    Content = Element.innerText;
    return Content;
  }
  return false;
}

function getAttribute ( Identifier, AttributeName, ElementNumber) {
  var Attribute;
  var Element = getElement(Identifier, ElementNumber);
  if (!Element) {
    return false;
  }
  if (DOM || MSIE4) {
    Attribute = Element.getAttribute(AttributeName);
    return Attribute;
  }
  if (NS4) {
    if (typeof Element[ElementNumber] == "object") {
      Attribute = Element[ElementNumber][AttributeName];
    } else {
      Attribute = Element[AttributeName]
    }
    return Attribute;
  }
  return false;
}

function getStyle ( Identifier, ElementNumber) {
if(MACIE) {
Element = document.all( Identifier );
} else {
Element = getElement( Identifier, ElementNumber);
}
if (!Element) { return false; }
if (NS4) {
  return Element;
  } else {
  return Element.style;
  }
}

function showElement(Identifier, ElementNumber) {
if (NS4) {
    getElement(Identifier, ElementNumber).visibility = "show";
  } else {
    getElement(Identifier, ElementNumber).style.visibility = "visible";
  }
}
function hideElement(Identifier, ElementNumber) {
if (NS4) {
    getElement(Identifier, ElementNumber).visibility = "hide";
  } else {
    getElement(Identifier, ElementNumber).style.visibility = "hidden";
  }
}
function setContent(id,text) {
//alert(':'+text+'::'+id);

	if (document.layers){
		sprite=parent.document;
		// add father layers if needed! document.layers[''+father+'']...
		sprite.open();
		sprite.write(text);
		sprite.close();
		}
//	else if ((document.all)&&(!MACIE)) { parent.document.all[''+id+''].innerHTML = text; }
//	else if (document.getElementById&&MACIE) { el = document.getElementById(''+id+'');el.childNodes[0].nodeValue =text; }
	else if (document.all) { parent.document.all[''+id+''].innerHTML = text; }
	else if (document.getElementById){
		//Thanx Reyn!
		rng = document.createRange();
		el = document.getElementById(''+id+'');
		rng.setStartBefore(el);
		htmlFrag = rng.createContextualFragment(text)
		while(el.hasChildNodes()) el.removeChild(el.lastChild);
		el.appendChild(htmlFrag);
		// end of Reyn ;)
		}
}
/* doppelt
function setContent (Identifier, Text, ElementNumber) {
  var Element = getElement(Identifier, ElementNumber);

  if (!Element) {
    return false;
  }
  if (DOM && Element.firstChild) {
    Element.firstChild.nodeValue = Text;
    return true;
  }
  if (MSIE4) {
    Element.innerText = Text;
    return true;
  }
  if (NS4) {
    Element.document.open();
    Element.document.write(Text);
    Element.document.close();
    return true;
  } 
return false;
}
*/
var dobj = null;
var mouseX,mouseY;
var dx,dy;
//document.onmousemove = mouseEvent;
//document.onmouseup = drop;

function drag(obj) {
dobj = obj;
if (IE) obj.blur();
hideElement('helpbox');

dx = mouseX - parseInt(obj.style.left);
dy = mouseY - parseInt(obj.style.top);
return false;
}

function mouseEvent (E) {
  if (!E) E = window.event;
	if (typeof E.offsetX !="undefined") {
		mouseX = E.x; 
		mouseY = E.y; 
	} else
	if (typeof E.pageX !="undefined") {
		mouseX = E.pageX; 
		mouseY = E.pageY; 
	} 
	
	  if (!dobj) return;
		  dobj.style.left = (mouseX - dx) ;
		  dobj.style.top  = (mouseY - dy) ;
}

function drop () {
dobj = null;
}

document.writeln('<div  id="helpbox" class="box" style="position:absolute; width:150px; height:115px; z-index:99; left: 0px; top: 0px; visibility: hidden;">');
document.writeln('	<table width="100%" border="1" cellspacing="0" cellpadding="1" bgcolor="#000000" bordercolor="#101010">');
document.writeln('		<tr>');
document.writeln('			<td height="15" valign="top" bgcolor="#333333" bordercolor="#FF0000" class="boxhead"><div id="helphead">&nbsp;<\/div><\/td>');
document.writeln('		<\/tr>');
document.writeln('	<\/table>');
document.writeln('	<table width="100%" border="1" cellspacing="0" cellpadding="1" bgcolor="#000000" bordercolor="#101010">');
document.writeln('		<tr>');
document.writeln('			<td height="99%" valign="top" bordercolor="#FF0000" bgcolor="#333333" class="boxbody"><div id="helpbody">&nbsp;<\/div><\/td>');
document.writeln('		<\/tr>');
document.writeln('	<\/table>');
document.writeln('<\/div>');

var helpTimer = null;
var helpVisible = 0;

function help(obj) {
if (dobj) return;
//E = window.event;

setContent('helphead',obj[0]);	
setContent('helpbody',obj[1]);

//dx = mouseX - parseInt(getStyle('helpbox').left);
//dy = mouseY - parseInt(getStyle('helpbox').top);
getStyle('helpbox').left = mouseX+20;
getStyle('helpbox').top  = mouseY-20;
//alert("da"+dx+":"+dy);
showElement('helpbox');
helpTimer = window.setInterval('helpEvent()',5);
helpVisible = 700;
return false;
}
function helpEvent() {
getStyle('helpbox').left = mouseX+20;
getStyle('helpbox').top  = mouseY-20;
//setContent('helpbody','counter: '+helpvisible);
helpVisible -= 1;
if (!helpVisible) out();

}
function out() {
window.clearInterval(helpTimer);
hideElement('helpbox');
return false;
}

////
// animation

function timerEvent () {
//alert(parseInt(getStyle('slidebar').top));

//if ((mouseX<parseInt(getStyle('slidebar').top))||(mouseX>parseInt(getStyle('slidebar').top+20))) return;
ElemStyle = getStyle('slidebar'); 
//alert(parseInt(getStyle('slidebar').top));
if ((ElemStyle)&&(mouseX)) { 

//mouse is NOT in action area
if ( (mouseY<parseInt(getStyle('slidebar').top)) || 
 (mouseY>(parseInt(getStyle('slidebar').top)+50)) ) { 
	slidenewpos=slidenewpos;
} else { 
//mouse in action Area
  	slidenewpos=mouseX; 
}

if (!slidenewpos) return;

 
	if(slidelastpos == null)  slidelastpos = parseInt(getStyle('slidebar').left); 
	var diff = slidenewpos - (parseInt(ElemStyle.width)/2) - slidelastpos;

	var tmpnewpos = slidelastpos+(diff/50)

alert (parseInt(tmpnewpos*10+(parseInt(ElemStyle.width)/ 1))+":"+parseInt(slidenewpos*10));	
if (parseInt(tmpnewpos*10+(parseInt(ElemStyle.width)/ 1))==parseInt(slidenewpos*10))	{ alert('done'); slidenewpos = null; }
	ElemStyle.left = tmpnewpos ;

	slidelastpos=tmpnewpos;
	
	}

}
////
// launch animation
//timerMain = window.setInterval('timerEvent()',5);
var slidelastpos = null; //parseInt(getStyle('slidebar').left);
var slidenewpos = null; //parseInt(getStyle('slidebar').left);