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

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

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(0px 0px 0px 0px)':'rect(auto,auto,auto,auto)';
}

function toggle_div_a(id){
	var el = document.getElementById(id);
	if (el){
		el.style.display = "none";
	}
}

function toggle_div(id){
	var el = document.getElementById(id);
	if (el){
		if (el.style.display!="")
			el.style.display = "";
		else
			el.style.display = "none";
	}
}

var firstimg= new String("empty");
var port_selected = new String("empty");

function view_big_image(imglink,ida,ide){
    var img = document.getElementById("fullimg");
    var imgdate = document.getElementById("imgdate");
    var imgdescr = document.getElementById("imgdescr");
    img.src = '/upload/Image/'+imglink;
    imgdate.innerText = ida;
    imgdescr.innerText= ide;
}

function setfirst_img(img){
    if (firstimg=="empty"){
        firstimg = img;
    }
}

function search_submit(){
    var img = document.getElementById("search_key");
    document.location.href = "?index=search&key="+img.value;
}

function updatefirst_img(){
    var img = document.getElementById("fullimg");
    if (firstimg!="empty") img.src = 'upload/Image/'+firstimg;
    else {
        img.src = "images/noimage.gif";
        img.width = 150;
        var la = document.getElementById("leftarrow");
        la.style.visibility = "hidden";
        var ra = document.getElementById("rightarrow");
        ra.style.visibility = "hidden";
    }
    //alert(document.location.href);
}

function changeImg(id){
    var img = document.getElementById("img-"+id);
    var path = document.getElementById(id).value;
    img.src = 'upload/Image/tn-'+path;
}

function updatePortImg(img,descr,el){
    if (port_selected == "empty") {
	var port_img = document.getElementById('port_img');
	var port_descr = document.getElementById('port_descr');
	var port_el = document.getElementById(el);
	port_img.src = "upload/Image/tn-"+img;
	port_descr.innerHTML = descr;
	port_el.className = "names";
	port_selected = port_el;
    }
}

function changePort(img,descr,el){
    var port_img = document.getElementById('port_img');
    var port_descr = document.getElementById('port_descr');
    port_img.src = "upload/Image/tn-"+img;
    port_descr.innerHTML = descr;
    el.className = "names";
    port_selected.className = "pm";
    port_selected = el;
}