// JavaScript Document
function productGallery() {
	var currentImage = "";
	var transitionImage = "";
	var currentObject = "galA";
	var transitionObject = "galB";
};

productGallery.prototype = {
	initialize: function (a,b) {
			pGallery.currentImage = b;
			pGallery.transitionalImage = "";
			pGallery.currentObject = a;
			pGallery.transitionObject = "galB";
	},
	change: function($newImage) {
		
		
		pGallery.transitionalImage = $newImage;
		$("#pGalleryContainer").append('<img id="' + pGallery.transitionObject + '" src="#" alt="" title="" border="0" class="visible" />');
		$("#"+ pGallery.transitionObject +"").load(this.loadEnd);
		
		$("#"+ pGallery.transitionObject +"").attr("src", $newImage);
	},
	loadEnd: function () {
		$("#"+ pGallery.transitionObject +"").fadeOut(0);
		
		if(pGallery.currentImage!="")
		{
			$("#"+ pGallery.currentObject ).fadeOut(500, 'linear', function () { 
				$("#"+ pGallery.currentObject +"").addClass("visible");
				pGallery.animeProceed();
			});
		}
		else
		{
			$("#"+ pGallery.transitionObject +"").removeClass("visible");
			
			$("#"+ pGallery.transitionObject +"").fadeIn(500, 'linear', function () { 
				pGallery.animComplete();
			});
			
		}
		
	},
	animeProceed: function () {
		$("#" + pGallery.currentObject).remove();
		$("#pGalleryContainer").animate({ width: $("#"+ pGallery.transitionObject +"").width()+"px" },500);
		
		$("#"+ pGallery.transitionObject +"").removeClass("visible");
		
		$("#"+ pGallery.transitionObject +"").fadeIn(500, 'linear', function () { 
			pGallery.animComplete();
		});
		
	},
	animComplete: function () {
		var f=pGallery.currentObject ;
		
		
		pGallery.currentObject = pGallery.transitionObject;
		pGallery.transitionObject = f;
		pGallery.currentImage = pGallery.transitionImage;	
		
	}
};
var pGallery = new productGallery();