function switchView(id, imageName) {	
	makeHidden(id);
	showElement(id, imageName);
}

function makeHidden(id) {
	var menu = document.getElementById('pictures');
	var menuSubLists = menu.getElementsByTagName('div');
	for (var i = 0 ; i < menuSubLists.length; i++){
		var cycleMenuSubLists = menu.getElementsByTagName('div')[i];
		if ((cycleMenuSubLists.getAttribute('id') != null) && (cycleMenuSubLists.getAttribute('id') != id)) {
			hideElement(cycleMenuSubLists.getAttribute('id'));
		}
	}		  
}

function showElement(id, imageName) {
	var theDiv = document.getElementById(id);
	var theImgOfTheDiv = theDiv.getElementsByTagName('img')[0];
	theDiv.style.display = theDiv.style.display == 'block' ? 'none' : 'block';
	theImgOfTheDiv.src = imageName;
}

function hideElement(id) {		  
	document.getElementById(id).style.display = 'none';
}

function switchLinks() {
	if (document.getElementById) {
		var menu = document.getElementById('pictures');
		var menuItems = menu.getElementsByTagName('a');
		for (var i = 0; i < menuItems.length; i++) {
			var cycleMenuItems = menu.getElementsByTagName('a')[i];
			if (cycleMenuItems.getAttribute('id') != null) {
				var oldLink = cycleMenuItems.getAttribute('href').length;
				var imageName = cycleMenuItems.getAttribute('href').substring(oldLink - 12, oldLink);
				cycleMenuItems.setAttribute('href', "javascript:switchView('" + cycleMenuItems.getAttribute('id') + "_sub', '" + imageName + "');")
			}
		}
	}
}

window.onload = switchLinks