var mainActionWidth = 600;
var mainActionHeight = 626;
var mainActionX = 0;
var mainActionY = 0;
var mainActionObj = new Image();
var mainActionPath;
var mainActionObjOpacity;

var mainActionPartsRows = 2;
var mainActionPartsCols = 2;

var mainActionParts = new Array(mainActionPartsRows * mainActionPartsCols);
var mainActionPartsEl = new Array(mainActionPartsRows * mainActionPartsCols);
var mainActionFadePercent;
var mainActionFadeOffset = 20;
var mainActionMaxPercent = 100 + (mainActionPartsRows * mainActionPartsCols - 1) * mainActionFadeOffset;

var i;

var currentProd = 0;

function ActMBSetOpacity(op)
{
	var mainBlack = document.getElementById("mainBlack");
	mainBlack.style.opacity = op;
	mainBlack.style.mozOpacity = op;
	mainBlack.style.khtmlOpacity = op;
	mainBlack.style.filter = "alpha(opacity=" + (op * 100) + ")";
}

function startActMBFadeIn(id, idp)
{
	mainActionPath = "action_win.php?id=" + id + "&idp=" + idp;
	mainBlackOpacity = 0;
	var mainBlack = document.getElementById("mainBlack");
	ActMBSetOpacity(0);
	mainBlack.style.display = "block";
	mainBlackTimerId = setTimeout("ActMBFadeIn()", 50);
}

function startActMBFadeIn_ext(path, prod, index)
{
	var mil = document.getElementById('mainActionLeft');
	var mir = document.getElementById('mainActionRight');
	
	currentProd = prod;
	
	if(index > 0)
		mil.style.display = "block";
	if(index < productPhotos[prod].length - 1)
		mir.style.display = "block";
	currentPhoto = index;

	mainActionLeftRightOut(mil);
	mainActionLeftRightOut(mir);
	
	mainActionPath = path;
	mainBlackOpacity = 0;
	var mainBlack = document.getElementById("mainBlack");
	ActMBSetOpacity(0);
	mainBlack.style.display = "block";
	mainBlackTimerId = setTimeout("ActMBFadeIn()", 50);
}

function ActMBFadeIn()
{
	ActMBSetOpacity(mainBlackOpacity);
	if(mainBlackOpacity < mainBlackMaxOpacity)
	{
		mainBlackOpacity += 0.1;
		mainBlackTimerId = setTimeout("ActMBFadeIn()", 50);
	}
	else
	{
		startShowMainAction();
	}
}

function ActMBHide()
{
	var mil = document.getElementById('mainActionLeft');
	var mir = document.getElementById('mainActionRight');

	var mainBlack = document.getElementById("mainBlack");
	var mainAction = document.getElementById("mainAction");
	var mainActionDiv = document.getElementById("mainActionDiv");
	var mio = document.getElementById("mainActionObj");	
	clearTimeout(mainBlackTimerId);
	mainBlack.style.display = "none";
	mainAction.style.display = "none";
	mainActionDiv.style.display = "none";
	mio.src = "./pic/1x1.gif";
	
	mil.style.display = "none";
	mir.style.display = "none";
}

function startShowMainAction()
{
	var mi = document.getElementById("mainAction");
	var mips = document.getElementById("mainActionPartSuper");
	
	mips.style.display = "none";
	mips.style.width = mi.style.width = mainActionWidth + "px";
	mips.style.height = mi.style.height = mainActionHeight + "px";
	var bx = document.body.scrollLeft;
	var by = document.body.scrollTop;
	var dex = document.documentElement.scrollLeft;
	var dey = document.documentElement.scrollTop;
	var viewportX =  ((bx && dex) == 0)?(bx || dex):Math.max(bx, dex);
	var viewportY =  ((by && dey) == 0)?(by || dey):Math.max(by, dey);
	
	var bw = document.body.clientWidth;
	var bh = document.body.clientHeight;
	var dew = document.documentElement.clientWidth;
	var deh = document.documentElement.clientHeight;
	var viewportW = ((bw && dew) == 0)?(bw || dew):Math.min(bw, dew);
	var viewportH = ((bh && deh) == 0)?(bh || deh):Math.min(bh, deh);
//	alert(bw + "," + bh + "," + dew + "," + deh + "," + viewportW + "," + viewportH + "," + (bh && deh)) ;
	mi.style.top = viewportY + ((viewportH - mainActionHeight) >> 1) + "px";
	mi.style.left = viewportX + ((viewportW - mainActionWidth) >> 1) + "px";
	
	mi.style.display = "block";
	resetmainActionParts();
	setTimeout("mainActionFadeIn()", 30);
}



