$( document ).ready( function(){

	// oculta todos los submenus y el triangulito
	$( 'ul.transmision, ul.distribucion, ul.hogar' ).hide();
//	$( 'div.triangulito' ).hide();
	
	// cambios nav derecha
	$( 'ul#nav_derecha li' ).click( function(){
		
		$( 'div.triangulito' ).hide();
		$( 'div.triangulito', this ).show();
		$( 'div.triangulito', this ).css( {
			
			'display' : 'block',
			'top' : '-10px',
			'-webkit-transform' : 'rotate(-180deg)',
			'-moz-transform' : 'rotate(-180deg)',
			'transform' : 'rotate(-180deg)',
			'filter' : 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)'
			
		} );
					
		// muestra submenu elegido
		var categoria = $( this ).attr( 'id' );
		switch( categoria ){
			
			case 'transmision':
				
				$( 'ul.distribucion, ul.hogar' ).hide();
				$( 'ul.transmision' ).toggle( 200 );
			
			break; 
			case 'distribucion':
			
				$( 'ul.transmision, ul.hogar' ).hide();
				$( 'ul.distribucion' ).toggle( 200 );
			
			break; 
			case 'hogar':
			
				$( 'ul.transmision, ul.distribucion' ).hide();
				$( 'ul.hogar' ).toggle( 200 );
			
			break; 
			case 'distribuidores':
			
				$( 'ul.transmision, ul.distribucion, ul.hogar' ).hide();
			
			break; 
		}
		
	} );	

} );