(function($){
$(document).ready(function(){
	//------------------
	var zoomed_visible_time = 3000;// CHANGE TIME BTWN FADE IN & OUT HERE
	//------------------
	var patterns = $("#Patterns");
	var bag_select = $("select.FormText");
	// populate swatches, disabling sold out items
	bag_select.find("option").each(function(){
		var _name = $(this).attr("swatchname");
		if (!_name) return;
		var _desc = $(this).attr("swatchdesc");
		var _val = $(this).val();
		var _soldout = $(this).attr("soldout");
		var _sale = $(this).attr("sale");
		if (_soldout != undefined) {
			var _soldout_text = "(SOLD OUT";
			if (_soldout) _soldout_text += " until "+_soldout;
			_soldout_text += ")";
			$(this).addClass("khakiText").attr("disabled", true).prepend(_soldout_text+" ");
			_desc += " "+_soldout_text;
		}
		else if (_sale != undefined) {
			var _sale_text = "Sale! "+_sale+" off!";
			$(this).addClass("brownText").prepend(_sale_text+" &mdash; ");
			_desc += " &mdash; "+_sale_text;
		}
		// mark disabled swatches as such
		var _x_class = ($(this).attr("disabled") ? " disabled" : "");
		patterns.append('<a href="../images/patterns/lg/'+_name+'.jpg" rel="lightbox" title="'+_desc+'" id="'+_val+'" class="PatternSwatches'+_x_class+'"><img src="../images/patterns/sm/'+_name+'.jpg" alt="'+_desc+'" title="" width="39" height="39" border="0"><img class="zoom" src="../images/patterns/med/'+_name+'.jpg" alt="'+_desc+'" title="" width="86" height="86" border="0"></a>');
	});
	patterns.after('<div style="visibility:hidden;height:0;clear:both">&nbsp;</div>');
	// set up tooltips
	var _qtip_style = {
		color: "#a8000f",
		fontSize: "11px",
		backgroundColor: "white",
		width: "100%",
		padding: 6,
		border: {
			width: 1,
			style: "dotted",
			color: "#6f5c44"
		}
	};
	// breaks ie
		/*opacity: ".85",
		MozOpacity: ".85",
		filter: "alpha(opacity=85)"*/
	patterns.find("a").qtip({
		content: { text: false },
		position: {
			adjust: { x: -3 },
			corner: {
				target: "rightMiddle",
				tooltip: "leftMiddle"
			}
		},
		style: _qtip_style
	});
	var fade_swatch_in_then_out = function(what){
		var zoomed = $(what).find(".zoom");
		patterns.find(".PatternSwatches .zoom").hide();
		zoomed.fadeIn("slow", function(){
			$(what).addClass("selected");
			setTimeout(function(){zoomed.fadeOut("slow")}, zoomed_visible_time);
		});
	};
	// selecting from list highlights matching swatch..
	bag_select.change(function(){
		$(this).find("option:selected").each(function(){
			if ($(this).attr("disabled")) return false;//ie wkaround
			patterns.find(".selected").removeClass("selected");
			var _val = $(this).val();
			fade_swatch_in_then_out(patterns.find("#"+_val));
		});
	});
	// clicking swatch highlights and selects matching list option
	patterns.find(".PatternSwatches").click(function(){
		var _val = this.id;
		if (!bag_select.find("option[value="+_val+"]").attr("disabled")){
			bag_select.val(_val);
			patterns.find(".selected").removeClass("selected");
			fade_swatch_in_then_out(this);
		}
	});
});
})(jQuery);
