function Create(){
	var req = false;
	if (window.XMLHttpRequest){
		req = new XMLHttpRequest();
		if (req.overrideMimeType){
			req.overrideMimeType('text/xml');
		}
	}else if (window.ActiveXObject){
		try{req = new ActiveXObject("Msxml2.XMLHTTP");}
		catch (e){
			try{req = new ActiveXObject("Microsoft.XMLHTTP");}
			catch (e){
				req = false;
			}
		}
   }
   return req;
}
var req;
var dir;
var dir1;
var dir2;
function Refresh(){
	if (req.readyState == 4){
		if (req.status == 200){
			document.getElementById('loaD').style.display = 'none';
			var content = req.responseText.split("@");
				if(content[0] == 'end'){
					Close();
				}else{
					document.getElementById('loaD').style.display = 'none';
					document.getElementById('conteiner').style.display = 'block';
					document.getElementById('gallery').style.display = 'block';
					document.getElementById('conteiner_gallery').style.display = 'block';
					dir = document.getElementById('foto');
					dir1 = document.getElementById('content_img');
					dir2 = document.getElementById('name');
			        dir.innerHTML = content[0];
					dir1.innerHTML = content[1];
					dir2.innerHTML = content[2];
				}
		}
	}else{
		document.getElementById('loaD').style.width = getClientWidth();
		document.getElementById('loaD').style.display = 'block';
	}
}
function Close(){
	dir.innerHTML = '';
	dir1.innerHTML = '';
	dir2.innerHTML = '';
	document.getElementById('conteiner').style.display = 'none';
	document.getElementById('gallery').style.display = 'none';
	document.getElementById('conteiner_gallery').style.display = 'none';
	document.body.style.overflow = '';
}
function Request(query){
	req.onreadystatechange = Refresh;
	req.open('post', 'include/gallery/img.php' , true);
	req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=windows-1251");
	req.send(query);
	
}
function ahref(img, kat){
	dir = document.getElementById('foto');
	document.body.style.overflow = 'hidden';
	document.getElementById('conteiner').style.display = 'block';
	document.getElementById('loaD').style.top = getBodyScrollTop()+200;
	document.getElementById('conteiner').style.top = getBodyScrollTop();
	document.getElementById('conteiner').style.width = getClientWidth();
	document.getElementById('conteiner').style.height = getClientHeight();
	//document.getElementById('gallery').style.top = getBodyScrollTop();
	document.getElementById('gallery').style.width = getClientWidth()-17;
	//document.getElementById('gallery').style.height = getClientHeight()+50;
	document.getElementById('conteiner_gallery').style.top = getBodyScrollTop();
	document.getElementById('conteiner_gallery').style.width = getClientWidth();
	document.getElementById('conteiner_gallery').style.height = getClientHeight();
	var query  = 'img='+encodeURIComponent(img)+'&kat='+encodeURIComponent(kat);
	req = Create();
	Request(query);
	
}
function Back(){
	var cont = document.getElementById('id_foto').name.split('#');
	var img = cont[0]*1-1;
	var kat = cont[1];
	document.body.style.overflow = 'hidden';
	document.getElementById('gallery').style.display = 'none';	
	var query  = 'img='+encodeURIComponent(img)+'&kat='+encodeURIComponent(kat);
	req = Create();
	Request(query);
}
function next(){
	var cont = document.getElementById('id_foto').name.split('#');
	var img = cont[0]*1+1;
	var kat = cont[1];
	document.body.style.overflow = 'hidden';
	document.getElementById('gallery').style.display = 'none';	
	var query  = 'img='+encodeURIComponent(img)+'&kat='+encodeURIComponent(kat);
	req = Create();
	Request(query);
}
function getBodyScrollTop()
{
  return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}

function getBodyScrollLeft()
{
  return self.pageXOffset || (document.documentElement && document.documentElement.scrollLeft) || (document.body && document.body.scrollLeft);
}
function getClientWidth()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}

function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}
function rows_chengh(id, error, name){
if(name == 'left_p' || name == 'left'){
	if(error == 1){
		document.getElementById(id).innerHTML = '<img style="cursor:pointer;" onclick="Back()" onmouseout="rows_chengh(\'left_rows\', 2, \'left\')" src="include/gallery/'+name+'.jpg" border="0" />';
	}else{
		document.getElementById(id).innerHTML = '<img style="cursor:pointer;" onmousemove="rows_chengh(\'left_rows\', 1, \'left_p\')" src="include/gallery/'+name+'.jpg" border="0" />';
	}
}else{
	if(error == 1){
		document.getElementById(id).innerHTML = '<img style="cursor:pointer;" onclick="next()" onmouseout="rows_chengh(\'right_rows\', 2, \'right\')" src="include/gallery/'+name+'.jpg" border="0" />&nbsp;<img onclick="Close()" onmousemove="rows_close(\'close_p\', 1)" src="include/gallery/close.jpg" border="0" />';
	}else{
		document.getElementById(id).innerHTML = '<img style="cursor:pointer;" onmousemove="rows_chengh(\'right_rows\', 1, \'right_p\')" src="include/gallery/'+name+'.jpg" border="0" />&nbsp;<img onclick="Close()" onmousemove="rows_close(\'close_p\', 1)" src="include/gallery/close.jpg" border="0" />';
	}
}
}
function rows_close(name, error){
	if(error == 1){
		document.getElementById('right_rows').innerHTML = '<img style="cursor:pointer;" onmousemove="rows_chengh(\'right_rows\', 1, \'right_p\')" src="include/gallery/right.jpg" border="0" />&nbsp;<img style="cursor:pointer;" onclick="Close()" onmouseout="rows_close(\'close\', 2)" src="include/gallery/'+name+'.jpg" border="0" />';
	}else{
		document.getElementById('right_rows').innerHTML = '<img style="cursor:pointer;" onmousemove="rows_chengh(\'right_rows\', 1, \'right_p\')" src="include/gallery/right.jpg" border="0" />&nbsp;<img style="cursor:pointer;" onclick="Close()" onmousemove="rows_close(\'close_p\', 1)" src="include/gallery/'+name+'.jpg" border="0" />';
	}
}