// JavaScript Document
jQuery(document).ready(function(){
		
		var iStep = 1;

		jQuery('.move').click( function()
		{
			var sId = jQuery(this).attr('id').split('-');
			var iLimit = parseFloat(sId[1]);
			var iPos = jQuery('#miniature_in').css('left').replace('px', '');
			iPos = parseFloat(iPos);
			//var iPadR = jQuery('#miniature').css('padding-left');
			var iPace = jQuery('#miniature_in').parent().css('width').replace('px', '');
			iPace = parseFloat(iPace);
			if(sId[0]=='forward') 
			{
				//move scroll forward				
				if(iStep<iLimit)
				{
					iPos -= iPace;
					jQuery('#miniature_in').animate({'left' : iPos+'px'});
					iStep ++;
				}
			} else {
				//move scroll back
				if(iStep>1)
				{
					iPos += iPace;
					jQuery('#miniature_in').animate({'left' : iPos+'px'});
					iStep --;
				}
			}
			return false;
		})														
});