/*
 * If filter category clicked on then switch to that category.
 */
 
var tagSetShowing = null;
function showTagSet(tagSetId) {
	
	var tagFrame = document.getElementById('online-exhibit-filter-tags');
	var oldTagSet = document.getElementById('tag-set-' + tagSetShowing);
	var newTagSet = document.getElementById('tag-set-' + tagSetId);
	var oldMenuTag = document.getElementById('menu-tag-set-' + tagSetShowing);
	var newMenuTag = document.getElementById('menu-tag-set-' + tagSetId);
	
	var positions = Array(220, 315, 412, 507, 620);
	
	var arrow = document.getElementById('online-exhibit-filter-arrow-slider');
	arrow.style.left = positions[tagSetId-1] + 'px';
	
	if ( tagSetShowing == tagSetId ) {
		tagFrame.style.display = 'none';
		oldTagSet.style.display = 'none';
		newTagSet.style.display = 'none';
		oldMenuTag.style.color = '#ea7d9e';
		newMenuTag.style.color = '#ea7d9e';
		tagSetShowing = null;
		return;
	}
	
	tagSetShowing = tagSetId;
	
	if ( oldTagSet ) oldTagSet.style.display = 'none';
	if ( newTagSet ) newTagSet.style.display = 'block';
	
	if ( oldMenuTag ) oldMenuTag.style.color = '#ea7d9e';
	if ( newMenuTag ) newMenuTag.style.color = '#8f73b8';
	
	tagFrame.style.display = 'block';
}

function setSorting(obj) {

	var value = obj.options[obj.selectedIndex].value;
	
	if ( value > 4 || value < 0 ) return;
	
	var xmlhttp;
	
	if (window.XMLHttpRequest) {
		xmlhttp = new XMLHttpRequest();
	}
	else {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	
	var url = "/online-exhibit/sorting-type/" + value;
	xmlhttp.open("GET", url, true);
	xmlhttp.onreadystatechange = function() {
		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
			window.location.reload();
		}
	}
	xmlhttp.send();
}