var winWidth = $(window).width();
var counter = 0;
var nav1h = $("#nav01-con").height();
var nav2h = $("#nav02-con").height();
var nav3h = $("#nav03-con").height();
var nav4h = $("#nav04-con").height();
var nav5h = $("#nav05-con").height();
var nav6h = $("#nav06-con").height();
var nav7h = $("#nav07-con").height();
var nav8h = $("#nav08-con").height();
var nav9h = $("#nav09-con").height();
var nav10h = $("#nav10-con").height();

var gf_email_placeholder = $(function() 
	{
		$('#gf-email-signup').focus(function() {
			if ($(this).val() == 'your email...') {
				$(this).val('');
				this.style.color = "#000";
			}
		});
		$('#gf-email-signup').blur(function() {
			if($(this).val() == '') {
				$(this).val('your email...');
				this.style.color = "#929292";
			}
		});
	});
$("#gift").click(function() {
	if ($(this).attr("checked")) {
		$("#pref-ship-date").focus();
	}
	else {
		$("#pref-ship-date").val("");
	}
});

var drop_down =
	{
		init: function()
		{
			var whatever = $("a");
			for (var i = 0, ii = whatever.length; i < ii; i++)
			{
				
				if ($(whatever[i]).attr('id') == "removableLink")
				{
					$(whatever[i]).remove();
				}
			}
			
			drop_down.resizeMenu();
			var resizeTimer;
			$(window).resize(function() {
			clearTimeout(resizeTimer);
			resizeTimer = setTimeout(drop_down.resizeMenu, 100);
			});
			
			$("#blackout").bind("click", drop_down.clickStart);
			var links = $("#nav");
			//var register = $("#register-login")[0];
			$("#register-login").bind("click", drop_down.clickStart);
			$("#orhl-login").bind("click", drop_down.clickStart);
			$("#wishlist-link").bind("click", drop_down.clickStart);
			var checkout = $("#checkout-login")[0];
			$(checkout).bind("click", drop_down.clickStart);
		
			for (var i = 0, ii = links.length; i < ii; i++)
			{
				for (var k = 0, kk = links[i].childNodes.length; k < kk; k++) {
					if (links[i].childNodes[k].nodeName.toLowerCase() == "li")
					{
						links[i].childNodes[k].className = "collapsed";
						
						/*$(links[i]).bind("mouseover", drop_down.showTipListener);
						$(links[i]).bind("focus", drop_down.showTipListener);
						$(links[i]).bind("mouseout", drop_down.hideTipListener);
						$(links[i]).bind("blur", drop_down.hideTipListener); */
						$(links[i].childNodes[k]).bind("click", drop_down.clickStart);
					}
				}
			}
			
		},
		resizeMenu: function() {
			if (counter == 0) {
				counter = 1;
				winWidth = $(window).width();
				var navBar = $("#nav")[0];
				//navBar.style.display = "none";
								navBar.style.width = winWidth + "px";
				var dropBox = $("#drop-box")[0];
				//dropBox.style.display = "none";
								dropBox.style.width = winWidth + "px";
				var screenWidth = $(document).width();
				dropBox.style.width = "1430px";
				navBar.style.width = "1430px";
				if (screenWidth <= 890) {
					screenWidth = (screenWidth/2) - (1430 / 2);
					//navBar.style.width = screenWidth + 890 + "px";
					//navBar.style.left = screenWidth + "px";
					
					//dropBox.style.width = screenWidth + 890 + "px";
					//dropBox.style.left = screenWidth + "px";
					
					$(dropBox).animate({
					width: screenWidth + 890,
					left: screenWidth
					}, 150, function() {
					// Animation complete.
					});
					$(navBar).animate({
					width: screenWidth + 890,
					left: screenWidth
					}, 150, function() {
					// Animation complete.
					});
				}
				else if (screenWidth >= 1430) {
					//navBar.style.width = "1430px";
					//dropBox.style.width = "1430px";
					
					$(dropBox).animate({
					width: 1430
					}, 150, function() {
					// Animation complete.
					});
					$(navBar).animate({
					width: 1430
					}, 150, function() {
					// Animation complete.
					});
				}
				else {
					screenWidth = (screenWidth/2) - (1430 / 2);
					//navBar.style.width = $(document).width() - screenWidth + "px";
					//navBar.style.left = screenWidth + "px";
					
					//dropBox.style.width = $(document).width() - screenWidth + "px";
					//dropBox.style.left = screenWidth + "px";
					
					$(dropBox).animate({
					width: $(document).width() - screenWidth,
					left: screenWidth
					}, 150, function() {
					// Animation complete.
					});
					$(navBar).animate({
					width: $(document).width() - screenWidth,
					left: screenWidth
					}, 150, function() {
					// Animation complete.
					});
				}
				if (navigator.appName == 'Microsoft Internet Explorer')
				{
					navBar.style.display = "block";
				}
				else {
					//$(navBar).fadeIn(350);
				}
				//navBar.style.display = "block";
				dropBox.style.display = "block";
			}
			else {
				if (winWidth == $(window).width()) {
					
				}
				else {
					winWidth = $(window).width();
				var navBar = $("#nav")[0];
				//navBar.style.display = "none";
								
				var dropBox = $("#drop-box")[0];
				//dropBox.style.display = "none";
				navBar.style.width = winWidth + "px";
				dropBox.style.width = winWidth + "px";
				var screenWidth = $(document).width();
				dropBox.style.width = "1430px";
				navBar.style.width ="1430px";
					if (screenWidth <= 890) {
						screenWidth = (screenWidth/2) - (1430 / 2);
						//navBar.style.width = screenWidth + 890 + "px";
						//navBar.style.left = screenWidth + "px";
						
						//dropBox.style.width = screenWidth + 890 + "px";
						//dropBox.style.left = screenWidth + "px";
						
						$(dropBox).animate({
						width: screenWidth + 890,
						left: screenWidth
						}, 150, function() {
						// Animation complete.
						});
						$(navBar).animate({
						width: screenWidth + 890,
						left: screenWidth
						}, 150, function() {
						// Animation complete.
						});
					}
					else if (screenWidth >= 1430) {
						//navBar.style.width = "1430px";
						//navBar.style.left = "0px";
						//dropBox.style.width = "1430px";
						
						$(dropBox).animate({
						width: 1430,
						left: 0
						}, 150, function() {
						// Animation complete.
						});
						$(navBar).animate({
						width: 1430,
						left: 0
						}, 150, function() {
						// Animation complete.
						});
					}
					else {
						screenWidth = (screenWidth/2) - (1430 / 2);
						//navBar.style.width = $(document).width() - screenWidth + "px";
						//navBar.style.left = screenWidth + "px";
						
						//dropBox.style.width = $(document).width() - screenWidth + "px";
						//dropBox.style.left = screenWidth + "px";
						
						$(dropBox).animate({
						width: $(document).width() - screenWidth,
						left: screenWidth
						}, 150, function() {
						// Animation complete.
						});
						$(navBar).animate({
						width: $(document).width() - screenWidth,
						left: screenWidth
						}, 150, function() {
						// Animation complete.
						});
					}
					if (navigator.appName == 'Microsoft Internet Explorer')
					{
						navBar.style.display = "block";
					}
					else {
						//$(navBar).fadeIn(350);
					}
					//navBar.style.display = "block";
					dropBox.style.display = "block";
				}
			}
			
			
		},
		collapseAll: function(nav, childName)
		{
			var folds = nav.childNodes;
			for (var i = 0, ii = folds.length; i < ii; i++)
			{
				if (folds[i].nodeName.toLowerCase() == "li" && $(folds[i]).attr("id") != childName)
				{
					$(folds[i]).removeClass("expanded");
					$(folds[i]).addClass("collapsed");
				}
			}
			if (childName != "register-login") {
				$("#register-login").removeClass("expanded");
				$("#register-login").addClass("collapsed");
			}
			if (childName != "orhl-login") {
				$("#orhl-login").removeClass("expanded");
				$("#orhl-login").addClass("collapsed");
			}
			if (childName != "checkout-login") {
				$("#checkout-login").removeClass("expanded");
				$("#checkout-login").addClass("collapsed");
			}
			if (childName != "wishlist-link") {
				$("#wishlist-link").removeClass("expanded");
				$("#wishlist-link").addClass("collapsed");
			}
		},
		insertContent: function(oldCon, newCon)
		{
			var folds = nav.childNodes;
			
		},
		clickStart: function(event)
		{
			if (this.className == "collapsed" && $(this).attr("id") == "register-login") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				document.getElementById( 'lognnn3' ).elements[ 'Screen' ].value = 'ACED'
				var parentNav = $("#nav-01")[0];
				drop_down.collapseAll(parentNav.parentNode, "register-login");
				if (nav8h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav8h);
				}
				drop_down.animateBox(nav8h);
				drop_down.fadeAll();
				var navContent = $("#nav08-con")[0];
				$(navContent).delay(500).fadeIn(200);
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "orhl-login") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				//$("#lognnn3").attr('Screen', 'ORHL');
				document.getElementById( 'lognnn3' ).elements[ 'Screen' ].value = 'ORDH'
				var parentNav = $("#nav-01")[0];
				drop_down.collapseAll(parentNav.parentNode, "orhl-login");
				if (nav8h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav8h);
				}
				drop_down.animateBox(nav8h);
				drop_down.fadeAll();
				var navContent = $("#nav08-con")[0];
				$(navContent).delay(500).fadeIn(200);
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "wishlist-link") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				var parentNav = $("#nav-01")[0];
				drop_down.collapseAll(parentNav.parentNode, "wishlist-link");
				if (nav8h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav10h);
				}
				drop_down.animateBox(nav10h);
				drop_down.fadeAll();
				var navContent = $("#nav10-con")[0];
				$(navContent).delay(500).fadeIn(200);
			}
			
			else if (this.className == "collapsed" && $(this).attr("id") == "nav-01") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				drop_down.collapseAll(this.parentNode, "nav-01");
				if (nav1h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav1h);
				}
				drop_down.animateBox(nav1h);
				drop_down.fadeAll();
				var navContent = $("#nav01-con")[0];
				$(navContent).delay(500).fadeIn(200);
				
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "checkout-login") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				var parentNav = $("#nav-01")[0];
				drop_down.collapseAll(parentNav.parentNode, "checkout-login");
				if (nav9h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav9h);
				}
				drop_down.animateBox(nav9h);
				drop_down.fadeAll();
				var navContent = $("#nav09-con")[0];
				$(navContent).delay(500).fadeIn(200);//.style.display = 'block';
				
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "nav-02") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				drop_down.collapseAll(this.parentNode, "nav-02");
				if (nav2h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav2h);
				}
				drop_down.animateBox(nav2h);
				drop_down.fadeAll();
				var navContent = $("#nav02-con")[0];
				$(navContent).delay(500).fadeIn(200);
				
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "nav-03") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				drop_down.collapseAll(this.parentNode, "nav-03");
				if (nav3h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav3h);
				}
				drop_down.animateBox(nav3h);
				drop_down.fadeAll();
				var navContent = $("#nav03-con")[0];
				$(navContent).delay(500).fadeIn(200);
				
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "nav-04") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				drop_down.collapseAll(this.parentNode, "nav-04");
				if (nav4h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav4h);
				}
				drop_down.animateBox(nav4h);
				drop_down.fadeAll();
				var navContent = $("#nav04-con")[0];
				$(navContent).delay(500).fadeIn(200);
				
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "nav-05") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				drop_down.collapseAll(this.parentNode, "nav-05");
				if (nav5h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav5h);
				}
				
				drop_down.fadeAll();
				var navContent = $("#nav05-con")[0];
				drop_down.animateBox(nav5h);
				$(navContent).delay(500).fadeIn(200);
				
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "nav-06") {
				$(this).removeClass("collapsed");
				$(this).addClass("expanded");
				drop_down.collapseAll(this.parentNode, "nav-06");
				if (nav6h > $("#drop-box").height()) {
					$("#global-header").height(155 + nav6h);
				}
				
				drop_down.fadeAll();
				var navContent = $("#nav06-con")[0];
				drop_down.animateBox(nav6h);
				$(navContent).delay(500).fadeIn(200);
				
			}
			else if (this.className == "collapsed" && $(this).attr("id") == "nav-07") {
				open("http://www.pairingswineandcheese.com/", '_self');
				
			}
			else {
				$(this).removeClass("expanded");
				$(this).addClass("collapsed");
				drop_down.collapseAll($("#nav")[0], "");
				drop_down.fadeAll();
				drop_down.animateBoxUp(0);
			}
			 if (event.preventDefault) { event.preventDefault(); } 
			 else { event.returnValue = false; }
			
		},
		animateBox: function(heightSize)
		{
			$('#blackout').css('filter', 'alpha(opacity=45)');
			$("#blackout").show();
			$('#drop-box').animate({
				top: 0,
				height: heightSize
				}, 450, function() {
				// Animation complete.
			});
			
		},
		animateBoxUp: function(heightSize)
		{
			
			$('#drop-box').animate({
				top: 0,
				height: heightSize
				}, 450, function() {
				// Animation complete.
			});
			var newSize = 153 + heightSize;
			setTimeout( "$('#global-header').height(153)", 460 );
			setTimeout( "$('#blackout').fadeOut(200)", 462 );
		},
		fadeAll: function()
		{
			var navContent = $("#nav01-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav02-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav03-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav04-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav05-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav06-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav07-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav08-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav09-con")[0];
			$(navContent).fadeOut(150);
			var navContent = $("#nav10-con")[0];
			$(navContent).fadeOut(150);
		}
	};


drop_down.init();