var isIE = navigator.userAgent.indexOf("MSIE")
var isTransitioning = false;
var tracer;

function filterMediaList(selector, types) {

    $(".tabs .on").removeClass("on");
    $(selector).parent().addClass("on");


	if (isTransitioning) return;
	
	var selectors = DOMTools.getElementsByClassName("category_selector_item");
	var selectorCount = selectors.length;
	for (var selectorIndex = 0; selectorIndex < selectorCount; selectorIndex++)
	{
		var otherSelector = selectors[selectorIndex];
		if (otherSelector != selector)
		{
			otherSelector.className = otherSelector.className.split("alt_primary").join("alt_secondary");
			if (isIE) ieFixCorners(otherSelector, "#dadada", "#a1a1a1");
		}
	}
	
	isTransitioning = true;
	var list = document.getElementById("container_media_list");
	list.style.visibility = "hidden";
	var items = DOMTools.getElementsByClassName("media_list_item", true);
	var itemCount = items.length;
	for (var itemIndex = 0; itemIndex < itemCount; itemIndex++)
	{
		var item = items[itemIndex];
		item.style.display = "none";
	}
	
	var filterItems = DOMTools.getElementsByClassNames(types);
	var filterItemsCount = filterItems.length;
	for (var filterItemIndex = 0; filterItemIndex < filterItemsCount; filterItemIndex++)
	{
		var filterItem = filterItems[filterItemIndex];
		filterItem.style.display = "block";
	}
	var tween = new Tween(list);
	tween.addEventListener("complete", onFilterComplete);
	tween.fadeIn(.5);

	selector.className = selector.className.split("alt_secondary").join("alt_primary");
	if (isIE) ieFixCorners(selector, "#363636", "#ffffff");
}

function onFilterComplete(obj)
{
	isTransitioning = false;
}

/*
	#container_category_selector a.alt_primary {background-color:#363636; color:#fff; }
	#container_category_selector a.alt_secondary {background-color:#dadada; color:#a1a1a1; }
*/
function ieFixCorners(element, bgColor, textColor)
{
	var divs = element.getElementsByTagName("div");
	var divCount = divs.length;
	for (var i = 0; i < divCount; i++)
	{
		div = divs[i];
		if (div.style.backgroundColor.length > 0) div.style.backgroundColor = bgColor;
	}
}