/////////////////////////////////////////////////////
// VAR                                            ///
/////////////////////////////////////////////////////

var width = "250";
var border = "2";
var offsetx = 2;
var offsety = 20;

var fcolor = "#DDDDDD";
var backcolor = "#384E9D";
var textcolor = "#000000";
var capcolor = "#FFFFFF";
var closecolor = "#233166";

// Main background color (the large area)
// Usually a bright color (white, yellow etc)
if (typeof fcolor == 'undefined') { var fcolor = "#CCCCFF";}
	
// Border color and color of caption
// Usually a dark color (black, brown etc)
if (typeof backcolor == 'undefined') { var backcolor = "#333399";}
	
// Text color
// Usually a dark color
if (typeof textcolor == 'undefined') { var textcolor = "#000000";}
	
// Color of the caption text
// Usually a bright color
if (typeof capcolor == 'undefined') { var capcolor = "#FFFFFF";}
	
// Color of "Close" when using Sticky
// Usually a semi-bright color
if (typeof closecolor == 'undefined') { var closecolor = "#9999FF";}
	
// Width of the popups in pixels
// 100-300 pixels is typical
if (typeof width == 'undefined') { var width = "200";}
	
// How thick the border should be in pixels
// 1-3 pixels is typical
if (typeof border == 'undefined') { var border = "1";}
	
// How many pixels to the right/left of the cursor to show the popup
// Values between 3 and 12 are best
if (typeof offsetx == 'undefined') { var offsetx = 10;}
	
// How many pixels to the below the cursor to show the popup
// Values between 3 and 12 are best
if (typeof offsety == 'undefined') { var offsety = 10;}

ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
if ( (ns4) || (ie4) ) {
 if (ns4) over = document.info
 if (ie4) over = info.style
 document.onmousemove = mouseMove
 if (ns4) document.captureEvents(Event.MOUSEMOVE)
 }

/////////////////////////////////////////////////////
// Public                                         ///
/////////////////////////////////////////////////////

// QuickInfo Center
function host_ShowInfo(typ) {
	if (!ns4) ie4 = true;
	switch(typ) {		
		case 1:  txt = '<b>Wir haben uns das Ziel<br>gesetzt die Erwartungen<br>und Erfordernisse des Kunden<br>nicht nur zufrieden zu stellen,<br>sondern zu übertreffen.';	break;
		case 2:  txt = '<b>Unsere hochqualifizierten<br>Mitarbeiter sind durch ihre<br>Erfahrung mit modernsten<br>Produktionstechnologien die<br>Basis unseres Erfolges.';	break;
		case 3:  txt = '<b>Beste Qualität, Termintreue<br>und Kundenzufriedenheit ist<br>die beste Motivation für<br>unsere Mitarbeiter.';					break;
		case 4:  txt = '<b>Die Bestätigung für unsere<br>zertifizierte Qualität ist die<br>Zufriedenheit unserer<br>langjährigen Kunden.';					break;
	}
	layerWrite('<font color="#FF0000">'+txt+'</font>');
 	dir = 0;
// 	disp();
 }

// Clears popups if appropriate
function host_ClearInfo() {
 if ( cnt >= 1 ) { sw = 0 };
 if ( (ns4) || (ie4) ) {
  if ( sw == 0 ) {
   snow = 0;
   	txt = '<b>Die gewünschten Informationen werden bei Berührung der Leitsprüche angezeigt!';
	layerWrite('<font color="#000000">'+txt+'</font>');
   }
  else {cnt++;}
  }
 }

/////////////////////////////////////////////////////
// Private                                        ///
/////////////////////////////////////////////////////

// Common calls
function disp() {
	if ( (ns4) || (ie4) ) {
		if (snow == 0) 	{
			if (dir == 2) { // Center
				moveTo(over,x+offsetx-(width/2),y+offsety);
			}
			if (dir == 1) { // Right
				moveTo(over,x+offsetx,y+offsety);
			}
			if (dir == 0) { // Left
				moveTo(over,x-offsetx-width,y+offsety);
			}
			showObject(over);
			snow = 1;
		}
	}
// Here you can make the text goto the statusbar.
}

// Moves the layer
function mouseMove(e) {
	if (ns4) {x=e.pageX; y=e.pageY}
	if (ie4) {x=event.x; y=event.y}
	if (snow) {
		if (dir == 2) { // Center
			moveTo(over,x+offsetx-(width/2),y+offsety);
		}
		if (dir == 1) { // Right
			moveTo(over,x+offsetx,y+offsety);
		}
		if (dir == 0) { // Left
			moveTo(over,x-offsetx-width,y+offsety);
		}
	}
}

// Writes to a layer
function layerWrite(txt) {
 if (ns4) {
  var lyr = document.info.document
  lyr.write(txt)
  lyr.close()
  }
 else if (ie4) {
 document.getElementById('info').innerHTML = txt;
//  document.all["info"].innerHTML = txt;
  }
 }
/*
function layerWrite_Caption1(txt) {
 if (ns4) {
  var lyr = document.Caption1.document
  lyr.write(txt)
  lyr.close()
  }
 else if (ie4) {
  document.all["Caption1"].innerHTML = txt;
  }
 }

*/
// The Close onMouseOver function for Sticky
function cClick() {
	hideObject(over);
	sw=0;
}

// Make an object visible
function showObject(obj) {
        if (ns4) obj.visibility = "show"
        else if (ie4) obj.visibility = "visible"
}

// Hides an object
function hideObject(obj) {
        if (ns4) obj.visibility = "hide"
        else if (ie4) obj.visibility = "hidden"
}

// Move a layer
function moveTo(obj,xL,yL) {
        obj.left = xL
        obj.top = yL
}