// Init sorting options.
function sort_init() {
	for (var i = 1; i <= 2; i++) {
		var el = $('sort' + i);
		
		addEvent(el, 'mouseover', function(e) {
			var el = e.srcElement || this;
			el.style.backgroundColor = bgColor();
		});
		addEvent(el, 'mouseout', function(e) {
			var el = e.srcElement || this;
			if (!hasClass(el, 'active')) { el.style.backgroundColor = ""; }
		});
	}
	var sortBy = query.get('sortBy');
	var sortTab = $('sort1');
	
	if (sortBy == 'most-recent') { sortTab = $('sort2'); }
	sortTab.className = 'active bg';
	
	// change the color of the active tab.
	for (var colors = ['blazing', 'classic', 'jungle', 'blackfriday', 'eggplant'], i = 0; i < colors.length; i++) {
		addEvent($(colors[i]), 'click', function() { sortTab.className = 'active bg'; });
	 }
}
function bgColor(skin) {
	if (!skin) { var skin = getCookie('skin'); }
	
	switch (skin) {
		case 'blazing':
			return "#c83d1d";
			break;
		case 'classic':
			return "#2071c9";
			break;
		case 'jungle':
			return "#3a7c28";
			break;
		case 'blackfriday':
			return "#e12b15";
			break;
		case 'eggplant':
			return "#824bcb";
			break;
	}
}
function sortBy(value) {
	query.set('sortBy', value);
	location.href = query.string();
}