function abrirImagen(nombre_foto,indicador)
{
	
	// Antes de marcar foto mini, desmarcamos el resto
	
		// Obtenemos todos los span contenidos en #fotos_mini
	$('#fotos_mini span').each(function(){
		$(this).css("display", "none");										
	});
		
	// Mostramos foto en detalle
	texto_html = '<p class="captura_proyecto" style="margin-bottom:10px;"><img src="images/' + nombre_foto + '" alt="Imagen del proyecto" /></p>';
	$('#detalle_foto').html(texto_html);

	// Marcamos foto mini seleccionada
	$(indicador).css('display','block');

	
}

function removeAllChilds(a)
 {
 var a=document.getElementById(a);
 while(a.hasChildNodes())
	a.removeChild(a.firstChild);	
 }
 
 function aleatorio(inferior,superior){
numPosibilidades = superior - inferior
aleat = Math.random() * numPosibilidades
aleat = Math.round(aleat)
return parseInt(inferior) + aleat
} 

function generar_proyectos()
{
    //alert("eliminamos los cleimntes");
    removeAllChilds('cont_cliente_home');
  
   //creamos los  arrays
   
	fotos_clientes = new Array(); 
	// listado proyectos
	fotos_clientes[0]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_asesores_tic.jpg" alt="Logotipo de Asesores TIC"/></a></p><p class="titulo_proyecto"><a href="detalle_asesores_tic.html">Portales asesores TIC</a></p></div>';
	
	fotos_clientes[1]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_ade.jpg" alt="ADE"/></a></p><p class="titulo_proyecto"><a href="detalle_ade.html">ADE INTERNACIONAL</a></p></div>';
	
	
	fotos_clientes[2]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_asociacion_endodoncia.jpg" alt="asociacion española de endodoncia"/></a></p><p class="titulo_proyecto"><a href="detalle_asociacion_espanniola_endodoncia.html">Asociaci&oacute;n espa&ntilde;ola de endodoncia</a></p></div>';
	
	
	fotos_clientes[3]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_blackberry.jpg" alt="Logotipo de Blackberry"/></a></p><p class="titulo_proyecto" style="padding-top:3px;"><a href="detalle_guia_blackberry.html">Gu&iacute;a de instalaci&oacute;n Blackberry Profesional Software</a></p></div>';
	
	
	fotos_clientes[4]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_bausch.jpg" alt="bauhch &quot; Lomb"/></a></p><p class="titulo_proyecto"><a href="detalle_bausch.html">bausch and Lomb</a></p></div>';
	
	
	fotos_clientes[5]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_fundacion_municipal_valladolid.jpg" alt="fundación municipal de cultura valladolid"/></a></p><p class="titulo_proyecto"><a href="detalle_fundacion_municipal_cultura_valladolid.html">Exposici&oacute;n Robert Wilson</a></p></div>';
	
	fotos_clientes[6]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_instituto_tec_agrario.jpg" alt="instituto tecnológico agrario"/></a></p><p class="titulo_proyecto"><a href="detalle_instituto_tec_agrario.html">Portal ITACYL</a></p></div>';
	
	
	fotos_clientes[7]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_intituto_juventud.jpg" alt="Instituto juventud de Castilla y León"/></a></p><p class="titulo_proyecto"><a href="detalle_instituto_juventud_castilla.html">Instituto juventud Castilla y Le&oacute;n</a></p></div>';
	
	
	fotos_clientes[8]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_inega.jpg" alt="inega"/></a></p><p class="titulo_proyecto"><a href="detalle_inega.html">Instituto Enerx&eacute;tico de Galicia</a></p></div>';
	
	
	fotos_clientes[9]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_mitsubishi.jpg" alt="mitsubishi"/></a></p><p class="titulo_proyecto"><a href="detalle_mitsubishi.html">Mitsubishi Motors</a></p></div>';
	
	
	fotos_clientes[10]='<div class="proyecto"><p class="foto"><a href="#"><a href="#"><img src="images/proyecto_pelayo.jpg" alt="Logotipo de Pelayo y su Pandilla"/></a></p><p class="titulo_proyecto"><a href="detalle_pelayo.html">Multimedia Pelayo y su Pandilla</a></p></div>';
	
	
	fotos_clientes[11]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_test_ciclomotor.jpg" alt="logotipo de Test Ciclo y Moto Online"/></a></p><p class="titulo_proyecto"><a href="detalle_test_ciclo_moto.html">Test Ciclo y Moto Online</a></p></div>';
	
	fotos_clientes[12]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_turgalicia.jpg" alt="turgalicia"/></a></p><p class="titulo_proyecto"><a href="detalle_turgalicia.html">Turismo Galicia - Turgalicia</a></p></div>';
	
	fotos_clientes[13]='<div class="proyecto"><p class="foto"><a href="#"><img src="images/proyecto_toshiba.jpg" alt="toshiba"/></a></p><p class="titulo_proyecto"><a href="detalle_toshiba.html">Toshiba</a></p></div>';
  
  
  var max=13;//valor maximo del random en el array
  
  //alert(fotos_clientes);
   //alert("y ahora añadimos 6 aleatorios");
   var cont=0;
   var random=aleatorio(0,max);
  
   while (cont<2) // solo quremos dos aleatorios 
   {
   
	var li = document.createElement('LI');
	// Añadimos el valor introducido al nuevo elemento
	m= random + cont;
	//alert ('m= ' +m );
	if (m > 10) {  m=0; random=0;} 
	
	li.innerHTML = fotos_clientes[m];
	//alert (fotos_clientes[random]);
	// Añadimos el elemento LI a la lista UL
	var ul = document.getElementById('cont_cliente_home');
	ul.appendChild(li);
	// Vaciamos la caja de texto
   cont ++;
 
 }
 //generar_proyecto();
}
