//~~~~~~ HEADER.JS
//~~~ [I]
var header_js = {
	init: function() 
	{
		login_register_toggle.start();
		more_links.start();
		user_menu.start();
	}
};

//~~~ mostrar/ocultar panel de login/registro
var login_register_toggle = {
	start: function() 
	{
		var loginreg = $('#loginreg');
		
		if( loginreg.length > 0 ) 
		{
			var username = $('#username');
			var signup_login_wrapper = $('#signup_login_wrapper');
			var wrap = $('#wrap');
			
			loginreg.on( 'click', function( evt ) 
			{
				evt.preventDefault();
				
				if( signup_login_wrapper.is( ":visible" ) ) 
				{
					signup_login_wrapper.stop( true, true ).slideUp( 300 );
					wrap.stop( true, true ).animate( { "margin-top": '0px' }, 300, 'easeOutQuint' );
				} 
				else 
				{
					signup_login_wrapper.stop( true, true ).slideDown( 200, function() 
					{
						username.focus();
					});
					wrap.stop( true, true ).animate( { "margin-top": '100px' }, 300, 'easeOutQuint' );
				}
			});
			
			loginreg.on( "clickoutside", function ( evt )
			{
				if( evt.target.id != 'go_to_access' )
					if( signup_login_wrapper.find( $(evt.target) ).length == 0 ) 
					{
						signup_login_wrapper.stop( true, true ).slideUp( 300 );
						wrap.stop( true, true ).animate( { "margin-top": '0px' }, 300, 'linear' );
					}
			});
		}
	}
};

//~~~ desplegable del menú "Mas" para minivídeos, documentales, ...
var more_links = {
	start: function() 
	{
		var morelinks = $('#morelinks');
		var signup_login_wrapper = $('#signup_login_wrapper');
		var wrap = $('#wrap');
		
		if( morelinks.length > 0 ) 
		{
			var more_dropdown = $('#more-dropdown');
			var icons_li_ul = $('#icons li ul');
			
			morelinks.on( 'mouseenter', function() 
			{	
				icons_li_ul.hide();
				
				more_dropdown.show();
				$(this).addClass('active');
				
				if( signup_login_wrapper.is( ":visible" ) ) 
				{
					signup_login_wrapper.stop( true, true ).slideUp( 300 );
					wrap.stop( true, true ).animate( { "margin-top": '0px' }, 300, 'linear' );
				}
			});
			
			morelinks.on( 'mouseleave', function() 
			{
				more_dropdown.hide();	
				$(this).removeClass('active');
			});
			
		} // if $ > 0
	}
}

//~~~ menú desplegable del usuario a la derecha en la barra
var user_menu = {
	start: function() 
	{
		var icons = $('#icons');
		var logueado = $('#mi-cuenta-icon');
		
		if( icons.length > 0 && logueado.length > 0 ) 
		{
			var icons_li_div = $('#icons > li > div');
			
			icons_li_div.on( 'mouseenter', function () 
			{
				$(this).parent().find('ul').show();
	            $(this).attr( 'id', $(this).attr('id') + '-active' );
			});
			
			icons_li_div.on( 'mouseleave', function() 
			{
				$(this).parent().find('ul').hide();
				icons_li_div.each( function () 
				{
		            $(this).attr( 'id', $(this).attr('id').replace( '-active', '' ) );
		        });
			});
			
		} //if $ > 0
	}
}