[Viral]

function foto(el){
  var imgSrc = el.getElementsByTagName('img')[1].getAttribute('src');
  
   document.getElementById("img_main").src = imgSrc;


var bg=document.getElementById('background');//Получили div с id bg
		button=document.getElementById('test');// Копка на которую кликать
		exit=document.getElementById('close');//Кнопка на закрытие
		paper=document.getElementById('wrapper');
		many=document.getElementById('hoverClose');
		bg.style.display='block';
		exit.style.display='block';
		paper.style.display='block';
		many.style.display="block";
	
	many.onclick= function closer(){
	bg.style.display='none';
	exit.style.display='none';
	paper.style.display='none';
	many.style.display='none';
	
	};
	
	

}

Вот пример для вашей ситуации, но можно гораздо меньшей кровью обойтись и меньшим кодом..


onclick="foto(this)" - везде поставьте вместо foto(), foto2() и т.д.
И нельзя присваивать нескольким элементам одинаковые id