// JavaScript Document

 $(document).ready(function() {
		// position nav drop down divs
	 	var marginLeft = parseInt($('.navTab').css('margin-left').replace('px',''));
		var paddingLR = (parseInt($('.navTab').css('padding-left'))) * 2;
		var posLeft = parseInt($('.navDrop').css('left'));
		var tab1Width = $('.navTab.tab1').width();
		var tab2Left = tab1Width + marginLeft + paddingLR + posLeft;
		var tab2Width = $('.navTab.tab2').width();
		var tab3Left = tab2Left + tab2Width + marginLeft + paddingLR;
		var tab3Width = $('.navTab.tab3').width();
		var leftShadowWidth = 12;
		if ($.browser.msie && $.browser.version.substring(0,1) === '6') {
			var leftShadowWidth = 7;
		}
		var tab4Left = (tab3Left + tab3Width + leftShadowWidth + paddingLR);
		$('.navDrop.tab2').css('left', tab2Left);
		$('.navDrop.tab3').css('left', tab3Left);
		$('.navDrop.tab4 .navTab_hover').css('margin-left', tab4Left);
		
		// show/hide nav drop downs
		var tabIndex;
		var tabName;
		var nextTabName;
		var divName;
		$('.navTab').hover(
			function () {
				tabIndex = $(this).index() + 1;
				tabName = ".tab" + tabIndex;
				nextTabName = ".tab" + (tabIndex + 1);
				divName = ".navDrop" + tabName;
				if ($(divName).css('visibility') === 'hidden') {
					$(divName).css('visibility', 'visible');
				}

			},
			function () {
				
				$(divName).css('visibility', 'hidden');
				
			}
		);
		
	//Following functions hide select boxes when main menu drops down
		$('.tab1').hover(
				function(){
				$('#selectDisease').css('visibility','hidden');
				$('#selectSubDisease').css('visibility','hidden');
				}
		);
		$('.tab4').hover(
				function(){
				$('#selectDisease').css('visibility','hidden');
				$('#selectSubDisease').css('visibility','hidden');
				}
		);
		
		$('.navDrop').hover(
			function () {
				$(this).css('visibility', 'visible');
				nextTabName = nextTabName + 1;
				// the first products button (PD) needs to be on when tab4 opens
				if($(":contains('tab4')", this)) {
					//turn off anything that was left on from previous hoverings
					$('.navDrop.tab4 .navDropBtn.pdBtn').siblings().removeClass('on');
					$('.navBox_sides').children().removeClass('contentOn');
					$('.navDrop.tab4 .navDropBtn.pdBtn').addClass('on');
					$('.navDrop.tab4 .navBox .navBox_sides .pd').addClass('contentOn');
				}
			},
			function () {
				$('#selectDisease').css('visibility','visible'); //restores select boxes on left filter nav
				$('#selectSubDisease').css('visibility','visible');
				$(this).css('visibility', 'hidden');
			}
		);
		// the navDrop divs overlap the tabs, so need to apply the hover effect to the transparent topShadow
		$('.navBox_topShadow').hover(
			function () {
				nextDivName = ".navDrop" + nextTabName;
				$(nextDivName).css('visibility', 'visible');
				$(divName).css('visibility', 'hidden');
			}
		);
		
		// rollover for buttons within the nav drop down divs
		$('.navDropBtn').hover(
        	function () {
				$(this).siblings().removeClass('on');
				$(this).addClass('on');
				// if the button is on tab4
				if ($(this).parent('#tab4Buttons').length) { 
					$('.navBox_sides').children().removeClass('contentOn');
					if ( $(this).hasClass('pdBtn') ) {
						$('.navDrop.tab4 .navBox .navBox_sides .pd').addClass('contentOn');
					} else if ($(this).hasClass('sdBtn')) {
						$('.navDrop.tab4 .navBox .navBox_sides .sd').addClass('contentOn');
					} else {
						$('.navDrop.tab4 .navBox .navBox_sides .search').addClass('contentOn');
					}
				}
            },
            function () {
				if ($(this).parent('#tab4Buttons').length) {
					// if the button is on tab4, don't turn off the button until user hovers over another button
				} else {
					$(this).removeClass('on')
				}
            }
        );
		// click action for nav drop down buttons
		$('.navDropBtn').click(function() {
			if ($(this).parent('#tab4Buttons').length) {
				// do nothing on click for tab4 buttons
			} else {
				window.location = ($(this).find('.navDropLabel a')).attr('href');
			}
		});
		// Tab 4 Search - disease menu controls
		$('.dropdown dt a').click(
			function() {
    			if ($(this).parents('.tab4Felinesearch').length) {
					$('.tab4Felinesearch .dropdown dd ul').toggle();
				} else if ($(this).parents('.tab4Caninesearch').length) {
					$('.tab4Caninesearch .dropdown dd ul').toggle();
				}
			}
		);
		$('.dropdown dd ul li a').click(
			function() {
    			var text = $(this).html();
				if ($(this).parents('.tab4Felinesearch').length) {
    				$('.tab4Felinesearch .dropdown dt a span').html(text);
    				$('.tab4Felinesearch .dropdown dd ul').hide();
					// the contents of the dt a span have been set to the entire contents of the li a, 
					// which includes a span containing the url value - thus the double span selector below
					window.location = $('.tab4Felinesearch dl dt a span span').html();
				} else if ($(this).parents('.tab4Caninesearch').length) {
					$('.tab4Caninesearch .dropdown dt a span').html(text);
    				$('.tab4Caninesearch .dropdown dd ul').hide();
					window.location = $('.tab4Caninesearch dl dt a span span').html();
				}
		});
		// hide the dropdown when user clicks inside the tab
		$(document).bind('click', function(e) {
    		var $clicked = $(e.target);
    		if (! $clicked.parents().hasClass('dropdown'))
        		$('.dropdown dd ul').hide();
		});
 });