function _(tag) {
	return document.getElementById(tag); 
}

// MENU 
var menu_images = [];
var menu_active = -1;

function load(){
	var window_height = $(document.viewport).getHeight();
	var top_height = $('top').getHeight();
	var content_height = $('content').getHeight();
	var bottom_height = $('bottom').getHeight();
	if((top_height+content_height+1+bottom_height) < window_height) {
		$('content').setStyle({height:(window_height-(top_height+1+bottom_height))+'px'});
	}
	$$('.main').invoke('setStyle',{display:'block'});

	Event.observe($(window),'resize',function(event) {
		$('content').setStyle({height:'auto'});
		var window_height = $(document.viewport).getHeight();
		var top_height = $('top').getHeight();
		var content_height = $('content').getHeight();
		var bottom_height = $('bottom').getHeight();
		if((top_height+content_height+1+bottom_height) < window_height) {
			$('content').setStyle({height:(window_height-(top_height+1+bottom_height))+'px'});
		}
	});

	//fill menu_images
	for(var i=0; i!=menu.length; ++i) {
		var menu_image = [[new Image(),new Image()],[]];
		if(menu[i][0]==active) {
			menu_image[0][0].src = 'images/menu/'+menu[i][0]+'_1.gif';
		} else {
			menu_image[0][0].src = 'images/menu/'+menu[i][0]+'_0.gif';
		}
		menu_image[0][1].src = 'images/menu/'+menu[i][0]+'_1.gif';

		for(var j=0; j!=menu[i][1].length; ++j) {
			var sub_menu_image = [new Image(),new Image()];
			if(menu[i][1][j]==active) {
				sub_menu_image[0].src = 'images/menu/'+menu[i][1][j]+'_sub_1.gif';
			} else {
				sub_menu_image[0].src = 'images/menu/'+menu[i][1][j]+'_sub_0.gif';
			}
			sub_menu_image[1].src = 'images/menu/'+menu[i][1][j]+'_sub_1.gif';
			menu_image[1].push(sub_menu_image);	
		}

		menu_images.push(menu_image);
	}

	for(var i=0; i!=menu.length; ++i) {
		var sub_active = false;
		var menu_button = $(document.createElement('a'));
		if(!menu[i][1].length) menu_button.href = menu[i][0]+'.html';
		else menu_button.href = 'javascript:void(0);';
		var menu_button_image = $(document.createElement('img'));
		menu_button_image.id = 'menu_button_image_'+i;
		menu_button_image.src = menu_images[i][0][0].src;
		menu_button.appendChild(menu_button_image);

		Event.observe(menu_button_image,'mouseover',function(event) {
			var element = Event.element(event);
			element.src = menu_images[arguments[1]][0][1].src;
		}.bindAsEventListener(0,i));

		Event.observe(menu_button_image,'mouseout',function(event) {
			var element = Event.element(event);
			if(menu_active!=arguments[1]) element.src = menu_images[arguments[1]][0][0].src;
		}.bindAsEventListener(0,i));

		$('menu').appendChild(menu_button);
		$('menu').appendChild($(document.createElement('br')));

		var sub_menu = $(document.createElement('div'));
		sub_menu.addClassName('sub_menu');
		sub_menu.id = 'sub_menu_'+i;

		for(var j=0; j!=menu[i][1].length; ++j) {
			var sub_menu_button = $(document.createElement('a'));
			sub_menu_button.href = menu[i][1][j]+'.html';

			var sub_menu_button_image = $(document.createElement('img'));
			sub_menu_button_image.src = menu_images[i][1][j][0].src;
			sub_menu_button.appendChild(sub_menu_button_image);

			Event.observe(sub_menu_button_image,'mouseover',function(event) {
				var element = Event.element(event);
				element.src = menu_images[arguments[1]][1][arguments[2]][1].src;
			}.bindAsEventListener(0,i,j));
	
			Event.observe(sub_menu_button_image,'mouseout',function(event) {
				var element = Event.element(event);
				element.src = menu_images[arguments[1]][1][arguments[2]][0].src;
			}.bindAsEventListener(0,i,j));

			sub_menu.appendChild(sub_menu_button);
			sub_menu.appendChild($(document.createElement('br')));
			
			if(menu[i][1][j]==active) sub_active = true;
		}

		$('menu').appendChild(sub_menu);
		
		if(sub_active) {
			sub_menu.setStyle({display:'block'});
			menu_active = i;
			$('menu_button_image_'+menu_active).src = menu_images[i][0][1].src;			
		}

		Event.observe(menu_button,'click',function(event) {
			Event.element(event).blur();
			if(menu_active!=-1) $('sub_menu_'+menu_active).setStyle({display:'none'});
			arguments[1].setStyle({display:'block'});
			if(menu_active!=-1) $('menu_button_image_'+menu_active).src = menu_images[menu_active][0][0].src;
			menu_active = arguments[2];
			$('menu_button_image_'+menu_active).src = menu_images[arguments[2]][0][1].src;
		}.bindAsEventListener(0,sub_menu,i));
	}

	load_status = menu_images.flatten();

	/*for(var i=0; i!=load_status.length; ++i) {
		while(!load_status[i].complete) {}
	}*/
	$('menu').setStyle({display:'block'});
}



function gotoFirstLink(el) {
	if (el.nodeName == "A") {
		window.location.href=el;
		return true;
	}
	el = el.firstChild;
	while (el != null) {
		if ( gotoFirstLink(el) ) return true;
		el = el.nextSibling;
	}
	
}