function mainActionFadeIn()
{
	recountmainActionParts();
	rendermainActionParts();
	if(mainActionFadePercent < mainActionMaxPercent)
	{
		mainActionFadePercent += 3;
		setTimeout("mainActionFadeIn()", 30);
	}
	else
	{
		var mips = document.getElementById("mainActionPartSuper");
		var mio = document.getElementById("mainActionObj");
		mio.style.display = "none";
		mips.style.opacity = 0.99;
		mips.style.khtmlOpacity = 0.99;
		mips.style.mozOpacity = 0.99;
		mips.style.display = "block";
		var i;
		for(i = 0; i < mainActionPartsRows * mainActionPartsCols; i++)
		{
			mainActionPartsEl[i].style.display="none";
		}
		
/*		mainActionObj.onload = "startShowMainActionObj()";		
		mainActionObj.onerror = "imgLoadError()";		
		mainActionObj.src = mainActionPath;
*/
			mio.src = mainActionPath;
	}
}

function imgLoadError()
{
	alert("error!");
}

function setmainActionObjOpacity(k)
{
	if(k > 1) k = 1;
	var mio = document.getElementById("mainActionObj");
	mio.style.opacity = k;
	mio.style.mozOpacity = k;
	mio.style.khtmlOpacity = k;
	mio.style.filter = ((k == 1)?"none":("alpha(opacity=" + (k * 100) + ")"));
}

function startShowMainActionObj()
{
	mainActionObjOpacity = 0;
	var mio = document.getElementById("mainActionObj");
	setmainActionObjOpacity(0);
	mio.style.display = "block";
	setTimeout("mainActionObjFadeIn()", 30);
}

function mainActionObjFadeIn()
{
	setmainActionObjOpacity(mainActionObjOpacity);
	if(mainActionObjOpacity < 1)
	{
		mainActionObjOpacity += 0.1;
		setTimeout("mainActionObjFadeIn()", 30);
	}
	else
	{
		setmainActionObjOpacity(1);
	}
}

function resetmainActionParts()
{
	var r = mainActionPartsRows;
	var c = mainActionPartsCols;
	var i = 0, j = 0;
	for(i = 0; i < c; i++)
		for(j = 0; j < r; j++)
		{
			var index = j * c + i;
			mainActionParts[index] = new Array(6);
		}

	for(i = 0; i < mainActionPartsRows * mainActionPartsCols; i++)
	{
		mainActionPartsEl[i] = document.getElementById("mainActionPart_" + i);
	}		
	mainActionFadePercent = 0;	
	recountmainActionParts();
	for(i = 0; i < mainActionPartsRows * mainActionPartsCols; i++)
	{
		mainActionPartsEl[i].style.display = "block";
	}		
	rendermainActionParts();
}

function rendermainActionParts()
{
	var i;
	for(i = 0; i < mainActionPartsRows * mainActionPartsCols; i++)
	{
		mainActionPartsEl[i].style.left = mainActionParts[i][0] + "px";
		mainActionPartsEl[i].style.top = mainActionParts[i][1] + "px";
		mainActionPartsEl[i].style.width = mainActionParts[i][2] + "px";
		mainActionPartsEl[i].style.height = mainActionParts[i][3] + "px";
		mainActionPartsEl[i].style.opacity = mainActionParts[i][4];
		mainActionPartsEl[i].style.mozOpacity = mainActionParts[i][4];
		mainActionPartsEl[i].style.khtmkOpacity = mainActionParts[i][4];
		mainActionPartsEl[i].style.filter = "alpha(opacity=" + mainActionParts[i][4] * 100 + ")";
	}
}

function recountmainActionParts()
{
	var r = mainActionPartsRows;
	var c = mainActionPartsCols;
	var mw = mainActionWidth;//. * mainActionFadePercent)/mainActionMaxPercent;
	var mh = mainActionHeight;// * mainActionFadePercent)/mainActionMaxPercent;
	var pw = (mw / r);
	var ph = (mh / r);
	var i = 0, j = 0;
	for(i = 0; i < c; i++)
		for(j = 0; j < r; j++)
		{
			var index = j * c + i;
			mainActionParts[index][5] = mainActionFadePercent - index * mainActionFadeOffset;
			var p = mainActionParts[index][5];
			if(p < 0) p = 0;
			if(p > 100) p = 100;
			var cx = i * pw + (pw >> 1) + Math.sin(p/20)*(100 - p)*2;
			var cy = j * ph + (ph >> 1) + Math.sin(p/20)*(100 - p)*2;
			var w = (pw * p) / 100;
			var h = (ph * p) / 100;
			var o = p / 100;
			if (o > 0.99) o = 0.99;
			var x = cx - (w >> 1);
			var y = cy - (h >> 1);
			mainActionParts[index][0] = x;
			mainActionParts[index][1] = y;
			mainActionParts[index][2] = w;
			mainActionParts[index][3] = h;
			mainActionParts[index][4] = o;
		}
}

function mainActionLeftRightOverMove(el)
{
	el.style.opacity = "1";
	el.style.mozOpacity = "1";
	el.style.khtmlOpacity = "1";
	el.style.filter = "alpha(opacity=100)";
}

function mainActionLeftRightOut(el)
{
	el.style.opacity = "0.3";
	el.style.mozOpacity = "0.3";
	el.style.khtmlOpacity = "0.3";
	el.style.filter = "alpha(opacity=0.3)";
}