$(document).ready(function() {
	var ie6 = ($.browser.msie && $.browser.version.split(".").shift() == 6);
	
	if ( $("#screen").length == 0 ) {
		$("body").append("<div id='screen'></div><div id='popup'><form><fieldset><input type='button' value='Close' class='add' /></fieldset></form><div id='popup_image'></div></div>");
	}
	
    $("#screen").hide().css({
       position: 'absolute',
       left: '0px',
       top: '0px',
       background: '#000',
       opacity: 0.75
    }).click(function() {
	    $("#popup, #screen").fadeOut();
	    if (ie6) {
	    	$("select").show();
	    }
    });
    
    $("#popup").hide().css({
		position: 'absolute',
		background: '#fff',
		border: '1px solid',
		padding: '10px',
		float: 'left',
		maxWidth: '800px',
		textAlign: 'center',
		opacity: '0'
	});
		
	$("#popup_image").css({margin: '20px 20px 10px 20px'});

	$("#popup input")
		.css({float: 'right'})
		.click(function() {
			$("#popup, #screen").fadeOut();
			if (ie6) {
				$("select").show();
			}
		});

	$("#mainimage").click(function() {
		var imgsrc = $(this).attr("src").replace("productImages_thumbBIG", "productImages");
		var img = new Image();	
		$(img)
			.load(function() {
				$("#screen")
					.css({
						width: $(window).width(),
						height: $(document).height()
					});
				$("#popup_image").html(this);
				$("#popup")
					.show()
					.css({width: $("#popup img").width() + 40 + "px"})
					.css({
						top: $(window).scrollTop() + 20 + 'px',
						left: (($(window).width() - $("#popup").width()) / 2) + 'px'
					})
					.animate({opacity: '1'});
				$("#screen").fadeIn();
				if (ie6) {
					$("select").hide();
				}
			})
			.attr("src", imgsrc);
	});
		
});