//show model descriptions when roll over model over div
jQuery(document).ready(function($) {

	var $desc = $('.model-description');
	var isOverModel = false;

	$('.over-model').mouseover(function(e) {
		//grab current model name and use to find description variable
		if(!isOverModel && $('#hat-images').css('margin-left') == '0px')
		{
			isOverModel = true;
			var modName = $('#hat-models .hat-model').eq(0).find('img').attr('alt').replace(/ /g,'_');
			var d = $('#model-descriptions .'+modName);
			if(d.length > 0)
			{
				$desc.empty();
				$desc.append(d.html());
				$desc.fadeIn();
				$desc.find('.desc-close').click(function() {
					$desc.hide();
					var setIsOver = function()
					{
						isOverModel = false;	
					}
					setTimeout(setIsOver,2000);
				})
			}	
		}
	})

	$(window).hashchange(function() {
		$desc.hide();
		isOverModel = false;
	});

	//make sure if click out of dds, then they go away
	/*$(document).mouseover( function(e) {
		var $t = $(e.target);
		if(!$t.hasClass('over-model') && !$t.hasClass('model-description') && !$t.parents().hasClass('model-description'))
		{
			$desc.fadeOut();
			isOverModel = false;	
		}
	});*/
})