$(function() {
	if($.browser.msie) {
		function IErealign() {
			if(($(window).width() % 2) == 1) {
				$(".footer").css("margin-left","-481px");	
			} else {
				$(".footer").css("margin-left","-480px");	
			}
		}
		$(window).resize(function() {
			IErealign();
		});
		IErealign();
	}
	$(".badges .nav a").click(function() {
		var activeClass = $(this).attr("class");
		
		$(".badges div.active").add(".badges a.active").removeClass("active");
		$(".badges div." + activeClass).add($(this)).addClass("active");
	});
	
	$(".product h3").hover(
		function() {
			$(this).parent().addClass("hover");
		}, function() {
			$(this).parent().removeClass("hover");
		}
	);
	
	$(".product h3").click(function() {
		var container = $(this).parent();
		var classBase = $(container).attr("class").replace("product","").replace("collapsed", "").replace("hover", "").replace(" ", "");
		var classMatch = $(container).parent().attr("class").replace("category", "").replace(" ", "") + "-" + classBase;
		if(!$(container).hasClass("expanded")) {
			$(".product.expanded").toggleClass("expanded");
			$(container).toggleClass("expanded");
			$(".thumbnails a.active").removeClass("active");
			$(".thumbnails a."+classMatch).addClass("active");
		} else {
			$(".product.expanded").toggleClass("expanded");
			$(".thumbnails a.active").removeClass("active");
		}
	});
	
	$(".thumbnails a").hover(
		function() {
			var initialClass = $(this).attr("class").replace("active", "");
			var coreClass = initialClass.replace(/^mens-/, "").replace(/^womens-/, "");
			var category = initialClass.replace(coreClass, "").replace("-", "");
//			alert("coreClass: " + coreClass + " / category: " + category);
			$(this).addClass("active").css("cursor", "pointer");
			if(!$(".category." + category + " ." + coreClass).hasClass("expanded")) {
//				alert("." + category + " ." + coreClass + " is not expanded, and should be 'hovered'");
				$(".category." + category + " ." + coreClass).addClass("hover");
			}
		},
		function() {
			var initialClass = $(this).attr("class").replace("active", "");
			var coreClass = initialClass.replace(/^mens-/, "").replace(/^womens-/, "");
			var category = initialClass.replace(coreClass, "").replace("-", "");
//			alert("initial: " + initialClass + "\ncore: " + coreClass + "\ncategory: " + category);
			if(!$(".category." + category + " ." + coreClass).hasClass("expanded")) {
				$(this).removeClass("active").css("cursor", "default");
				$(".category." + category + " ." + coreClass).removeClass("hover");
			}
		}
	).click(function() {
//		alert($(this).attr("class").replace("active", "").replace(" ",""));
//		$(this).colorbox({width:"806px", opacity:0.5, inline:true, href:"#attachment"});
	});
});