/**
 * Oculta y muestra los elementos. Se ejecuta al cargar la pagina.
 */
$(document).ready(function() {
	
	
	$('#tablaCarrito tr:even').addClass('alt');
	$('#tablaResumenCarrito tr:even').addClass('alt');
	
	
	$('#verTamanio #botonVerTamanio').hide();
	
	
			
	// Muestra y oculta el elemento sublista1 del menu al hacer click.
	$('.lista').hide();
	$('.listaVisible').show();
	$('.actual').parents().each(function(){$(this).show();});
	
	
	/*$('li.desplegable').click(
			function(){
				id = $(this).attr('id');
				$('#lista'+id).toggle('slow');
			}
	);*/
	
	
	
	// Muestra y oculta el elemento de resumen del carrito.
	// Se carga oculto en la pagina.
	$('#resumen_carrito').hide();
	
		
	// Si se hace click en la imagen del carrito, se oculta o se muestra.
	$('.imagen_carrito_user').click(
			function(){
				$('#resumen_carrito').toggle('slow');
			}
	);
	
	
	// Cambia la imagen de la cesta de la compra cuando se pasa por encima.
	$('#imagen_carrito_user').mouseover(
			function(){
				$('#imagen_carrito_user').attr('src', path+'resources/imagenes/carrito_user_hover.png' );
			}
	);
	$('#imagen_carrito_user').mouseout(
			function(){
				$('#imagen_carrito_user').attr('src', path+'resources/imagenes/carrito_user.png' );
			}
	);
	
	
	
	// Efecto Transfer para el boton de añadir al carrito.
	$("#addCarrito").click(function () {
		$("#addCarrito").effect("transfer", {to:"#textoResumenCarrito"}, 1000);
	});
	
	
	
		
	
	
	
	
	// Si se hace click en la opcion del menu privado gestion compras, se oculta o se muestra.
	$('#gestCompras').click(
			function(){
				$('#privadoDesplegable1').toggle('slow');
			}
	);
	// Si se hace click en la opcion del menu privado novedades, se oculta o se muestra.
	$('#gestNovedades').click(
			function(){
				$('#privadoDesplegable2').toggle('slow');
			}
	);
         // Si se hace click en la opcion del menu privado pesos, se oculta o se muestra.
	$('#gestPesos').click(
			function(){
				$('#privadoDesplegable3').toggle('slow');
			}
        );
	
	
	// Cambia la imagen de salir cuando se pasa por encima.
	$('#salir').mouseover(
			function(){
				$('#salir img').attr('src', path+'resources/imagenes/salir_over.png' );
				$('#salir img').css('border-color', '#808080' );
			}
	);
	$('#salir').mouseout(
			function(){
				$('#salir img').attr('src', path+'resources/imagenes/salir.png' );
				$('#salir img').css('border-color', '#808080' );
			}
	);
	// Cambia la imagen de salir cuando se pasa por encima.
	$('#salirPrivado').mouseover(
			function(){
				$('#salirPrivado img').attr('src', path+'resources/imagenes/salir_over.png' );
				$('#salirPrivado img').css('border-color', '#B2B2B2' );
			}
	);
	$('#salirPrivado').mouseout(
			function(){
				$('#salirPrivado img').attr('src', path+'resources/imagenes/salir.png' );
				$('#salirPrivado img').css('border-color', '#B2B2B2' );
			}
	);
	
	
	// Oculta la informacion del usuario en la parte de administracion.
	$('.oculto').hide();
	// Muestra la informacion de un usuario al pulsar sobre la lupa, y lo oculta.
	$('.botonVer').click(
			function(){
				var id = $(this).attr('id');
				var estado = $('#info1'+id).css('display');
				if ( estado == 'none'){
					$('#info1'+id).show();
					$('#info2'+id).show();
				}
				else{
					$('#info1'+id).hide();
					$('#info2'+id).hide();
				}
			}
	);
});