//
// Common JavaScript Source
//

var ie = 0;
var n4 = 1;
var n6 = 2;
var browser = navigator.appName == "Netscape" ? (document.layers ? n4 : n6) : ie;


////////////////////////////////////////
// Check for Browser Type
function IsExplorer()  { return browser == ie; }
function IsNetscape()  { return (browser == n4) || (browser == n6); }
function IsNetscape4() { return browser == n4; }
function IsNetscape6() { return browser == n6; }

////////////////////////////////////////
// Check for valid Object

function IsObject(id)
{
  switch(browser)  {
    case ie:
      return eval('document.all["' + id + '"]');

    case n4:
      return eval('document.layers["' + id + '"]');

    case n6:  {
      var r = document.getElementById(id);
      return r;
    }
  }
  return false;
}

////////////////////////////////////////
// Screen Size

function ScreenWidth()
{
  switch(browser)  {
    case ie:  return document.body.clientWidth;
    case n4:  // kein break;
    case n6:  return window.innerWidth;
  }
  return 0;
}

function ScreenHeight()
{
  switch(browser)  {
    case ie:  return document.body.clientHeight;
    case n4:  // kein break;
    case n6:  return window.innerHeight;
  }
  return 0;
}

////////////////////////////////////////
// Set CSS-Style

function Style(id, style, value)
{
  switch(browser)  {
    case ie:  eval('document.all["' + id + '"].style.' + style + '=' + '"' + value + '"');  break;
    case n4:  eval('document.layers["' + id + '"].' + style + '=' + '"' + value + '"');     break;
    case n6:  eval('document.getElementById(id).style.' + style + '=' + '"' + value + '"'); break;
  }
}

////////////////////////////////////////
// Visibility

function Show(id, show)
{
  switch(browser)  {
    case ie:  eval('document.all["' + id + '"].style.visibility="' + (show ? "visible" : "hidden") + '"');            break;
    case n4:  eval('document.layers["' + id + '"].visibility="' + (show ? "visible" : "hidden") + '"');               break;
    case n6:  eval('document.getElementById("' + id + '").style.visibility="' + (show ? "visible" : "hidden") + '"'); break;
  }
}

function Display(id, display)
{
  switch(browser)  {
    case ie:  eval('document.all["' + id + '"].style.display="' + (display ? "block" : "none") + '"');  break;
    case n4:  eval('document.layers["' + id + '"].visibility="' + (show ? "visible" : "hidden") + '"'); break;
    case n6:  document.getElementById(id).style.display = (display ? "block" : "none");                 break;
  }
}

////////////////////////////////////////
// Dynamic Move

function Move(id, left, top)
{
  switch(browser)  {
    case ie:
		  eval('document.all["' + id + '"].style.left="' + left + '"');
		  eval('document.all["' + id + '"].style.top ="' + top  + '"');
      break;

    case n4:
		  eval('document.layers["' + id + '"].left="' + left + '"');
		  eval('document.layers["' + id + '"].top ="' + top  + '"');
      break;

    case n6:
		  document.getElementById(id).style.left = left + "px";
		  document.getElementById(id).style.top  = top  + "px";
      break;
  }
}

function Offset(id, left, top)
{
  switch(browser)  {
    case ie:
		  eval('document.all["' + id + '"].style.pixelLeft+=' + left);
		  eval('document.all["' + id + '"].style.pixelTop +=' + top );
      break;

    case n4:
		  eval('document.layers["' + id + '"].left+=' + left);
		  eval('document.layers["' + id + '"].top +=' + top );
      break;

    case n6:
		  SetLeft(id, GetLeft(id) + left);
	 	  SetTop(id, GetTop(id) + top);
      break;
  }
}

function SetLeft(id, left)
{
  switch(browser)  {
    case ie:  eval('document.all["' + id + '"].style.left="' + left + '"'); break;
    case n4:  eval('document.layers["' + id + '"].left="' + left + '"');    break;
    case n6:  document.getElementById(id).style.left = left + "px";         break;
  }
}

function SetTop(id, top)
{
  switch(browser)  {
    case ie:  eval('document.all["' + id + '"].style.top ="' + top  + '"'); break;
    case n4:  eval('document.layers["' + id + '"].top ="' + top  + '"');    break;
    case n6:  document.getElementById(id).style.top = top + "px";           break;
  }
}

function GetLeft(id)
{
	var left = 0;
  switch(browser)  {
    case ie:  eval('left = document.all["' + id + '"].style.pixelLeft');  break;
    case n4:  eval('left = document.layers["' + id + '"].left');          break;
    case n6:  left = parseInt(document.getElementById(id).style.left);    break;
  }
	return left;
}

function GetTop(id)
{
	var top = 0;
  switch(browser)  {
    case ie:  eval('left = document.all["' + id + '"].style.pixelTop');  break;
    case n4:  eval('left = document.layers["' + id + '"].top');          break;
    case n6:  left = parseInt(document.getElementById(id).style.top);    break;
  }
	return top;
}

////////////////////////////////////////
// Dynamic Size

function Size(id, width, height)
{
  switch(browser)  {
    case ie:
		  eval('document.all["' + id + '"].style.width ="' + width  + '"');
		  eval('document.all["' + id + '"].style.height="' + height + '"');
      break;

    case n4:
		  eval('document.layers["' + id + '"].width ="' + width  + '"');
		  eval('document.layers["' + id + '"].height="' + height + '"');
      break;

    case n6:
		  document.getElementById(id).style.width  = width  + "px";
		  document.getElementById(id).style.height = height + "px";
      break;
  }
}

////////////////////////////////////////
// Dynamic Position

function Position(id, left, top, width, height)
{
  switch(browser)  {
    case ie:
		  eval('document.all["' + id + '"].style.left  ="' + left   + '"');
		  eval('document.all["' + id + '"].style.top	 ="' + top    + '"');
		  eval('document.all["' + id + '"].style.width ="' + width  + '"');
		  eval('document.all["' + id + '"].style.height="' + height + '"');
      break;

    case n4:
		  eval('document.layers["' + id + '"].left   ="' + left   + '"');
		  eval('document.layers["' + id + '"].top    ="' + top    + '"');
		  eval('document.layers["' + id + '"].width  ="' + width  + '"');
		  eval('document.layers["' + id + '"].height ="' + height + '"');
      break;

    case n6:
		  with(document.getElementById(id).style)  {
		    left	 = left   + "px";
		    top		 = top    + "px";
		    width	 = width  + "px";
		    height = height + "px";
      }
      break;
  }
}

