var curtainStep = 10; //шаг - количество пикселей на которое будет сворачиваться слой за один раз
var curtainTimeout = 15;//задержка перед последующей итерацией для эффекта плавности

//текущее количество обрезаемых пикселей слева и справа
var curtainLeft = 250;
var curtainRight = 250;
var curtainWidth = 500;//ширина слоя

function curtainOpen()
{
	if (curtainLeft>0)
	{
		curtainRight += curtainStep; //раскрываем область усечения справа на curtainStep пикселей
		curtainLeft -= curtainStep; //раскрываем область усечения слева на curtainStep пикселей
		
		var rect = 'rect(auto, '+ curtainRight +'px, auto, '+ curtainLeft +'px)';
		
		document.getElementById("dialogWindow").style.clip = rect;
		
		setTimeout(curtainOpen,curtainTimeout); //вызываем эту функцию снова через curtainTimeout миллисекунд
	}
}

function curtainClose()
{
	if (curtainLeft<curtainRight)//пока левая граница усечения области не встретилась с правой
	{
		curtainRight -= curtainStep; //сужаем область усечения справа на curtainStep пикселей
		curtainLeft += curtainStep; //сужаем область усечения слева на curtainStep пикселей
		
		var rect = 'rect(auto, '+ curtainRight +'px, auto, '+ curtainLeft +'px)';
		
		document.getElementById("dialogWindow").style.clip = rect;
		
		setTimeout(curtainClose,curtainTimeout); //вызываем эту же функцию повторно через curtainTimeout миллисекунд
	}
}

//function clipImg(on)
//{
//document.getElementById("clipEx1").style.clip=on?'rect(78px 146px 183px 84px)':'rect(auto,auto,auto,auto)';
//}