/* View Portfolio */
var pageWidth = pageHeight = windowWidth = windowHeight = 0;
var isIE7 = "false";
var isIE6 = "false";
var currentPortfolioBlock = -1; // Все блоки закрыты
var currentPortfolioId = -1;
var currentMapBlock = -1; // Все блоки закрыты
var percent = 0; // for Opacity
var slide = 0; // for Slider
var imPos = 0;
var prevImPos = 0;
var replacing = 0;
var j = 0;
var imgPreloader = new Array();
var imTop;
var imUnder;
var thisMove = "down";
/* X. View Portfolio */

function hidePortfolioBlock()
{
	document.getElementById(currentPortfolioBlock).style.display = "none";
	document.getElementById('portfolioFixed').style.display = "none";
	document.getElementById('opacityPortfolio').style.display = "none";
	currentPortfolioBlock = -1;
	var divs = document.getElementById('portfolioGallery' + currentPortfolioId).getElementsByTagName('div');
	document.getElementById('portfolioGallery' + currentPortfolioId).getElementsByTagName('div')[imPos].style.visibility = "hidden";
	imTop = imUnder = "";
	imPos = 0;
	prevImPos = 0;
	currentPortfolioId = -1;
	thisMove = "down";
}

function showPortfolioBlock(id)
{
	document.getElementById('opacityPortfolio').style.display = "block";
	document.getElementById('portfolioFixed').style.display = "block";
	document.getElementById(id).style.display = "block";
	currentPortfolioBlock = id;

	loadPortfolioFirstImage();
}

function loadPortfolioFirstImage()
{
	currentPortfolioId = parseInt(currentPortfolioBlock.substring(14, currentPortfolioBlock.length));
	imUnder = document.getElementById('replace_image_under' + currentPortfolioId);
	imTop = document.getElementById('replace_image_top' + currentPortfolioId);
	var imSrc = imStack[currentPortfolioId];
	document.getElementById('portfolioGallery' + currentPortfolioId).getElementsByTagName('div')[imPos].style.visibility = "visible";
	imgPreloader[j] = new Image(592, 392);
	imgPreloader[j].onload = function()
	{
		document.getElementById('replace_image_under' + currentPortfolioId).src = imgPreloader[j++].src;
		if(largeImStack[currentPortfolioId] > 0)
			document.getElementById('image_large' + currentPortfolioId).href = largeImStack[currentPortfolioId];
		replaceImages();
	}
	imgPreloader[j].src = imSrc;	
}

function replaceImages() // Opacity
{
	replacing = 1;

	if(percent == 100)
	{
		percent = 0;
		if(largeImStack[currentPortfolioId] > 0) document.getElementById('image_large' + currentPortfolioId).style.visibility = "visible";
		imTop.style.visibility = "hidden";
		imTop.className = "percent100";
		replacing = 0;
	}
	else
	{
		imTop.className = "percent" + (100 - percent);
		percent += 5;
		timeOut = setTimeout("replaceImages()", 25);
	}
}

function replaceImages2(move) // Slide
{
	if(replacing == 0)
	{
		if(move == "down") imUnder.style.marginTop = "-392px";
		else imUnder.style.marginTop = "392px";
		replacing = 1;
		thisMove = move;
	}
	
	if(slide == 392)
	{
		slide = 0;
		if(largeImStack[currentPortfolioId] > 0) document.getElementById('image_large' + currentPortfolioId).style.visibility = "visible";
		imTop.style.visibility = "hidden";
		replacing = 0;
	}
	else
	{
		move = thisMove;
		slide += 49;

		if(move == "up") imTop.style.marginTop = -slide + "px";
		else imTop.style.marginTop = slide + "px";

		if(move == "up") imUnder.style.marginTop = 392 - slide + "px";
		else imUnder.style.marginTop = slide - 392 + "px";
		
		timeOut = setTimeout("replaceImages2()", 10);
	}
}

function preReplaceImages(mediumIm, largeIm, pos)
{
	if(replacing == 0)
	{
		document.getElementById('portfolioGallery' + currentPortfolioId).getElementsByTagName('div')[imPos].style.visibility = "hidden";
		if(largeImStack[currentPortfolioId] > 0) document.getElementById('image_large' + currentPortfolioId).href = "#";
		if(prevImPos != imPos) prevImPos = imPos;
		imPos = pos;
		var imSrc = mediumIm;
		document.getElementById('replace_image_top' + currentPortfolioId).style.visibility = "visible";	
		document.getElementById('portfolioGallery' + currentPortfolioId).getElementsByTagName('div')[imPos].style.visibility = "visible";

		var found = -1;
		for(var i = 0 ; i < imgPreloader.length ; i++)
		{
			if(imgPreloader[i].src.substring(imgPreloader[i].src.indexOf('/i/'), imgPreloader[i].src.length) == mediumIm.substring(mediumIm.indexOf('/i/'), mediumIm.length)) { found = i; }
		}
		if(found >= 0)
		{
			document.getElementById('replace_image_top' + currentPortfolioId).src = document.getElementById('replace_image_under' + currentPortfolioId).src;
			document.getElementById('replace_image_under' + currentPortfolioId).src = imgPreloader[found].src;
			if(largeIm.length > 0) document.getElementById('image_large' + currentPortfolioId).href = largeIm;
			if(prevImPos < imPos) replaceImages2("up");
			else if(prevImPos > imPos) replaceImages2("down");
		}
		else
		{
			document.getElementById('replace_image_top' + currentPortfolioId).src = points + "i/ajax_loading.gif";
			imgPreloader[j] = new Image(592, 392);
			imgPreloader[j].onload = function()
			{
				document.getElementById('replace_image_under' + currentPortfolioId).src = imgPreloader[j++].src;
				if(largeIm.length > 0) document.getElementById('image_large' + currentPortfolioId).href = largeIm;
				replaceImages();
			}
			imgPreloader[j].src = imSrc;
		}
	}
	else
	{
		percent = 0;
		if(largeIm.length > 0) document.getElementById('image_large' + currentPortfolioId).style.visibility = "visible";
		document.getElementById('replace_image_top' + currentPortfolioId).className = "percent100";
		replacing = 0;
		preReplaceImages(mediumIm, largeIm, pos);
	}
}