// preload images
var categoryBackground = document.createElement('img');
if(navigator.userAgent.match(/MSIE 6/)) {
	categoryBackground.setAttribute('src', 'http://files.youporn.com/images/background-dropdown-ie6.png?v=1');
} else {
	categoryBackground.setAttribute('src', 'http://files.youporn.com/images/background-dropdown.png?v=1');
}

YAHOO.util.Event.addListener("category-tab", "mouseover", function() {
  dropdownOpen("category-dropdown");
})
YAHOO.util.Event.addListener("category-tab", "mouseout", function() {
  dropdownCloseTime();
})
YAHOO.util.Event.addListener("category-dropdown", "mouseover", function() {
  dropdownCancelCloseTime();
})
YAHOO.util.Event.addListener("category-dropdown", "mouseout", function() {
  dropdownCloseTime();
})

var timeout	= 700;
var closetimer	= 0;
var dropdown	= 0;
if(YAHOO.util.Dom.hasClass(document.getElementById('category-dropdown').parentNode, 'selected')) {
  var onCategoryPage = true;
}

// open hidden layer
function dropdownOpen(id)
{	
	// cancel close timer
	dropdownCancelCloseTime();

	// close old layer
	if(dropdown) dropdown.style.display = 'none';

	// get new layer and show it
	dropdown = document.getElementById(id);
	dropdown.style.display = 'block';
	if(!onCategoryPage) {
		YAHOO.util.Dom.addClass(dropdown.parentNode, 'selected');
	}
	if(!dropdownHeight) {
		var dropdownHeight = document.getElementById(id).clientHeight;
		document.getElementById('category-dropdown-shim').style.height = dropdownHeight - 40 + "px"; 
	}
	document.getElementById('category-dropdown-shim').style.visibility = 'visible';
}
// close showed layer
function dropdownClose()
{
	if(dropdown) {
		dropdown.style.display = 'none';
		if(!onCategoryPage) {
			YAHOO.util.Dom.removeClass(dropdown.parentNode, 'selected');
		}
		document.getElementById('category-dropdown-shim').style.visibility = 'hidden';
	}
}

// go close timer
function dropdownCloseTime()
{
	closetimer = window.setTimeout(dropdownClose, timeout);
}

// cancel close timer
function dropdownCancelCloseTime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = dropdownClose;