var browser_typ="unknown";
var hide_code="hidden";
var show_code="visible";
var layer_handle;
var layer_visibility;
var layer_image_base;
var last_menu_visible="";
var last_menu_intro_visible="";
var last_detail_visible="";
var speed = 5;

function anzeigen(id){	
    //alert(id);
    if(! id.match(/intro/)) {
        verstecken("intro");
    } else {
        if(last_menu_visible) {verstecken(last_menu_visible);}
        if(last_menu_intro_visible) {verstecken(last_menu_intro_visible);}
    }
    if(id.match(/^menu/)) {
        if(last_menu_visible) {
            verstecken(last_menu_visible);
        }
        if(id.match(/intro$/)) {
            last_menu_intro_visible=id;
            layer_visibility.visibility=show_code;
        } else {
            last_menu_visible=id;
            get_layer_handle(id+"intro");
            last_menu_intro_visible=id+"intro";
            layer_visibility.visibility=show_code;
        }
        if(last_detail_visible) {
            verstecken(last_detail_visible);
        }
    }
    if(id.match(/^detail/)) {
        if(last_menu_intro_visible) {
            verstecken(last_menu_intro_visible);
        }
        if(last_detail_visible) {
            verstecken(last_detail_visible);
        }
        last_detail_visible=id;
    }
    get_layer_handle(id);
    layer_visibility.visibility=show_code;
}

function verstecken(id){
    //alert("hide "+id);
    if(id.match(/^menu/)) {
        get_layer_handle(id+"intro");
        layer_visibility.visibility=hide_code;
    }
    get_layer_handle(id);
    layer_visibility.visibility=hide_code;
}

function get_layer_handle(id) {
    if(document.all){
		if(document.all[id]){
	 	   browser_typ="ie";
		    show_code="visible";
		    hide_code="hidden";
		    layer_visibility=document.all[id].style;
		    layer_handle = document.all[id];
		    layer_image_base=document.images;
		    return layer_handle;
		} else {
			//alert("BR3: no layer with name "+id);
		}
    } else if(document.layers){
		if(document.layers[id]){
			browser_typ="netscape";
			show_code="visible";
			hide_code="hidden";
			layer_visibility=document.layers[id];
	    	layer_handle=document.layers[id];
	    	layer_image_base=layer_handle.document.images;
	    	return layer_handle;
	   } else {
	   	//alert("BR2: no layer with name "+id);
	   }
    } else if(document.documentElement || document.getElementById){
     	if(document.getElementById(id)){
			browser_typ="ECMA";
			show_code="visible";
			hide_code="hidden";
			layer_visibility=document.getElementById(id).style;
			layer_handle=document.getElementById(id);
			layer_image_base=null;
			return layer_handle;
     	} else {
		//alert("BR1: no layer with name "+id);
	}
    } else {
     //alert('Browser unknown !!!!');
    }
}

function get_layer_image_base(id,imgname) {
    if( document.getElementById && document.getElementById(id) ){
	myvar=document.getElementById(imgname);
	return myvar;
    } else {
	get_layer_handle(id);
	return layer_image_base[imgname];
    }
}

function scroll_left(id, anfang) {
	layer_object = id;
	get_layer_handle(id);
	x = get_layer_pos('x',id);
	x = x - 1 * speed;
	min_x = anfang;
//Anfangsposition

       if(x >= min_x) {
	       if(browser_typ == "ECMA"){
		       layer_handle.style.left=x;
	       }
	       if(browser_typ == "netscape"){
		       layer_handle.left=x;
	       }
	       if(browser_typ == "ie"){
		       layer_handle.style.left=x;
	       }
       }
       tokill = setTimeout("scroll_left(layer_object, min_x);",speed+90);
}

function scroll_right(id, ende) {
	layer_object = id;
	get_layer_handle(id);
	x = get_layer_pos('x',id);
	x = x + 1 * speed;
	max_x = ende;
//Schlussposition
	
       if(x <= max_x) {
	       if(browser_typ == "ECMA"){
		       layer_handle.style.left=x;
	       }
	       if(browser_typ == "netscape"){
		       layer_handle.left=x;
	       }
	       if(browser_typ == "ie"){
		       layer_handle.style.left=x;
	       }
       }
       tokill = setTimeout("scroll_right(layer_object, max_x);",speed+90);
}

function layer_moveto(id, x2, y2) {
	get_layer_handle(id);
	x1 = get_layer_pos('x',id);
	y1 = get_layer_pos('y',id);
	dx = x2 - x1;
	dy = y2 - y1;
	m = dy / dx;
	m = 0;

	if (dx > 0) {
		for (i = x1;i <= x2;i++) {
			x = i;
			y = y1 + (m * x);
			if(browser_typ == "ECMA"){
				layer_handle.style.left=x;
				layer_handle.style.top=y;
			}
			if(browser_typ == "netscape"){
				layer_handle.left=x;
				layer_handle.top=y;
			}
			if(browser_typ == "ie"){
				layer_handle.style.left=x;
				layer_handle.style.top=y;
			}
		}
	} else {
		for (i = x1;i >= x2;i--) {
			x = i;
			//alert("dx:"+dx+" dy:"+dy+" "+y2+" + "+"("+m+" * "+x+")");
			y = y2 + (m * x);
			if(browser_typ == "ECMA"){
				layer_handle.style.left=x;
				layer_handle.style.top=y;
			}
			if(browser_typ == "netscape"){
				layer_handle.left=x;
				layer_handle.top=y;
			}
			if(browser_typ == "ie"){
				layer_handle.style.left=x;
				layer_handle.style.top=y;
			}
		}
	}
	return id;
}

function get_layer_pos(koordinate, id) {
	var posi = new Array();
	get_layer_handle(id);

	if(browser_typ == "ECMA"){
		x=layer_handle.style.left;
		y=layer_handle.style.top;
	}
	if(browser_typ == "netscape"){
		x=layer_handle.left;
		y=layer_handle.top;
	}
	if(browser_typ == "ie"){
		x=layer_handle.style.left;
		y=layer_handle.style.top;
	}
	
	x=parseInt(x);
	y=parseInt(y);
	
	if (koordinate == "x"){
		return x;
	}
	
	if (koordinate == "y"){
		return y;
	}
}