var blank = new Image();
blank.src = 'img/blank.gif';
$(document).ready(function() {
	setTimeout('$("#thanks").fadeOut("slow")',5000);
	var badBrowser = (/MSIE ((5\.5)|6)/.test(navigator.userAgent) && navigator.platform == "Win32");
	var bgimg = $("#product img").attr("src");
	var start_i = 1;
	if (badBrowser) {
		$('img[src$=.png]').each(function() {
			if (!this.complete) {
				this.onload = function() { fixPng(this) };
			} else {
			fixPng(this);
			}
		});
	}
	function fixPng(png) {
		var src = png.src;
		if (!png.style.width) { png.style.width = $(png).width(); }
		if (!png.style.height) { png.style.height = $(png).height(); }
		png.onload = function() { };
		png.src = blank.src;
		png.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
	}	
	$(".slider").jCarouselLite({
		beforeStart: function() {
			$.get("/xml/carousel.php?start="+start_i, function(data){
				$(".slider ul").html(data+data+data);
				$(".slider li img").css("display","none");
				$(".slider li p").css("display","none");
				start_i++;
			});
		},
		afterEnd: function() {
			$(".slider li img").css("display","block");
			$(".slider li p").css("display","block");
		},
		btnNext: ".next",
		btnPrev: ".prev",
		scroll: 5,
		speed: 800,
		visible: 5
	});
	$("#popup .swatch").click(function() {
		popimg = $(this).attr("style").substring(22,($(this).attr("style").length)-2);
		popimg = popimg.replace(/80x69/g, "700");
		if(popimg.lastIndexOf(".jpg") == -1){popimg = popimg+"g";}
		//$("#popup-image img").attr("src", popimg);
		$("#popup-image img").replaceWith('<img src="' + popimg + '" border="0" alt="Close Window" title="Close Window" />');
		$("#popup div[class*='selected']").attr("class","swatch");
		$(this).attr("class","swatch selected");
	});
	$("#product-image .swatch").click(function() {
		bgimg = $(this).attr("style").substring(22,($(this).attr("style").length)-2);
		bgimg = bgimg.replace(/80x69/g, "345x296");
		if(bgimg.lastIndexOf(".jpg") == -1){bgimg = bgimg+"g";}
		$("#product img").replaceWith('<img src="' + bgimg + '" border="0" alt="Product Name" title="Product Name" />');
		if($(this).parent("div").attr("id")=="swatches"){swatch = $(this).attr("alt");view = "";}
		else{swatch = "";view = $(this).attr("alt");}
		$("#product-image #swatches p").html("<strong>Available Colors:</strong> "+swatch);
		$("#product-image #views p").html("<strong>Additional Views:</strong> "+view);
		$("#product-image div[class*='selected']").attr("class","swatch");
		$(this).attr("class","swatch selected");
	});
	var myOpen=function(hash){
		$("#popup div[class*='selected']").attr("class","swatch");	
		var selectedimg = $("#product-image div div").index($("div[class*='selected']")[0]);
		var selectedfile = bgimg.replace(/345x296/g, "700");
		$("#popup-image img").replaceWith('<img src="' + selectedfile + '" border="0" alt="Close Window" title="Close Window" />');
		$("#popup #thumbs div div:eq("+selectedimg+")").attr("class","swatch selected");
		hash.w.show();
	};
	$('#popup').jqm({onShow:myOpen,toTop:true});
});