// JavaScript Document

// function feeEvent
// occur if the move effect was complete
// release the event blocker
var bIsComplete = true;
function freeEvent () { 
	bIsComplete = true;
}


function galleryNext(event){
		var elem = jQuery(this);
		var stageName = "#stage" + event.data.stageElement;
		var IMAGE_WIDTH = 190 + 3;


		//get the count of images
		var arImageCount = jQuery(stageName + " div"); 
		var iImageCount = arImageCount.length;
	
		//get stage div width and set elemet width
		var iStageWidth = iImageCount * IMAGE_WIDTH;
		jQuery(stageName).css("width", iStageWidth+"px");
	
		//set max left 
		MAX_LEFT = -(iStageWidth - (2*IMAGE_WIDTH));

		//do something if no effect is running 
		if (bIsComplete == true) {
			//set previous btn visibility
			
			//var elem = jQuery('#gPrev'+event.data.stageElement);
			//if (elem.css('opacity') == 0) {
			//	elem.animate({ opacity : 1 });
			//}
			
			//calc last and new left pos
			var iLastLeft = parseInt(jQuery(stageName).css('left'));
			iNewLeft = iLastLeft - IMAGE_WIDTH;
			
			//if there is a next image then...
			if (MAX_LEFT <= iLastLeft ) {
					
				//Block other effect
				bIsComplete = false;
				//move stage one next element
				
				jQuery(stageName).animate({ left : iNewLeft }, { complete: freeEvent });
				
			}
			//if the first image then hide next btn			
			
			//if (MAX_LEFT == iLastLeft ) {
			//	var elem = jQuery('#gNext'+ event.data.stageElement);
			//	elem.animate({ opacity : 0 });
			//}
			
		}
		
		
	};
	
	

	function galleryPrev(event) {
		var elem = this;
		var stageName = "#stage" + event.data.stageElement;

		var IMAGE_WIDTH = 190 + 3;


		//get the count of images
		var arImageCount = jQuery(stageName + " div"); 
		var iImageCount = arImageCount.length;
	
		//get stage div width and set elemet width
		var iStageWidth = iImageCount * IMAGE_WIDTH;
		jQuery(stageName).css("width", iStageWidth+"px");
	
		//set max left 
		MAX_LEFT = -(iStageWidth - (2*IMAGE_WIDTH));

		//do something if no effect is running 
		if (bIsComplete == true) {
	
			//calc last and new left pos
			var iLastLeft = parseInt(jQuery(stageName).css('left'));
			iNewLeft = iLastLeft + IMAGE_WIDTH;
			
			//if there is a previous image then...
			if(iNewLeft <=0) 			{ 	
				//Block other effect
				bIsComplete = false;
				//move stage one previous element
				jQuery(stageName).animate({ left : iNewLeft }, { complete: freeEvent });
			}
			//if the first image then hide previous btn			
			//if (iNewLeft >= 0 ) 		{	
			//	var elem = jQuery('#gPrev'+ event.data.stageElement);
			//	elem.animate({ opacity : 0 });
			//}
		}
									  
	};