<?php include('../../../inc/bootstrap.php'); ?>
<?php $mural = getMuralFolder(); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<?php $title = 'Energía eléctrica en profundidad'; ?>
	<?php include('../../../templates/head.tpl.php'); ?>
	<body class="murals detail-hotspots">
		<div id="page">
			<div id="main">
				<div id="container">
					<div class="holder">
						<div class="hotspots">
							<a href="#" style="left:90%;top:10%;" class="deeper">hotspot</a>
							<a href="#" style="left:34%;top:60%;" class="level">hotspot</a>
							<a href="#" style="left:50%;top:45%;">hotspot</a>
							<a href="#" style="left:80%;top:55%;">hotspot</a>
						</div>
					</div>
				</div>
				<style type="text/css">
					#container {
						width: 750px;
						height: 458px;
					}
				</style>
				<script type="text/javascript">  
					$(document).ready(function(){
						$('#container').width($('#main').width());
						$('#container').height($('#main').height());
						$('#container').tilezoom({
							tile_size: 254,
							width: 3000,
							height: 1830,
							level: 10,
							smooth: 30,
							hotspotLevel: 11,
							minzoom: 10
						});
					});
				</script>
			</div>
			<div id="sidebar">
				<div id="menu">
					<?php include('../../../templates/menu.tpl.php'); ?>
					<div class="bar-content hotspots-page">
						<a id="bar-content-close" href="#">Close</a>
						<div class="content">
							<div class="hotspot-info position0 active">
								<div class="img"><img src="images/hs_Hoover-Dam.jpg" alt="Hoover dam under construction"></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">La Presa Boulder (ahora conocida como Presa Hoover) en construcción. c. 1934. Fotografía: Popperfoto. Cortesía de Popperfoto/ Getty Images</div>
								<p>En su autobiografía, Rivera describió la escena en el primer plano de Energía eléctrica como una caldera en una planta de General Electric, pero en esa época no existían plantas de G.E. en la Ciudad de Nueva York. Es muy posible que la imagen se inspirara en la Estación de Energía de Hudson Avenue, en Brooklyn, una sucursal de la compañía de energía Consolidated Edison. En 1932, el sitio recibió cuatro calderas nuevas, que abastecieron de vapor caliente a millones de clientes en Manhattan hasta principios de 2011.</p>
								<p>Más allá de Nueva York, la producción de energía era un tema importante en las noticias nacionales: la Ley de Energía Federal fue reformada en 1930, y la construcción de la Presa Boulder (hoy conocida como Presa Hoover) comenzó en 1931. En este mural portátil, Rivera documenta su visita al sitio en ocasión de su viaje a la ciudad y, al mismo tiempo, demuestra su conocimiento profundo de los acontecimientos del momento que afectaban al país en general.</p></div>
							<div class="hotspot-info position1">
								<div class="img"><img src="images/hs_Detroit,-North-Wall.jpg" alt="Detroit Industry"></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">Diego Rivera. <em>Producción y manufactura de motor y trasmisión</em> de la serie mural <em>Industria de Detroit</em>. 1932-1933. Fresco, aprox. 17' 8 5/8" x 45' 1/4" (5.4 x 13.72 m). Detroit Institute of Arts. © 2011 Banco de México Fundación de Museos Diego Rivera y Frida Kahlo, México, D.F./Artists Rights Society (ARS), Nueva York. Fotografía: Detroit Institute of Arts, USA/ Bridgeman Art Library</div>
								<p>Inspirado en la avanzada industrialización del país, Rivera recurrió a imaginería de la edad de la máquina durante su estancia en los Estados Unidos para expresar su visión de una utopía tecnológica encabezada por los trabajadores. Los obreros insertos en un aparato mecánico en <em>Energía eléctrica</em> preludian temas de sus murales en el Detroit Institute of Arts (DIA, Instituto de Arte de Detroit), creados después de la exposición de Rivera en el MoMA. En su serie monumental de frescos en el Garden Court del DIA, los obreros operan en perfecta sincronía con los ritmos de su entorno mecánico.</p></div>
							<div class="hotspot-info position2">
								<div class="img"><img src="images/hs_Sheeler.jpg" alt="Sheeler’s American Landscape"></div>
								<div style="font-size: 13px; color: #8d8c8c; line-height: 16px; padding:15px 0;">Charles Sheeler (EE.UU., 1883–1965). <em>Paisaje estadounidense</em>. 1930. Óleo sobre tela, 24 x 31" (61 x 78.8 cm). El Museo de Arte Moderno, Nueva York. Donación de Abby Aldrich Rockefeller. Fotografía: El Museo de Arte Moderno, Departamento de Servicio de Imágenes (John Wronn)</div>
								<p> El artista estadounidense Charles Sheeler, contemporáneo de Rivera, compartió el interés del artista mexicano con los temas industriales. Las interpretaciones asépticas de Sheeler de las fábricas estadounidenses, influidas por su trabajo como fotógrafo, celebran las formas simplificadas y eficientes de la maquinaria industrial moderna. Al mismo tiempo, las pinturas de Sheeler, despojadas de trabajadores, contradicen de manera tajante la insistencia de Rivera de retratar la tecnología moderna bajo el control del trabajo humano.</p></div>
							<div class="hotspot-info position3"><p><em>Energía eléctrica</em> creó revuelo entre los defensores de la industria eléctrica estadounidense. La National Electric Light Association (Asociación Nacional de Luz Eléctrica) reprodujo la obra en la portada de su boletín de febrero de 1932, desatando una respuesta airada de otra revista <em>Power Plant Engineering</em>. Los directores de la segunda, publicación con sede en Chicago, se sintieron ofendidos por lo que describieron como un "ejemplo crudo y grosero […] del llamado arte modernista". No obstante las intenciones de Rivera, su imagen de trabajadores en una planta de energía no era suficientemente heroica para algunos defensores de la producción de energía eléctrica.</p></div>
						</div>
						<div id="hotspots-nav">
							<a class="prev" href="#">prev</a>
							<div class="pages"></div>
							<a class="next" href="#">next</a>
						</div>
					</div>
					<?php include('../../../templates/murals-menu.tpl.php'); ?>
					<ul class="menu main-menu">
						<li class="home"><a href="<?php echo BASE_PATH; ?>es/index.php"">Home</a></li>
						<li class="menu"><a href="#">Menu</a></li>
						<li class="murals"><a href="#">Murals</a></li>
						<li class="electric active"><a href="#">Electric Power</a></li>
						<li class="zoom in"><a href="#" id="plus">Zoom In</a></li>
						<li class="zoom out"><a href="#" id="minus">Zoom Out</a></li>
						<li class="annotations">
							<a href="#">Annotations</a>
							<span>Apague las anotaciones</span>
						</li>
						<li class="info">
							<a href="<?php echo BASE_PATH; ?>es/content/mural/<?php echo $mural; ?>/detail.php">Info</a>
							<span>Introducción</span>
						</li>
						<?php $audio = "media/audio.mp3"; ?>
						<?php if (file_exists($audio)) : ?>
							<?php include('../../../templates/audio-hotspots.tpl.php'); ?>
						<?php endif; ?>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>