/* DOM READY
--------------------------------------------------------------------------------------------------------------------------------------*/

$(function(){
	// SubMenu
	var hover = $('#submenu-hover');
	var active = $('#submenu #selectedsub');
	hover.css({'display':'block', 'opacity':0});
	
	if(active[0]){
		hover.animate({'left':active.position().left, 'width':active.innerWidth(), 'opacity':1}, 300);
	}
	
	$('#submenu a').bind('mouseover', function(){
		hover.stop().css('display', 'block').animate({'left':$(this).position().left, 'width':$(this).innerWidth(), 'opacity':1}, 300);
	});
	
	$('#submenu').bind('mouseleave', function(){
		if(active[0]){
			hover.stop().animate({'left':active.position().left, 'width':active.innerWidth(), 'opacity': 1}, 500);
		}else{
			hover.stop().animate({'left':'5px', 'opacity': 0}, 500);
		}
	});
	
	
});

/* FUNCTIONS
--------------------------------------------------------------------------------------------------------------------------------------*/