var timer2;
var timer3;
var timer4;

function clear_timer(t) { window.clearTimeout(t); }

function show_element(id) {
 switch (id) {
 case 2:  $('#mod_subnavigation_2').fadeIn("slow"); clear_timer(timer2); break;
 case 3:  $('#mod_subnavigation_3').fadeIn("slow"); clear_timer(timer3); break;
 case 4:  $('#mod_subnavigation_4').fadeIn("slow"); clear_timer(timer4); break;
 }
}


function hide_element(id) {
 switch (id) {
 case 2: timer2=window.setTimeout ('hide_now ('+id+')', 10); break;
 case 3: timer3=window.setTimeout ('hide_now ('+id+')', 10); break;
 case 4: timer4=window.setTimeout ('hide_now ('+id+')', 10); break;
 }
}

function hide_now(id) {
 switch (id) {
 case 2: $('#mod_subnavigation_2').fadeOut("slow");  clear_timer(timer2); break;
 case 3: $('#mod_subnavigation_3').fadeOut("slow");  clear_timer(timer3); break;
 case 4: $('#mod_subnavigation_4').fadeOut("slow");  clear_timer(timer4); break;
 }
}

/* JQUERY */
$(document).ready(function() {
$("a#img_nav2").bind("mouseover", function(event) { show_element(2); } );
$("#mod_subnavigation_2").bind("mouseover", function(event){ show_element(2); } );
$('a#img_nav2').bind("mouseout", function(event){ hide_element(2);  } );
$('#mod_subnavigation_2').bind("mouseout", function(event){ hide_element(2); } );

$("a#img_nav3").bind("mouseover", function(event) { show_element(3); } );
$("#mod_subnavigation_3").bind("mouseover", function(event){ show_element(3); } );
$('a#img_nav3').bind("mouseout", function(event){ hide_element(3);  } );
$('#mod_subnavigation_3').bind("mouseout", function(event){ hide_element(3); } );

$("a#img_nav4").bind("mouseover", function(event) { show_element(4); } );
$("#mod_subnavigation_4").bind("mouseover", function(event){ show_element(4); } );
$('a#img_nav4').bind("mouseout", function(event){ hide_element(4);  } );
$('#mod_subnavigation_4').bind("mouseout", function(event){ hide_element(4); } );
});

/* Mootools
window.addEvent('domready', function(){

$('img_nav2').addEvent('mouseover', function(e){ e = new Event(e); show_element(2); e.stop(); } );
$('mod_subnavigation_2').addEvent('mouseover', function(e){ e = new Event(e); show_element(2); e.stop(); } );
$('img_nav2').addEvent('mouseout', function(e){ e = new Event(e); hide_element(2); e.stop(); } );
$('mod_subnavigation_2').addEvent('mouseout', function(e){ e = new Event(e); hide_element(2); e.stop(); } );

$('img_nav3').addEvent('mouseover', function(e){ e = new Event(e); show_element(3); e.stop(); } );
$('mod_subnavigation_3').addEvent('mouseover', function(e){ e = new Event(e); show_element(3); e.stop(); } );
$('img_nav3').addEvent('mouseout', function(e){ e = new Event(e); hide_element(3); e.stop(); } );
$('mod_subnavigation_3').addEvent('mouseout', function(e){ e = new Event(e); hide_element(3); e.stop(); } );

$('img_nav4').addEvent('mouseover', function(e){ e = new Event(e); show_element(4); e.stop(); } );
$('mod_subnavigation_4').addEvent('mouseover', function(e){ e = new Event(e); show_element(4); e.stop(); } );
$('img_nav4').addEvent('mouseout', function(e){ e = new Event(e); hide_element(4); e.stop(); } );
$('mod_subnavigation_4').addEvent('mouseout', function(e){ e = new Event(e); hide_element(4); e.stop(); } );

}); 
*/