
function change_variant_images(vid){
	jQuery('#v-images').empty();

	var ie6 = (jQuery.browser.msie && jQuery.browser.version.substr(0,1) < 7);

	if(variant_images[vid].length == 0){
		jQuery('#v-images').css('margin','0');
		return;
	}else{
		jQuery('#v-images').css('margin','10px 0 0 0');
	}

	for(var x in variant_images[vid]){
		var newimg = document.createElement('img');
		jQuery(newimg).attr('src',variant_images[vid][x]['tmbn'].src);
		jQuery(newimg).attr('id',variant_images[vid][x]['id'] + '-vimage');
		jQuery(newimg).css('margin','5px 5px 0 0');
		jQuery(newimg).css('cursor','pointer');
		jQuery(newimg).click(function(){
			jQuery('#v-images-overlay').css('opacity','0');
			jQuery('#v-images-overlay').css('display','block');
			jQuery('body').append(jQuery('#v-images-overlay'));

			var vimageid = jQuery(this).attr('id').replace('-vimage','');

			jQuery('#v-image-display').remove();

			jQuery('body').append('<div id="v-image-display"></div>');

			if(ie6){
				jQuery('#v-images-overlay, #v-image-display').css('position','absolute');
				jQuery('#v-images-overlay').bgiframe();
			}

			jQuery('#v-image-display').append("<img />");
			jQuery('#v-image-display').append("<div>Close</div>");
			jQuery('#v-image-display img').attr('src',variant_images[vid][vimageid]['fullimg'].src);
			jQuery('#v-image-display img').css('width',variant_images[vid][vimageid]['fullimg'].width + 'px');
			jQuery('#v-image-display img').css('height',variant_images[vid][vimageid]['fullimg'].height + 'px');

			jQuery('#v-image-display').css('opacity','0');
			jQuery('#v-image-display').css('display','block');

			var topmargin = '-' + (jQuery('#v-image-display').height() / 2) + 'px';
			var leftmargin = '-' + (jQuery('#v-image-display').width() / 2) + 'px';

			jQuery('#v-image-display').css('margin-left', leftmargin);
			jQuery('#v-image-display').css('margin-top', topmargin);


			jQuery('#v-images-overlay').animate({opacity: '0.7'},'medium');
			jQuery('#v-image-display').animate({opacity: '1'},'medium');

			jQuery('#v-image-display').click(function(){
				jQuery(this).remove();
				jQuery('#v-images-overlay').animate({opacity: '0'},function(){
					jQuery('#v-images-overlay').css('display','none');
				});
			});

		});
		jQuery('#v-images').append(newimg);
	}
}

