// JavaScript Document
	
$(document).ready(function()
{
 	var $nc = jQuery.noConflict(); 
 	//var $basketItemCount=document.getElementById("PFStandardLayout_hdnBagValue").value; 
 	var $basketItemCount;
 	
 		if(document.getElementById("PFStandardLayout_hdnBagValue") != null)
			$basketItemCount = document.getElementById("PFStandardLayout_hdnBagValue").value; 
	
	$nc(document).pngFix();
	
	// HIDES SHOP BY LIST ITEM ITEM IN CLEARANCE SECTION
		$nc("#sideNavList.clearance > li > h2[rel = 'shopBy']").parent("li").css({"display":"none"});
	
	//
	buttonHite = $nc("div#search > form#searchForm > .button").innerHeight();
	$nc("div#search > form#searchForm > .field").innerHeight(buttonHite);

	$nc("div#search > div.fieldWrap > .field").click( function() {
		if ($nc(this).val() == "Enter Keyword or Style #")
			$nc(this).val("")
	});

	$nc("div#search > div.fieldWrap > .field").blur( function() {
		if ($nc(this).val() == "")
			$nc(this).val("Enter Keyword or Style #")
	});
	
	$nc(".emailField").click( function() {
	   	if ($nc(this).val() == "Join Our Email List")
			$nc(this).val("")
	});

	$nc(".emailField").blur( function() {
	   	if ($nc(this).val() == "")
			$nc(this).val("Join Our Email List")
	});
	
	headerHeight = $nc("div#header").height();
	navWrapHeight = $nc("div#navWrapper").innerHeight();
	combinedHeight = headerHeight + navWrapHeight;
	
	$nc("#links > .linkName[rel = login]").click(function() {
		window.location = "/Profile/PFDefault.aspx";
	});
	
	$nc("#links > .linkName[rel = logoff]").click(function() {
		window.location = "/Profile/PFLogout.aspx";
	});
		
	$nc("#links > .linkName[rel = customerservice]").click(function() {
		window.location = "/custservice/pfhelp.aspx";
	});
	
	$nc("#links > .linkName[rel = shoppingBag]").click(function() {
		window.location = "/basket/pfbasket.aspx";
	});
	
	$nc("#links > .linkName").hover(function() {
		$nc(this).addClass("hover");
		  }, function() {
			  $nc(this).removeClass("hover")
	});
	 
	 
	 
	 // ACTIVATE LOGIN AND SHOPPING BAG DROP DOWN IN HEADER
	 if ($basketItemCount > 0)
	 {
		$nc("#links > .linkName#shopBag").hover(function(){
			$nc(this).addClass("hover");
			}, function() {
			$nc(this).removeClass("hover")
		});
		
		$nc("#links > .linkName#shopBag").css({"height":"26px"});
		 
		// FINDS URL IF SOMETHING IN SHOPPING BAG
	//get the value for the itemID query parameter
		 var url = $nc.url();
		 var productFlag = url.param("ProductFlag") // returns 2
		//console.log(productFlag);
		
		// I F BAG HAS ITEM, SHOW SHOPPING CART
		if(productFlag == "true"){
			$nc("div#shoppingCart").show()
		}
		
		// HIDE SHOPPING CART AFTER SIX SECONDS
		setTimeout(function() {
    		$nc('div#shoppingCart').fadeOut();
		}, 6000);
	
	//
		
		$nc("#links > .linkName[rel = shoppingBag]").hover(function() {
			$nc("div#shoppingCart").slideDown();
			}, function() {
			//$nc("div#shoppingCart").slideUp();
		});		
		 
		$nc("ul#bagList > li:last").css({"border":"none"});
		 
		$nc("div#shoppingCart > ul#bagList > li > span#close").click( function() {
	 		$nc("div#shoppingCart").slideUp();
		});
		 
		$nc("div").not("div#shoppingCart").click( function() {
	 		$nc("div#shoppingCart").slideUp();
		});
		
		$nc("ul#mainNav > li").hover(function() {
			$nc("div#shoppingCart").slideUp();
			  }, function() {
				 //$nc("div#shoppingCart").slideUp();
	 });	
			
		
		$nc("div#shoppingCart").hover( function() {
	 		$nc("div#shoppingCart").show();
		});
		
		$nc("div#shoppingCart").mouseleave( function() {
	 		$nc("div#shoppingCart").slideUp();
		});
		
		
	}	 // end if for $basketItemCount
	 
	$nc(".submitButton").hover(function() {
			$nc(this).addClass("hover");
			  }, function() {
				  $nc(this).removeClass("hover")
	});
	 
	$nc("span#continueShopping").hover(function() {
			$nc(this).addClass("hover");
			  }, function() {
				  $nc(this).removeClass("hover")
	});
	
	
	// BONUS BAR FUNCTIONS
	$nc("#bonusWrapper").click ( function() {
		$nc(this).addClass("active");
		$nc(this).children("#bonus > #specialOffer").hide();
		$nc(this).children("#bonus > #specialOfferActivated").show();
	});
	
	$nc("a#promoDetails").click( function() {
		$nc("div#promotionModal").slideDown();
	});
	
	$nc("div#modalClose").click( function() {
		$nc("div#promotionModal").slideUp();
	});
	
	
	//MAIN NAV
		//document.execCommand("BackgroundImageCache",false,true);
	$nc("ul#mainNav > li").removeClass("normal");
	
	
	
	$nc("ul#mainNav > li[rel = 'shirts']").css({"width":"56px", "height":"27px"});
		$nc("ul#mainNav > li[rel = 'shirts']").attr("alt","Shirts");
		
	$nc("ul#mainNav > li[rel = 'ties_accessories']").css({"width":"126px", "height":"27px"});
		$nc("ul#mainNav > li[rel = 'ties_accessories']").attr("alt","Ties and Accessories");
		
	$nc("ul#mainNav > li[rel = 'suits']").css({"width":"50px", "height":"27px"});
		$nc("ul#mainNav > li[rel = 'suits']").attr("alt","Suits");
	
	$nc("ul#mainNav > li[rel = 'trousers']").css({"width":"75px", "height":"27px"});
		$nc("ul#mainNav > li[rel = 'trousers']").attr("alt","Trousers");
		
	$nc("ul#mainNav > li[rel = 'knits']").css({"width":"51px", "height":"27px"});
		$nc("ul#mainNav > li[rel = 'knits']").attr("alt","Knits");
		
	$nc("ul#mainNav > li[rel = 'sportcoats']").css({"width":"89px", "height":"27px"});
		$nc("ul#mainNav > li[rel = 'sportcoats']").attr("alt","Sportcoats");
		
	
	$nc("ul#mainNav > li[rel = 'outerwear']").css({"width":"83px", "height":"27px"});
		$nc("ul#mainNav > li[rel = 'outerwear']").attr("alt","Outerwear");
		
	
	$nc("ul#mainNav > li[rel = 'big_tall']").css({"width":"75px", "height":"27px"});
		$nc("ul#mainNav > li[rel = 'big_tall']").attr("alt","Big & Tall");
		
	
	$nc("ul#mainNav > li[rel = 'clearance']").css({"width":"79px", "height":"27px"});	
		$nc("ul#mainNav > li[rel = 'clearance']").attr("alt","Clearance");
	
	
	
	
	$nc("ul#mainNav > li").each( function() {
		getREL = $nc(this).attr("rel");
		getAlt = $nc(this).attr("alt");
		getWidth = $nc(this).width();
		$nc(this).addClass(getREL);
		$nc(this).css({"background-image":"url('../images/newlayout/css-nav-"+getREL+".jpg')", "background-repeat":"no-repeat", "background-position": "0px 0px"});
		$nc(this).children("a").css({"position":"relative", "display":"block", "float":"left", "background-image":"url('../images/newlayout/css-nav-"+getREL+".jpg')", "background-repeat":"no-repeat", "background-position": "0px 0px", "padding":"0px", "margin":"0px", "width":getWidth, "height":"27px"});
			

		$nc(this).children("a").text("");
		$nc(this).append("<span style = 'position:absolute; left:0px; top:0px; display:none', 'width';'30px'>"+getAlt+"</span>");
			
	});
	
	
	$nc("ul#mainNav > li > a").hover(function() {
			$nc(this).css({"background-position": "0px -27px"});
			  }, function() {
				  $nc(this).css({"background-position": "0px 0px"});
	 });
	
	$nc("div#nav > div.dropNavWrapper > div.dnWrap > ul.dropNav:last-child").css({"border":"none"});
	
	mainNavHeight = $nc("ul#mainNav").height();
	mainNavPos = $nc("ul#mainNav").position();
	mainNavOff = $nc("#navWrapper").offset();
	mainListHeight = $nc("div#nav > li").height();
	
	var dnPos = mainNavHeight + mainNavPos.top;
			
	$nc("div#links > div#shopBag.linkName").css({"top":mainNavOff.top -5});
	$nc("div#links > div#shopBag.linkName").height(mainListHeight);
		
	$nc("ul#mainNav > li").each( function() {
		var mainWidth = $nc("ul#mainNav").width();
		var height = $nc(this).height();
		var aWidth = $nc(this).children("a").width();
		
		var aHeight = $nc(this).children("a");
	});
		
	$nc("div.dropNavWrapper > ul.dropNav").each( function() {
		subWidth = $nc(this).width();
		$nc(this).width(subWidth + 15);
	});

	$nc("div.dropNavWrapper").each ( function() {
		var sizeWide1 = $nc(this).children("ul.dropNav:eq(0)").width();
		$nc(this).children("ul.dropNav:eq(0)").width(sizeWide1);
		var sizeWide2 = $nc(this).children("ul.dropNav:eq(1)").width();
		$nc(this).children("ul.dropNav:eq(1)").width(sizeWide2);
		var sizeWide3 = $nc(this).children("ul.dropNav:eq(2)").width();
		$nc(this).children("ul.dropNav:eq(2)").width(sizeWide3);

		$nc(this).width(sizeWide1 + sizeWide2 + sizeWide3);
	});
		
	$nc("div#nav > ul#mainNav > li").hover(function() {
		$nc(this).addClass("hover");
		$nc(this).children("div.dropNavWrapper").css({"visibility":"visible"});
		$nc("div#nav > ul#mainNav > li").not(this).children("div.dropNavWrapper").css({"visibility":"hidden"});
		}, 
		function() {
		$nc(this).removeClass("hover")
		$nc(this).children("div.dropNavWrapper").css({"visibility":"hidden"});
	});
		
	$nc("div#nav > ul#mainNav > li[rel = 'clearance'] > a").css({"color":"#932807"});
	$nc(".dropNav[rel = 'clearance'] > li > a").css({"color":"#932807"});
	$nc(".dropNav[rel = 'clearance'] > h1").css({"color":"#932807"});
	$nc(".dropNavWrapper[rel = 'clearance'] > h1#section").css({"color":"#932807"});
	$nc(".dropNavWrapper[rel = 'clearance'] > h1#section[rel = 'clearance']").css({"color":"#932807"});
	
	$nc("div#nav > ul#mainNav > li").hover(function() {
		var thisHTML = $nc(this).text();
		var thisREL = $nc(this).attr("rel");
		$nc("div.dropNavWrapper > h1").text(thisHTML);
		$nc("div.dropNavWrapper > h1").attr("rel", thisREL);
		}, function() {
	 });
		
	$nc("div.dnWrap[rel = 'clearance']").siblings("h1#section[rel = 'clearance']").css({"color":"#932807"});	
	
	
	
	$nc("#nav").hover(function() {
		}, function() {
		$nc("div#nav > ul#mainNav > li").removeClass("hover");
	});
		
	$nc("div.dnWrap").each( function() {
		$nc(this).children("ul.dropNav > li").css({"padding-left":"0px"});
		$nc(this).children("ul.dropNav:last-child").css({"border":"none"});
	});

	$nc("div.dropNavWrapper > div.dnWrap > ul.dropNav > li").not(".hover").hover(function() {
		$nc(this).children("a").addClass("hover");
		}, function() {
		$nc(this).children("a").removeClass("hover");
	 });

	$nc("div.dropNavWrapper > div.dnWrap > ul.dropNav").hover(function() {
		$nc(this).children("h1").addClass("hover");
		}, function() {
		$nc(this).children("h1").removeClass("hover");
	});

	$nc("div.dropNavWrapper > div.dnWrap > ul.dropNav").hover(function() {
		$nc(this).addClass("hover");
		}, function() {
		$nc(this).removeClass("hover");
	});

	// *********************  /
	// SIDE NAV FUNCTIONS NON CLERANACE

	
	
	$nc("div#sideNav > ul#sideNavList > li:first").addClass("active");
	$nc("div#sideNav > ul#sideNavList > li:first > ul").css({"display":"block"});
	
	
	$nc("div#sideNav > ul#sideNavList > li").not(".active").hover(function() {
		//var snREL = $nc(this).attr("rel");
		$nc(this).addClass("hover");
		}, function() {
		$nc(this).removeClass("hover");
	 });
	 
	 
	 $nc("ul.subMenu[rel = shopBy] > li").addClass("promoList");
		
		
	

	$nc("div#sideNav > ul#sideNavList > li").live('click', function() {
		var snREL = $nc(this).attr("rel");
		$nc(this).toggleClass("active");
			
		$nc(this).children(".subMenu[rel = '"+snREL+"']").slideToggle(500);
		$nc("div#sideNav > ul#sideNavList > li").children(".subMenu[rel != '"+snREL+"'].selected").slideUp(500);
		$nc("div#sideNav > ul#sideNavList > li > ul.subMenu.selected").not(this).parent("li").removeClass("active");
	});
	
	$nc("ul.subMenu > li").bind("change", function(e){
		$nc(this).parent("ul.subMenu").toggleClass("selected", $nc(this).find(":checked").length? true : false);
	});

	$nc("div#sideNav > ul#sideNavList > li > ul.subMenu").each(function() {
		var submenuHeight = $nc(this).height();
		if(submenuHeight > 250)
		{
			$nc(this).css({"height":"200px", "overflow-y": "scroll", "overflow-x": "hidden", "margin-bottom":"10px"});
		}
	});
	
	// SHOP BY AND EXPERT ADVICE LISTS
	
	
	$nc("div#sideNav > ul#sideNavList > li > ul.subMenu[rel = 'expertAdvice']").css({"display":"block"});
	$nc("div#sideNav > ul#sideNavList > li > ul.subMenu[rel = 'shopBy']").css({"display":"block"});
	$nc("ul.subMenu[rel = 'expertAdvice'], ul.subMenu[rel = 'shopBy']").parent("li").addClass("active").css({"margin-top":"25px"});
	
	// CLEARANCE NAV STYLING
	$nc("div#sideNav > ul#sideNavList > li > ul.subMenu > li > input").addClass("checkBox");
	$nc("div#sideNav > ul#sideNavList[section='clearance'] > li > a").css({"color":"#932807"});
	// EN NON-CLERANACE SIDE NAV //	

	$nc("div#featuredItem > div.featuredProduct:first").css({"margin-left":"25px"});
	$nc("div#featuredItem > div.featuredProduct:last").css({"border":"none"});

	$nc("div#featuredItem > div.featuredProduct > a").hover(function() {
		$nc(this).children("img").addClass("hover");
		}, function() {
		$nc(this).children("img").removeClass("hover");
	});
	
	$nc("#footer > ul#footerList > li:first-child").css({"padding-left":"0px"});
	$nc("#footer > ul#footerList > li:last-child").css({"border":"none"});
	
	$nc("div#footer > ul#socialMedia > li[rel = 'csCode']").css({"margin-left":"205px", "margin-top":"15px"});
	$nc("div#footer > ul#socialMedia > li[rel = 'emailSignup']").css({"float":"right", "margin-top":"10px"});
	
	
	
	
	
	// HTML BANNERS //
			var bannerPos = $nc("div.bannerWrapper#categoryBanner").offset();
	var bannerWidth = $nc("div.bannerWrapper#categoryBanner").width();
	var bannerHeight = $nc("div.bannerWrapper#categoryBanner").innerHeight();
	
		if(bannerHeight > 90){
			$nc("div.bannerWrapper#categoryBanner").css({"height":"90px"});
			$nc("<div class = 'showMore'>...more</div>").insertAfter("div.bannerWrapper#categoryBanner");
		}
		
		$nc("div.bannerWrapper > h1").attr("id", "bannerH1");
		//$nc("div.bannerWrapper > h1#bannerH1").css({"margin-top":"3px"});
		$nc("div.bannerWrapper > div.spanWrapper").css({"width":"550px"});		
		
		$nc("div.showMore").not(".active").hover(function() {
			$nc(this).addClass("hover");
			  }, function() {
				  $nc(this).removeClass("hover");
	 	});
		
		var mbWidth = $nc("div.bannerWrapper").innerWidth();
		
		var imgWidth = $nc("div.bannerWrapper > a > img").width();
		
		$nc("div.bannerWrapper > a.logo > img").removeAttr("height");
		$nc("div.bannerWrapper > a.logo > img").removeAttr("width");
		
		var H1Width = mbWidth - imgWidth - 25;
		
			if ($nc("div.bannerWrapper").find("img").length > 0) {
				$nc("div.bannerWrapper > a.logo").css({"width":imgWidth});
				//$nc("div.bannerWrapper > a.logo > img").css({"width":imgWidth, "position":"absolute", "top":"2px", "left":"2px"});
				$nc("div.bannerWrapper > h1#bannerH1").css({"width":H1Width, "margin-top":"3px"});
				//do something
     		 } else {
            	$nc("div.bannerWrapper > h1#bannerH1").css({"width":"100%"});// do something else
     		}
	 
	 
			/*$nc("div.showMore").click( function(){
				$nc(this).toggleClass("active");
			});*/
			
			$nc("div.showMore").live("click", function() {
					$nc(this).addClass("active");
					$nc(this).attr("rel","opened");
					$nc(this).html("...less");
					$nc(this).prev("div.bannerWrapper#categoryBanner").animate({
						"height":bannerHeight
					}, 500);
			});
			
			
			$nc("div.showMore[rel='opened']").live("click", function() {
					$nc(this).prev("div.bannerWrapper#categoryBanner").animate({
						"height":"90px"
					}, 750, function(){
							$nc("div.showMore").removeClass("active");
							$nc("div.showMore").removeAttr("rel");
							$nc("div.showMore").html("...more");
					});
			});
			
			
			$nc("div.bannerWrapper#linked > ul > li a:last").css({"border":"none"});
			$nc("div.bannerWrapper#linked > ul > li ").hover(function() {
				$nc(this).addClass("hover");
				  }, function() {
					  $nc(this).removeClass("hover")
			 });
	
	
	// END HTML BANNERS //
	
	
});