function detectMacXFF() {
  var userAgent = navigator.userAgent.toLowerCase();
  if (userAgent.indexOf('mac') != -1 && userAgent.indexOf('firefox')!=-1) {
    return true;
  }
}

var CovergirlMainNav = {
	init: function()
	{
		// cache elements
		this.navItemsWithSubnav = $('#mainnav>ul>li:has(ul)');
		
		this.subnavDivs = this.navItemsWithSubnav.children("div");
		
		// set up methods
		// IE 6 needs iframe shim to cover "bleed-through" elements
		if ($.browser.msie && $.browser.version < 7) this.buildShim();
		this.attachEvents();
	},
	
	buildShim: function()
	{
		this.navItemsWithSubnav.each(
			function(i)
			{
				var columns = $(this).find('div.columns');
				var subgroup = (columns.size() == 0) ? $(this).find('ul')[0] : columns[0];
				subgroup = $(subgroup);
				
				var width = subgroup.width();				
				var height = subgroup.height() + subgroup.css('padding-top') + subgroup.css('padding-bottom') + subgroup.css('border-top-width');
				var zIndex = subgroup.css('z-index') - 1;
				
				var iframeShim = '<iframe title="mainnav" src="javascript:false;" style="display:none; position:absolute; margin:0; width:' + width + 'px; height:' + height + 'px; z-index:' + zIndex + '; border:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" frameborder="0"></iframe>';
				
				// insert iframe after subgroup
				$(this).append(iframeShim);
			}
		);
	},
	
	attachEvents: function()
	{
		this.navItemsWithSubnav.hover(this.showNav, this.hideNav);
		//insert a mask div that closes the transparent 1px gap at top of menus
		this.subnavDivs.append("<div class='navmask'> </div>");
	},
	
	showNav: function()
	{
		if (detectMacXFF()) {
			$(this).find("div.columns").css("opacity","1");
			$(this).find("div.subnav").css("opacity","1");
		}
		$(this).addClass('on').find('ul,iframe,div.columns,div.subnav').show();
	},
	
	hideNav: function()
	{
		$(this).removeClass('on').find('ul,iframe,div.columns,div.subnav').hide();
	}
};

$(document).ready(function(){
	CovergirlMainNav.init();
});

/* added for menu hover effect - to fix error in IE */
$(document).ready(function() {

    $('#mainnav ul li li a').hover(function() {
        $(this).addClass('mainnavOvOu');

    },
   function() {
       $(this).removeClass('mainnavOvOu');
   }
   )
   
   $("#mainnav ul li li a")
  .live("focus", function() { $(this).addClass('mainnavOvOu');   })
  .live("blur", function() { $(this).removeClass('mainnavOvOu'); });


   $('#mainnav ul li div.columns strong a').hover(function() {
        $(this).addClass('mainnavtitOvOu');

   },
   function() {
        $(this).removeClass('mainnavtitOvOu');
   }
   )

   $("#mainnav ul li div.columns strong a")
  .live("focus", function() { $(this).addClass('mainnavtitOvOu'); })
  .live("blur", function() { $(this).removeClass('mainnavtitOvOu'); });

});