$( document ).ready( function(){
	
	// actual por defecto
	$( 'div.del_medio ul li:first-child' ).addClass( 'del_medio_actual' );
	$( 'div.del_medio ul li:first-child' ).css( 'color', '#333' );

	// lista rotacion por defecto
	$( "ul.rotacion_img_productos[rel='lineas_at_tr']" ).hide();
	$( "ul.rotacion_img_productos[rel='lineas_ds']" ).hide();
	$( "ul.rotacion_img_productos[rel='instalaciones']" ).hide();
	$( "ul.rotacion_img_productos[rel='calidad_e']" ).hide();
	$( "ul.rotacion_img_productos[rel='apantallamiento']" ).hide();
	$( "ul.rotacion_img_productos[rel='mallas_pt']" ).hide();
		
	$( 'div.del_medio ul li' ).click( function(){
		
		// muesta y oculta listas rotacion imagenes
		var lista_rotacion_ver = $( this ).attr( 'rel' );
		switch( lista_rotacion_ver ){
			
			case 'subestaciones':
			
				// transmision
				$( "ul.rotacion_img_productos[rel='subestaciones_tr']" ).show();
				$( "ul.rotacion_img_productos[rel='lineas_at_tr']" ).hide();
				
				// distribucion
				$( "ul.rotacion_img_productos[rel='subestaciones_distribucion']" ).show();
				$( "ul.rotacion_img_productos[rel='lineas_ds']" ).hide();
			
				// hogar
				$( "ul.rotacion_img_productos[rel='subestaciones_hogar']" ).show();
				$( "ul.rotacion_img_productos[rel='instalaciones']" ).hide();
			
			break;	
			case 'lineas_at':
				
				// transmision
				$( "ul.rotacion_img_productos[rel='lineas_at_tr']" ).show();
				$( "ul.rotacion_img_productos[rel='subestaciones_tr']" ).hide();
			
				// distribucion
				$( "ul.rotacion_img_productos[rel='subestaciones_distribucion']" ).hide();
				$( "ul.rotacion_img_productos[rel='lineas_ds']" ).show();
			
				// hogar
				$( "ul.rotacion_img_productos[rel='subestaciones_hogar']" ).hide();
				$( "ul.rotacion_img_productos[rel='instalaciones']" ).show();
			
			break;
			case 'contenido_calidad_pt':
			
				$( "ul.rotacion_img_productos[rel='calidad_pt']" ).show();
				$( "ul.rotacion_img_productos[rel='calidad_e']" ).hide();
				$( "ul.rotacion_img_productos[rel='apantallamiento']" ).hide();
				$( "ul.rotacion_img_productos[rel='mallas_pt']" ).hide();
			
			break;	
			case 'contenido_calidad_e':
			
				$( "ul.rotacion_img_productos[rel='calidad_pt']" ).hide();
				$( "ul.rotacion_img_productos[rel='calidad_e']" ).show();
				$( "ul.rotacion_img_productos[rel='apantallamiento']" ).hide();
				$( "ul.rotacion_img_productos[rel='mallas_pt']" ).hide();
			
			break;	
			case 'apantallamiento':
			
				$( "ul.rotacion_img_productos[rel='calidad_pt']" ).hide();
				$( "ul.rotacion_img_productos[rel='calidad_e']" ).hide();
				$( "ul.rotacion_img_productos[rel='apantallamiento']" ).show();
				$( "ul.rotacion_img_productos[rel='mallas_pt']" ).hide();
			
			break;	
			case 'mallas_pt':
			
				$( "ul.rotacion_img_productos[rel='calidad_pt']" ).hide();
				$( "ul.rotacion_img_productos[rel='calidad_e']" ).hide();
				$( "ul.rotacion_img_productos[rel='apantallamiento']" ).hide();
				$( "ul.rotacion_img_productos[rel='mallas_pt']" ).show();
			
			break;	
		}
		
		
		// agrega css actual
		$( this ).addClass( 'del_medio_actual' );
		$( this ).css( 'color', '#333' );
		
		// quita clase actual
		$( 'div.del_medio ul li' ).not( $(this) ).removeClass( 'del_medio_actual' );
		$( 'div.del_medio ul li' ).not( $(this) ).css( 'color', '#999' );

	} );

} );