// ////////////////////////////////////////////////////////////////////////////
// Portfolio
// ////////////////////////////////////////////////////////////////////////////


// navigation properties and functions
var navigation = new Object();


/**
* This function adds IE6 work-arounds, removes non-Javascript preventative 
* measures, and sets up event listeners for the primary navigation.
*/
navigation.initialize = function() {
	// set maximum (expanded) and  minimum (collapsed) height for navigation
	maxMenuWidth = parseInt( $('#sec-collections').width() );
	minMenuWidth = 0;
	maxMenuHeight = parseInt( $('#sec-collections').height() + 25 );
	minMenuHeight = 21;
	
	//var showMenu = function(){ $('#sec-collections').animate({ left: '-'+maxMenuWidth+'px', opacity: 1.0 }, 400); };
	//var hideMenu = function(){ $('#sec-collections').animate({ left: minMenuWidth, opacity: 0.0 }, 400)};
	var showMenu = function(){ $('#pri-collections').animate({ height: maxMenuHeight}, 400); };
	var hideMenu = function(){ $('#pri-collections').animate({ height: minMenuHeight}, 400)};

	// hoverIntent attaches event listeners
	$( '#pri-collections' ).hoverIntent( showMenu , hideMenu );
};

$(document).ready(function(){
	// init primary navigation
	navigation.initialize();
});