	var id_historia = "";

function Historia(ide,nom,des,en) {
			this.id= "imagen_"+ide;
			this.fuente=ide+".jpg";
			this.nombre=nom;
			this.descripcion=des;
			this.enlace = en;
			this.directorio="http://www.zuvik.com/blog/wp-content/themes/modernpaper-10_ayudawordpress/images/s8/";
			this.ruta = this.directorio+this.fuente;
			this.verGrande = function(){
				var text = '<a href="'+this.ruta+'" target="blank"><img src="'+this.ruta+'" style="width:450px; height: 400px; border:0px;" alt="'+this.nombre+'"  title="ver grande" class="historia_grande" /></a>';
				return text;
				};
			this.verPequeno = function(){
				var text = '<a onclick="ver_historia(\''+this.id+'\');return false" onmouseover="opar(\''+this.id+'\')" onmouseout="oparout(\''+this.id+'\')" href="#" ><img src="'+this.directorio+'p'+this.fuente+'" style="border:0px;width:72px; height: 67px"  alt="'+this.nombre+'" id="'+this.id+'"  title="'+this.nombre+'" class="historia_pequena" /><a>';
				return text;
				};
			}

			var arrayimagenes = [];
			var histo_00 = new Historia(
				"00",
				"Sociedad 8.<br /> Ed.Santillana 1984",
				"Recopilaci&oacute;n de las laminas de dibujo que serv&iacute;an de introducci&oacute;n a los cap&iacute;tulos del libro de sociales de octavo de EGB.",
				"http://es.youtube.com/watch?v=55WKTBNERJE"
				);

			arrayimagenes.push(histo_00);

			var histo_01 = new Historia(
				"01",
				"Sal&oacute;n ilustrado del siglo XVIII",
				"Los esp&iacute;ritus sanos  han aprendido a sacudir el yugo de la intolerancia y de la barbarie... las generaciones futuras estar&aacute;n mejor formadas y m&aacute;s instruidas. As&iacute; podr&aacute;n ser m&aacute;s felices.",
				"http://es.wikipedia.org/wiki/Ilustraci%C3%B3n"
				);

			arrayimagenes.push(histo_01);

			var histo_02 = new Historia(
				"02",
				"La batalla de Saratoga 1777",
				"Sostenemos como evidentes estas verdades: Que todos los hombres son creados en la igualdad y doatados por el Creador de ciertos derechos inalienables, entre los que se encuentran la vida, la libertad y derecho a la fidelidad.",
				"http://es.wikipedia.org/wiki/Batalla_de_Saratoga"
				);

			arrayimagenes.push(histo_02);

			var histo_03 = new Historia(
				"03",
				"La toma de la prisi&oacute;n de la Bastilla 1789",
				"La revoluci&oacute;n es la guerra de la libertad contra sus enemigos; la constituci&oacute;n es el regimen de libertad victoriosa y pac&iacute;fica",
				"http://es.wikipedia.org/wiki/Toma_de_la_Bastilla"
				);

			arrayimagenes.push(histo_03);


			var histo_04 = new Historia(
				"04",
				"El Congreso de Viena 1815",
				"El derecho de sufragio es la m&aacute;s admirable f&oacute;rmula de paz p&uacute;blica, el fin de la fuerza bruta, el fin de la subversi&óacute;n...",
				"http://es.wikipedia.org/wiki/Congreso_de_Viena"
				);

			arrayimagenes.push(histo_04);

			var histo_05 = new Historia(
				"05",
				"Los primeros tiempos del ferrocarril",
				"¿Qu&eacute; significa la frase \"estall&oacute; la revoluci&oacute;n industrial\"? Significa que un d&iacute;a entre 1780 y 1790 se liber&oacute; de sus cadenas el poder productivo de las sociedades humanas que desde entonces se hicieron capaces de una constante, r&aacute;pida y hasta el presente ilimitada multiplicaci&oacute;n de bienes y servicios",
				"http://es.wikipedia.org/wiki/Revoluci%C3%B3n_industrial"
				);

			arrayimagenes.push(histo_05);

			var histo_06 = new Historia(
				"06",
				"Apertura del Canal de Suez",
				"Si Francia quiere seguir siendo un gr&aacute;n pa&iacute;s, es preciso que lleve su lengua, sus costumbres, su bandera, sus armas y su genio a todos los lugares donde sea posible",
				"http://es.wikipedia.org/wiki/Canal_de_Suez"
				);

			arrayimagenes.push(histo_06);

			var histo_07 = new Historia(
				"07",
				"Exposici&oacute;n universal de Par&iacute;s 1889",
				"El romanticismo buscaba constantemente recuerdos y analog&iacute;as en la historia, y encontraba su inspiraci&oacute;n m&aacute;s alta en los ideales que el cre&iacute;a ver ya realizados en el pasado",
				"http://es.wikipedia.org/wiki/Exposici%C3%B3n_Universal_de_Par%C3%ADs_%281889%29"
				);

			arrayimagenes.push(histo_07);

			var histo_08 = new Historia(
				"08",
				"Combate a&eacute;reo en la primera guerra mundial",
				"Los efectos de la guerra de 1914-1918 fueron una Alemania humillada y resentida y una Rusia proscrita y recelosa [...] Las condiciones de la Paz de Versalles hab&iacute;an de resultar sumamente insatisfactorias.",
				"http://es.wikipedia.org/wiki/Manfred_von_Richthofen"
				);

			arrayimagenes.push(histo_08);

			var histo_09 = new Historia(
				"09",
				"Hiroshima 6 de Agosto de 1945",
				"Al emplear pror primera vez este arma nos alineamos con los b&aacute;rbaros de las primeras edades.",
				"http://es.wikipedia.org/wiki/Bombardeos_at%C3%B3micos_sobre_Hiroshima_y_Nagasaki"
				);

			arrayimagenes.push(histo_09);

			var histo_10 = new Historia(
				"10",
				"El muro de Berl&iacute;n",
				"Desde el B&aacute;ltico hasta el Adriatico, un tel&oacute; de acero ha caido sobre el continente. Detras de esa linea se encuentran t las capitales de todos los pa&iacute;ses de Europa Oriental. Todas esas ciudades c&eacute;lebres todas esas naciones se encuentran en la &oacute;rbita sovietica.",
				"http://es.wikipedia.org/wiki/Muro_de_Berl%C3%ADn"
				);

			arrayimagenes.push(histo_10);

			var histo_11 = new Historia(
				"11",
				"Conflicto entre Ir&aacute;n e Irak",
				"En lo m&aacute;s profundo de la carrera armamentistica subyace la creencia de que con ella se esta defendiendo un sistema pol&iacute;tico, econ&oacute;mico, y social, un modo de vida. Pero lo que realmente se hace es poner a ambos sistemas(el socialista y el capitalista) en peligro de regresi&oacute;n hacia una sociedad muy anterior al socialismo y el capitalismo.",
				"http://es.wikipedia.org/wiki/Guerra_Ir%C3%A1n-Iraq"
				);

			arrayimagenes.push(histo_11);


			function opar(id){
				$(id).setOpacity(1);
				
				$(id).setStyle('width',78);
				$(id).setStyle('height',73);
				$(id).setStyle('margin',"-3px");
				}

			function oparout(id){
				if (id!=id_historia) {
					$(id).setOpacity(0.5);
				}
				$(id).setStyle('width','72px');
				$(id).setStyle('height','67px');
				$(id).setStyle('margin',0);
			}
			function galeria() {
						var gal = "";
						for (var i=0;i<arrayimagenes.length;i++ ){
							gal += arrayimagenes[i].verPequeno();
							gal += "\n";
							}
						$('galeria').setHTML(gal);
						$$('#galeria img').setOpacity(0.5);
							
						}


			function ver_historia(nombre){
				for (var i=0;i<arrayimagenes.length;i++ ){
					if (arrayimagenes[i].id==nombre){
						var wiki = '<a style=\"color:#0099ff;font-size: 11px;text-decoration:none\" href=\"'+arrayimagenes[i].enlace+'\" target="blank"> ::Enlace </a>';
						var descri = arrayimagenes[i].descripcion+wiki;
						if (i==0){
							descri = arrayimagenes[i].descripcion;
							}
						$('grande').setHTML(arrayimagenes[i].verGrande());
						$('titulo').setHTML(arrayimagenes[i].nombre);
						$('descri').setHTML(descri);
						$$('#galeria img').setOpacity(0.5);
						var ide = arrayimagenes[i].id;
						$(ide).setOpacity(1);
						id_historia = ide;
						}
					}
				}


		
	
