$(function(){
	if( !window.XMLHttpRequest ) {
		$("body").addClass("noPNG");
	}

	$.ajax({
		url: "includes/compare-trim-overlay.html",
		success: function(html){
			$("body").append(html);
			compareTrimLoaded();
		}
	});
});

function compareTrimLoaded(){
	$("#trimOverlay").jqm({modal:true});

	$(".compareHeadline").click(function(){
		$("#trimOverlay").jqmShow();
	});

	$(".jqmWindowCompareClose").click(function(){
		$("#trimOverlay").jqmHide();
	});

	$(".compareTrimDesc div").hide();
	$(".compareTrim1").show();

	$(".compareTrimType li").hover(
		function(){
			$(this).addClass("compareTrimHover");
			var trimDetails = $(this).attr("id");
			$(".compareTrimDesc div").hide();
			$("." + trimDetails).show();
		},
		function(){
			$(this).removeClass("compareTrimHover");
		}
	);

	$(".compareTrimType li").click(function(){
		if (!$(this).children("div").hasClass("compareTrimChecked")){
			$(".compareTrimType .compareTrimChecked").removeClass("compareTrimChecked");
			$(this).children("div").addClass("compareTrimChecked");
		}
	});
}

function closeTrimSelection(){
	tempColumnNumber = "";
	tempACode  = "";
	tempTrimDesc = "";

	$("#trimOverlay").fadeOut("normal" , function(){
		$("div[id^='selectContainer_']").fadeIn("normal");
	});

}