var smallmanpics = [], largemanpics = [], allmanpics = [];//Объявляем переменные
function manpics() {
	if(document.getElementById('manpics')!=null && typeof(document.getElementById('manpics'))!='undefined'){
		var allmanpics = document.getElementById('manpics').getElementsByTagName('img');
	}
	else {return}
	//alert(allmanpics.length);
	for (var i=0; i<allmanpics.length;i++){
		if(allmanpics[i].id.match(/small/)) {
			smallmanpics.push(allmanpics[i]);
		}
		if(allmanpics[i].id.match(/large/)) {
			largemanpics.push(allmanpics[i]);
		}
	}
	
	for (var i=0; i<smallmanpics.length;i++) {
		smallmanpics[i].onclick = smpHandler;	
	}
}

function smpHandler() {
	var clickedPosition = this.className.match(/\d/);
	var clickedId = this.id.match(/\d/);
	var currentLarge;
	for (var i=0; i<largemanpics.length;i++) {
		if(largemanpics[i].className.match(/visible/)) {
			currentLarge = 	largemanpics[i];
		}
	}
	var currentLargeId = currentLarge.id.match(/\d/);
	var imgToLarge = document.getElementById('manpiclarge'+clickedId);
	var imgToSmall = document.getElementById('manpicsmall'+currentLargeId);
	this.className = '';
	currentLarge.className = '';
	imgToLarge.className = 'visible largevis';
	imgToSmall.className = 'visible smallvis'+clickedPosition;
	var quoteToHide, quoteToShow, allquotes = [];
	allquotes = document.getElementById('manquotes').getElementsByTagName('div');
	for (var i=0;i<allquotes.length;i++) {
		if(allquotes[i].className.match(/visible/)) {
		quoteToHide = allquotes[i];
		}
	}
	quoteToShow = document.getElementById('manquote'+clickedId);
	quoteToHide.className = quoteToHide.className.replace(/\bvisible/);
	quoteToShow.className += ' visible';
}