var images = ['/images/grayscaleVisual.gif'];

var preloaded = [];
for (var i=0; i<images.length; i++)
{
	preloaded[i] = new Image;
	preloaded[i].src = images[i];
}


function trim(str) {
	return str.replace(/^\s*/,'').replace(/\s*$/,'');
}

// img
function setZoom(img, dir, width, height, margin, zIndex, delay) {
	setTimeout(function () {
		if (img.dir==dir) {
			img.style.width=width;
			img.style.height=height;
			img.style.margin=margin;
			img.style.zIndex=zIndex;
			img.parentNode.parentNode.style.zIndex=zIndex;
		}
	},delay);
}

function larger(img, width, height) {
	img.dir='rtl';
	img.src = getBigImageName(img.src);
	now=parseInt(img.style.zIndex);
	for (i=now+1; i<=10; i++) {
		w=(width*(10+i))/20+'px';
		h=(height*(10+i))/20+'px';
		m=(-i)+'px 0 0 '+(-width*i/40)+'px';
		setZoom(img, 'rtl', w, h, m, i, 10*(i-now));
	}
}

function smaller(img, width, height) {
	img.dir='ltr';
	img.src = getSmallImageName(img.src);
	now=parseInt(img.style.zIndex);
	for (i=now-1; i>=0; i--) {
		w=(width*(10+i))/10+'px';
		h=(height*(10+i))/10+'px';
		m=(-i)+'px 0 0 '+(-width*i/20)+'px';
		setZoom(img, 'ltr', w, h, m, i, 10*(now-i));
	}
}

function getBigImageName(imgName) {
	var res = imgName.replace(/\/([^\/]*)$/i,"/big_$1");
	return res;
}

function getSmallImageName(imgName) {
	var res = imgName.replace(/\/big_([^\/]*)$/i,"/$1");
	return res;
}