var timeOutTable = new Array(10);
var subMenuNumber = 706;
	
$(document).ready(function() {						
	$('#main_menu img.active').mouseover(function() {
		id = $(this).attr('rel');
		stopHiding(id);	
		hideAll(id);
		pos = ($(window).width() - 960) / 2;
		a = $(this).offset();
		pos = a.left - pos - 4;					 
		
		$('div#submenu_' + id).css('margin-left', pos + 'px');						
		$('div#submenu_' + id).fadeIn('fast');
		
		image_name = $(this).attr('src');
		$(this).attr('src', image_name.replace('_off', '_on'));		
	});
	$('#main_menu img.active').mouseout(function() {
		id = $(this).attr('rel');
		startHiding(id);
	});
	
	$('#main_menu img.inactive').mouseover(function() {
		image_name = $(this).attr('src');
		$(this).attr('src', image_name.replace('_off', '_on'));		
	});
	$('#main_menu img.inactive').mouseout(function() {
		image_name = $(this).attr('src');
		$(this).attr('src', image_name.replace('_on', '_off'));		
	});
	
});

function hideAll(id) {
    for (i=701; i<=subMenuNumber;i++) {
    	if (i != id) {
        	hideSubMenu(i);
        }
    }
}
function hideSubMenu(id) {		
	image_name = $('img#main_menu_' + id).attr('src');    	
	$('img#main_menu_' + id).attr('src', image_name.replace('_on', '_off'));    
    $("#submenu_" + id).fadeOut("fast");    
}
function startHiding(id) {
    timeOutTable[id] = setTimeout('hideSubMenu(\'' + id +'\')', 100)
}
function stopHiding(id) {
    clearTimeout(timeOutTable[id]);
}