/**
 * @author hcwsegers.nl
 * @copyright (c)2008 hcwsegers.nl
 */

function window_Loaded () {
	
	size_submenu();
	
	init_hoverables();
	
}

Event.observe( window, 'load', window_Loaded );


function size_submenu () {
	var oMain = $('main');
	var oSubmenu = $('sub-menu');
	
	if( oMain.clientHeight > 350 && oMain.clientHeight > oSubmenu.clientHeight ) {
		oSubmenu.style.height = oMain.clientHeight + "px";
	}
}

function init_hoverables () {
	var oMenu = $('menu');
	if( !oMenu ) { 
		return; 
	}
	
	var aHoverables = oMenu.getElementsByTagName('a');
	for( var i = 0, len = aHoverables.length; i < len; i++ ) {
		Event.observe( aHoverables[i], 'mouseover', menu_MouseOver );
		Event.observe( aHoverables[i], 'mouseout', menu_MouseOut );
	}
	
	var oSubMenu = $('sub-menu');
	if( !oSubMenu ) {
		return;
	}
	
	var aMenuItems = oSubMenu.getElementsByTagName('a');
	for( var i = 0, len = aMenuItems.length; i < len; i++ ) {
		Event.observe( aMenuItems[i], 'mouseover', subMenu_MouseOver );
		Event.observe( aMenuItems[i], 'mouseout', subMenu_MouseOut );
	}
}

function menu_MouseOver (e) {
	var obj = Event.element(e);
	if( !obj ) {
		return;
	}
	
	var oLi = obj.up('li');
	var selected_class = oLi.className.replace(/hover|active/g, '');
	
	oLi.className += ' hover';
	
	var oBlocks = $('blocks');
	var cBlock = oBlocks.getElementsByClassName(selected_class)[0];
	
	var oImg = cBlock.down('img');
	
	if( !oImg ) {
		return;
	}
	oImg.fade( {duration: 0.2, to:0.4});
	
}

function menu_MouseOut (e) {
	var obj = Event.element(e);
	if( !obj ) {
		return;
	}
	
	var oLi = obj.up('li');
	oLi.className = oLi.className.replace('hover', '');
	
	var selected_class = oLi.className.replace(/hover|active/g, '');
	
	var oBlocks = $('blocks');
	var cBlock = oBlocks.getElementsByClassName(selected_class)[0];
	
	var oImg = cBlock.down('img');
	if( !oImg ) {
		return;
	}
	oImg.fade( {duration: 0.2, to:1.0});
}

function subMenu_MouseOver (e) {
	var obj = Event.element(e);
	if( !obj ) {
		return;
	}
	
	var oLi = obj.up('li');
	oLi.className += ' hover';
}

function subMenu_MouseOut (e) {
	var obj = Event.element(e);
	if( !obj ) {
		 return;
	}
	
	var oLi = obj.up('li');
	
	oLi.className = oLi.className.replace('hover', '');
}