function browserType() {
    this.Name = navigator.appName;
    this.version = navigator.appVersion;			        //Version string
    this.dom=document.getElementById?1:0			                //w3-dom
    this.op5=(this.Name.indexOf("Opera") > -1 && (this.dom))?1:0	 //Opera Browser
    this.ie4=(document.all && !this.dom)?1:0			           //ie4
    this.ie5=(this.dom && this.version.indexOf("MSIE ") > -1)?1:0	     //IE5, IE6?
    this.ns4=(document.layers && !this.dom)?1:0			           //NS4
    this.ns5=(this.dom && this.version.indexOf("MSIE ") == -1)?1:0 //NS6, Mozilla5

    //test if op5 telling "i'm ie..." (works because op5 doesn't support clip)
    //testen ob sich ein op5 als ie5 'ausgibt' (funktioniert weil op5 kein clip
    //unterstützt)
    if (this.ie4 || this.ie5) {
        document.write('<DIV id=testOpera style="position:absolute; visibility:hidden">TestIfOpera5</DIV>');
        if (document.all['testOpera'].style!=null && document.all['testOpera'].style.clip=='rect()') {
            this.ie4=0;
            this.ie5=0;
            this.op5=1;
        }
    }

    this.ok=(this.ie4 || this.ie5 || this.ns4 || this.ns5 || this.op5) //any DHTML
    eval ("bt=this");
}
browserType();


//crossbrowser replacement for getElementById (find ns4 sublayers also!)
//ersetzte 'getElementById' (findet auch sublayers in ns4)
function getObj(obj){
    //do not use 'STYLE=' attribut in <DIV> tags for NS4!
    //zumindest beim NS 4.08 dürfen <DIV> Tags keine 'STYLE=' Angabe beinhalten
    //sonst werden die restlichen Layers nicht gefunden! class= ist jedoch erlaubt!

    //search layer for ns4
    //Recursive Suche nach Layer für NS4
    function getRefNS4(doc,obj){
        var fobj=0;
        var c=0
        while (c < doc.layers.length) {
            if (doc.layers[c].name==obj) return doc.layers[c];
            fobj=getRefNS4(doc.layers[c].document,obj)
            if (fobj != 0) return fobj
            c++;
        }
        return 0;
    }

    return (bt.dom)?document.getElementById(obj):(bt.ie4)?
    document.all[obj]:(bt.ns4)?getRefNS4(document,obj):0
}


//get the actual browser window size
//ermittle die größe der Browser Anzeigefläche
//op5 supports offsetXXXX ans innerXXXX but offsetXXXX only after pageload!
//op5 unterstützt sowohl innerXXXX als auch offsetXXXX aber offsetXXXX erst
//nach dem vollständigen Laden der Seite!
function createPageSize(){
    this.width=(bt.ns4 || bt.ns5 || bt.op5)?innerWidth:document.body.offsetWidth;
    this.height=(bt.ns4 || bt.ns5 || bt.op5)?innerHeight:document.body.offsetHeight;
    return this;
}
var screenSize = new createPageSize();

//create a crossbrowser layer object
function createLayerObject(name) {
    this.Name=name;
    this.obj=getObj(name);
    this.css=(bt.ns4)?obj:obj.style;
    this.x=parseInt(this.css.left);
    this.y=parseInt(this.css.top);
    this.show=b_show;
    this.hide=b_hide;
    this.moveTo=b_moveTo;
    this.moveBy=b_moveBy;
    this.writeText=b_writeText;
    return this;
}

//crossbrowser show
function b_show(){
    //  this.visibility='visible'
    this.css.visibility='visible';
}

//crossbrowser hide
function b_hide(){
    //  this.visibility='hidden'
    this.css.visibility='hidden';
}

//crossbrowser move absolute
function b_moveTo(x,y){
    this.x = x;
    this.y = y;
    this.css.left=x;
    this.css.top=y;
}

//crossbrowser move relative
function b_moveBy(x,y){
    this.moveTo(this.x+x, this.y+y)
}

//write text into a layer (not supported by Opera 5!)
//this function is not w3c-dom compatible but ns6
//support innerHTML also!
//Opera 5 does not support change of layer content!!
function b_writeText(text) {
    if (bt.ns4) {
        this.obj.document.write(text);
        this.obj.document.close();
    }
    else {
        this.obj.innerHTML=text;
    }
}