var closeDivSrc=new Image();	closeDivSrc.src="../buttons/pop/close.gif";
var closeDivSrcOver=new Image();	closeDivSrcOver.src="../buttons/pop/close_over.gif";

var relHolder=new Array();
var preloadImageHolder=new Array();

var siteLink="http://www.mdmebel.spb.ru/";
var siteLinkWWW="http://mdmebel.spb.ru/";
var mirror_siteLink="http://www.mdmebel.com/";
var mirror_siteLinkWWW="http://mdmebel.com/";
var partID;
var globalBody;
var userBrauser;
var pageIsOpen;
var refreshForm;

var	brauserTop;
var	brauserLeft;
var brauserWidth;
var screenHeight;
var screenWidth;


function getThisImageByRel(getRel){
	for(var i=0; i<preloadImageHolder.length;i++)
	{
		if(((siteLink+getRel)==preloadImageHolder[i].src)||((siteLinkWWW+getRel)==preloadImageHolder[i].src)){return preloadImageHolder[i];}
		if(((mirror_siteLink+getRel)==preloadImageHolder[i].src)||((mirror_siteLinkWWW+getRel)==preloadImageHolder[i].src)){return preloadImageHolder[i];}
	}
}

function setPOP()
{
	setBrauser();
//	var k,l;
	var j=0;
	globalBody=document.getElementsByTagName("body").item(0);
	if(!document.getElementById("gallery_holder")){return false;}
	
	for(var holder_num=0; holder_num<10; holder_num++)
	{
		var holder_name;
		if(holder_num==0){ holder_name="gallery_holder";}
		else{ holder_name="gallery_holder_"+holder_num;}
		if(!document.getElementById(holder_name)){ continue;}
		var holder=document.getElementById(holder_name);
		var links=holder.getElementsByTagName("a");
		for(var i=0;i<links.length;i++)
		{
			if(links.item(i).getAttribute("rel"))
			{	
				var HREF=links.item(i);
				var preloadImage=new Image(); preloadImage.src=HREF.rel;
				preloadImageHolder[j]=preloadImage;
				relHolder[j]=HREF.rel;
				HREF.onclick=popIMG;
				j++;
			}
//			k=i;l=j;
		}
	}
}
function popIMG()
{
	var img=getThisImageByRel(this.rel);	
	setDiv(img);
	setPopLink(this.rel);

}
function checkPortfolioKey()
{
	switch(event.keyCode)
	{
		case 32:popIMG();break;
		case 27:closeDiv();break;
	}
}
function closeDiv()
{document.getElementById("portfolioImageHolder").style.display="none";if(document.getElementById("overlay")){document.getElementById("overlay").style.display="none";}}
function setDiv(img)
{
	var overlay=new Overlay();
	overlay.show();
	var position=getDivPosition(img.width,img.height);
	var div=createObject("portfolioImageHolder","div");
			div.style.display="block";
			div.style.top=position['top'];
			div.style.left=position['left'];
			div.style.width=img.width;
			/*div.onmousedown=function(){dadMove(this.id, event);}
			div.onmousemove=function(){dadDrag(event);}
			div.onmouseup=function(){dadCheckMove=0;}
			div.onmouseout=function(){dadCheckMove=0;}*/
			div.onkeypress=checkPortfolioKey;
	var divClose=createObject("closePortfolioImageHolder","div");divClose.setAttribute("align","right");divClose.className="closePortfolioImageHolder";
	var aClose=createObject("closePortfolioImageLink","a");	aClose.setAttribute("href","javascript:void(0);");aClose.setAttribute("title","закрыть");aClose.onclick=closeDiv;
	aClose.innerHTML="закрыть";
	var imgClose=createObject("closeDivIMG","img");imgClose.setAttribute("src",closeDivSrc.src);
	
	aClose.appendChild(imgClose);
	linkOutOver(aClose,closeDivSrc.src,closeDivSrcOver.src);	
	divClose.appendChild(aClose);
	div.appendChild(divClose);
	globalBody.appendChild(div);
	var aPreview=createObject("preloadImageSwitcher","a");	aPreview.setAttribute("href","javascript:void(0);");	aPreview.setAttribute("title","Для перехода к следующей фотографии \"кликните\" по картинке");aPreview.onclick=popIMG;
	var imgPreview=createObject("previewImage","img");	imgPreview.src=img.src; imgPreview.width=img.width; imgPreview.height=img.height;
	aPreview.appendChild(imgPreview);
	div.appendChild(aPreview);
	var divBottom=createObject("bottomImageHolder","div");divBottom.className="bottomImageHolder";
	divBottom.innerHTML="Для перехода к следующей фотографии &quot;кликните&quot; по картинке";
	div.appendChild(divBottom);

}
function setBrauser()
{
	if(navigator.userAgent.indexOf("Opera")=="0"){userBrauser="Opera";}
	else if(navigator.userAgent.indexOf("Mozilla")=="0"){userBrauser="Mozilla";}
	else{userBrauser="Default";}
	switch(userBrauser)
	{
		case "Opera":
			brauserWidth=window.innerWidth;
			brauserTop=window.screenTop;
			brauserLeft=window.screenLeft;
			screenHeight=screen.height;
			screenWidth=screen.width;		
		break;
		case "Mozilla":
			brauserWidth=document.body.clientWidth;
			screenHeight=screen.height;
			screenWidth=screen.width;
			brauserTop=screenHeight/2;
			brauserLeft=screenWidth/2;
		break;
		default:
			brauserWidth=document.body.clientWidth;
			brauserTop=window.screenTop;
			brauserLeft=window.screenLeft;
			screenHeight=screen.height;
			screenWidth=screen.width;		
		break;
	}
}
function getDivPosition(elementWidth,elementHeight)
{
	setBrauser();
	var Scroll=getBodyScrollTop();
	var position=Array(2);
	brauserWidth=1060;
	position['left']=Number(brauserWidth/2-elementWidth/2)+"px";

	if(userBrauser=="Mozilla")
	{
		position['top']=Scroll+20+"px"//"140px";
	}
	else{	position['top']=Number(Scroll)+20+"px";}//+brauserTop
	return position;
}
	function getBodyScrollTop()
	{
		  return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
	}
function setPopLink(getRel)
{
	if(!document.getElementById("preloadImageSwitcher")){return false;}
	var obj=document.getElementById("preloadImageSwitcher");
	rel=getNextRel(getRel);
	obj.setAttribute("rel",rel);
	//obj.onclick=onclickPortfolioButton; 
}
function getNextRel(getRel){for(var i=0; i<relHolder.length;i++){if(getRel==relHolder[i]){if(relHolder[i+1]==undefined){return relHolder[0];}else{return relHolder[i+1];}}}}