var rPreloaderImg = new Image();
rPreloaderImg.src = "/images/loading.gif";

var arImages = {};

jQuery('document').ready(InitiateGal);

function InitiateGal()
{
	jQuery('a[rel=gallery]').click( ShowImage );
	
	var rOldPicture = $('#big-picture');
	var rNewImage = new Image();
	rNewImage.src = rOldPicture.get(0).src;
	arImages[1] = rNewImage;
	
	// remind button
	jQuery('#remind-note-btn').click( SwapNote );
}

function ShowImage(a)
{
	var sImageHref = this.href;
	var rParentPreviewDiv = $(this.parentNode);
	var rOldPicture = $('#big-picture');
	var nPosition = $(this).attr('position');
	var rParentDiv = $('div.goods-image-box');
	
	$('div.goods-desc-img-thumb').css('border', '1px solid #f0f0f0');
	rParentPreviewDiv.css('border', '1px solid black');
	
	var rNewImage = new Image();
	rNewImage.src = sImageHref;
	
	if (!arImages[nPosition])
	{
		rNewImage.onload = 
			function () 
				{ 
					arImages[nPosition] = rNewImage; 
					rOldPicture.get(0).src = rNewImage.src; 
				}
	}
	else
	{
		rOldPicture.get(0).src = arImages[nPosition].src;
	}
	
	return false;
}

function SwapNote()
{
	if (jQuery('#remind-note').css('display') == 'none')
	{
		jQuery('#remind-note').fadeIn(100);
	}
	else
	{
		jQuery('#remind-note').fadeOut(100);
	}
}