document.observe('dom:loaded', function() {


$("naviPunkt_w").observe("mouseover", function() { over_w(); });
$("naviPunkt_w").observe("mouseover", function() { out2_a(); });
$("werke").observe("mouseover", function() { over_w(); });
$("werke").observe("mouseout", function() { out2_w(); });
$("naviPunkt_a").observe("mouseover", function() { over_a(); });
$("naviPunkt_a").observe("mouseover", function() { out2_w(); });
$("austellungen").observe("mouseover", function() { over_a(); });
$("austellungen").observe("mouseout", function() { out2_a(); });
$("navi").observe("mouseout", function() { out2_w(); });
$("navi").observe("mouseout", function() { out2_a(); });
});



function over_w(){
document.getElementById("werke").style.visibility="visible";
}
function over2_w(){
document.getElementById("werke").style.visibility="visible";
}

function out2_w(){
document.getElementById("werke").style.visibility="hidden";
}

function over_a(){
document.getElementById("austellungen").style.visibility="visible";
}
function over2_a(){
document.getElementById("austellungen").style.visibility="visible";
}

function out2_a(){
document.getElementById("austellungen").style.visibility="hidden";
}



/*
document.observe('dom:loaded', function() {
$("naviPunkt_w").observe("mouseover", function() { mouse_in_w(); });
$("naviPunkt_a").observe("mouseover", function() { mouse_in_a(); });
//$("werke").observe("mouseout", function() { mouse_out(); });
$("d_o").observe("mouseover", function() { mouse_out(); });
$("d_l").observe("mouseover", function(){ mouse_out(); });
$("d_r").observe("mouseover", function() { mouse_out(); });
$("d_u").observe("mouseover", function() { mouse_out(); });
$("d_m").observe("mouseover", function() { mouse_out(); });

$("d_o").observe("mouseout", function() { mouse_out(); });
$("d_l").observe("mouseout", function(){ mouse_out(); });
$("d_r").observe("mouseout", function() { mouse_out(); });
$("d_u").observe("mouseout", function() { mouse_out(); });
$("d_m").observe("mouseout", function() { mouse_out(); });

//$("austellungen").observe("mouseout", function() { mouse_out(); });
//$("werke").observe("mouseout", function() { mouse_out(); });
$("austellungen").observe("mouseover", function() { mouse_out_w(); });
$("werke").observe("mouseover", function() { mouse_out_a(); });

});




function mouse_in_w(){
document.getElementById("austellungen").style.visibility='hidden';
document.getElementById("werke").style.visibility='visible';
}

function mouse_in_a(){
document.getElementById("austellungen").style.visibility='visible';
document.getElementById("werke").style.visibility='hidden';
}


function mouse_out(){
document.getElementById("werke").style.visibility='hidden';
document.getElementById("austellungen").style.visibility='hidden';
}

function mouse_out_m(){
document.getElementById("werke").style.visibility='hidden';
document.getElementById("austellungen").style.visibility='hidden';
}

function mouse_out_w(){
document.getElementById("werke").style.visibility='hidden';

}

function mouse_out_a(){
document.getElementById("austellungen").style.visibility='hidden';

}

_______________________________________________________________________________________



var link1="index.php?article_id=250";
var link2="zu a 250";

function fill_navi(a, b){
var link1=2;
var link2=b;
}


function mouse_in_w(){
$('naviPunkt_w').setStyle({ 

top:"324px",
height:"260px"

});
$('naviPunkt_w').update('WERKE<br /><br /><a class="bn_link" id="link_1_w" href="index.php?article_id=250">da hin zu 250</a><br /><a class="bn_link" id="link_2_w" href="'+link1+'">'+link2+'</a>');
$("link_1_w").observe("mouseover", function() { mouse_in_wl(); });
$("link_2_w").observe("mouseover", function() { mouse_in_wl(); });
$("link_1_w").observe("mouseout", function() { mouse_in_wl(); });
$("link_2_w").observe("mouseout", function() { mouse_in_wl(); });
}

function mouse_in_wl(){
$('naviPunkt_w').setStyle({ 
top:"324px",
height:"260px"
});
$('naviPunkt_w').update('WERKE<br /><br /><a class="bn_link" id="link_1_w" href="index.php?article_id=250">da hin zu 250</a><br /><a class="bn_link" id="link_2_w" href="'+link1+'">'+link2+'</a>');
}


function mouse_out_wl(){
$('naviPunkt_w').setStyle({ 
top:"550px",
height:"34px"
});
$('naviPunkt_w').update('<a class="bn_link" href="#">WERKE</a>');
}


document.observe('dom:loaded', function() {
$("naviPunkt_w").observe("mouseover", function() { mouse_in_w(); });
$("naviPunkt_w").observe("mouseout", function() { mouse_out_wl(); });
$("naviPunkt_a").observe("mouseover", function() { mouse_in_a(); });
$("naviPunkt_a").observe("mouseout", function() { mouse_out_a(); });
});

function mouse_in_a(){
$('naviPunkt_a').setStyle({ 


top:"324px",
height:"260px"
});


$('naviPunkt_a').update('AUSTELLUNGEN<br /><br /><a class="bn_link" id="link_1" href="#">link 1</a><br /><a class="bn_link" id="link_2" href="#">link 2</a>');
$("link_1").observe("mouseover", function() { mouse_in_l(); });
$("link_2").observe("mouseover", function() { mouse_in_l(); });
}

function mouse_in_l(){
$('naviPunkt_a').setStyle({ 
top:"324px",
height:"260px"

});
$('naviPunkt_a').update('AUSTELLUNGEN<br /><br /><a class="bn_link" id="link_1" href="#">link 1</a><br /><a class="bn_link" id="link_2" href="#">link 2</a>');
}


function mouse_out_a(){
$('naviPunkt_a').setStyle({ 
top:"550px",
height:"34px"
});
$('naviPunkt_a').update('<a class="bn_link" href="#">AUSTELLUNGEN</a>');
}

function term_navi(){
mouse_out_wl();
mouse_out_a();

}

	*/