// JavaScript Document
/*
Parameter1 = picWidth + 30;
Parameter2 = PicHeight + textSize + 95;
Parameter3 = textSize + 35;
*/
var I;
var stepW, stepH, stepX, stepY, startW, startH, startX, startY, step, current=0, currentPage=0, step2, c, PAGE, safecntList, listNum=1, verPlaceNew, verPlaceOld;
/* adjustments */
var speed=15, frame=20, transparency=0.35;
/* end of adjustements */

function getX(object) {
	var x=0;
	while (object) {
		x+=object.offsetLeft;
		object=object.offsetParent;
	}
	return x;
}

function getY(object) {
	var y=0;
	while (object) {
		y+=object.offsetTop;
		object=object.offsetParent;
	}
	return y;
}

function initList() {
	var obj=document.getElementById("headFinish");
	var area=document.getElementById("area");
	var initX=getX(obj);
	var width=obj.offsetWidth;
	width/=2;
	initX+=width;
	initY=400;
	area.style.top=initY+"px";
	area.style.left=initX+"px";
}

function showing() {
	++step;
	var op=1/frame;
	document.getElementById("picture").style.opacity=step*op;
	document.getElementById("text").style.opacity=step*op;
	document.getElementById("name").style.opacity=step*op;
	if (step < frame)
		setTimeout("showing()", speed);
	else {
		//window.alert(document.getElementById('textPlan').offsetHeight);
		step=0; 
	}
}

function hideObj() {
	document.getElementById("picture").style.display="none";
	document.getElementById("text").style.display="none";
	document.getElementById("name").style.display="none";
}

function showObj() {
	if (step == 0) {
		document.getElementById("picture").style.opacity=0;
		document.getElementById("text").style.opacity=0;
		document.getElementById("name").style.opacity=0;
		document.getElementById("picture").style.display="inline";
		document.getElementById("text").style.display="inline";
		document.getElementById("name").style.display="inline";
		showing();
	}
	else
		setTimeout("showObj();", 20);
}

function moveY() {
	++step2;
	var area=document.getElementById("area");
	area.style.height=startH+parseInt(step2*stepH);
	area.style.top=startY-parseInt(step2*stepY);
	if (step2 < frame)
		setTimeout("moveY();", speed);
	else
		step2=0;
}

function moveX() {
	++step;
	var area=document.getElementById("area");
	area.style.width=startW+parseInt(step*stepW);
	area.style.left=startX-parseInt(step*stepX);
	//window.alert(area.style.width);
	if (step < frame)
		setTimeout("moveX();", speed);
	else
		step=0;
}

function tranform(endW, endH) {
	var area=document.getElementById("area");
	startW=area.offsetWidth;
	startH=area.offsetHeight;
	startX=getX(area);
	startY=getY(area);
	stepW=(endW-startW)/frame;
	stepH=(endH-startH)/frame;
	stepX=stepW/2;
	stepY=(startY-(50+(document.body.scrollTop)))/frame;
	if (c == 1) {
		stepY=-300/frame;
		c=0;
	}
	step=0;
	step2=0;
	moveX();
	moveY();
}

function setProperties2(tmp) {
	var nameL=nameR=(SizeX[safecntList-1][tmp-1]-30)/2;
	if ((SizeX[tmp-1][0]-30) & 1)
		nameL++;
	
	document.getElementById("picture").style.background=Clr[safecntList-1][tmp-1];
	document.getElementById("picture").style.width=SizeX[safecntList-1][tmp-1];
	document.getElementById("picture").style.height=SizeY[safecntList-1][tmp-1]-SizeT[safecntList-1][tmp-1]-30;
	
	document.getElementById("next").style.height=SizeY[safecntList-1][tmp-1]-SizeT[safecntList-1][tmp-1]-30;
	document.getElementById("next").style.width=nameR;
	
	document.getElementById("previous").style.height=SizeY[safecntList-1][tmp-1]-SizeT[safecntList-1][tmp-1]-30;
	document.getElementById("previous").style.width=nameL;
	
	document.getElementById("text").style.width=SizeX[safecntList-1][tmp-1]-30;
	document.getElementById("text").style.height=SizeT[safecntList-1][tmp-1]-15;
	
	document.getElementById("textPlan").style.width=SizeX[safecntList-1][tmp-1]-50;
	document.getElementById("textPlan").style.height=SizeT[safecntList-1][tmp-1]-35;

	document.getElementById("name").style.width=SizeX[safecntList-1][tmp-1]-30;
	
	document.getElementById("areaLine").style.width=SizeX[safecntList-1][tmp-1]-30;
	
	document.getElementById('nameLeft').style.width=nameL;	
	
	document.getElementById('nameRight').style.width=nameR;
	
	document.getElementById("textNum").innerHTML=str1+" "+tmp+" "+str2+" "+n[safecntList-1];
	
	document.getElementById("close").style.left=nameR+15;
}

function setProperties(tmp) {
	var nameL=nameR=(SizeX[tmp-1][0]-30)/2;
	if ((SizeX[tmp-1][0]-30) & 1)
		nameL++;
		
	document.getElementById("picture").style.background=Clr[tmp-1][0];
	document.getElementById("picture").style.width=SizeX[tmp-1][0];
	document.getElementById("picture").style.height=SizeY[tmp-1][0]-SizeT[tmp-1][0]-30;
	
	document.getElementById("next").style.height=SizeY[tmp-1][0]-SizeT[tmp-1][0]-30;
	document.getElementById("next").style.width=nameR;
	
	document.getElementById("previous").style.height=SizeY[tmp-1][0]-SizeT[tmp-1][0]-30;
	document.getElementById("previous").style.width=nameL;
	
	document.getElementById("text").innerHTML=files[tmp-1];
	document.getElementById("text").style.width=SizeX[tmp-1][0]-30;
	document.getElementById("text").style.height=SizeT[tmp-1][0]-15;
	document.getElementById('text').style.backgroundColor=pageColors[cntPage-1];
	
	//document.getElementById("textPlan").style.background=Plans[tmp-1];
	document.getElementById("textPlan").style.width=SizeX[tmp-1][0]-50;
	document.getElementById("textPlan").style.height=SizeT[tmp-1][0]-35;
	
	document.getElementById("name").style.width=SizeX[tmp-1][0]-30;
	
	document.getElementById("areaLine").style.width=SizeX[tmp-1][0]-30;
	
	document.getElementById('nameLeft').style.width=nameL;
	document.getElementById('nameLeft').style.background=pageColors[cntPage-1];
	
	document.getElementById('nameRight').style.width=nameR;
	document.getElementById('nameRight').style.background=pageColors[cntPage-1];
	
	document.getElementById("textName").innerHTML=Name[tmp-1];
	
	document.getElementById("textNum").innerHTML=str1+" "+"1"+" "+str2+" "+n[safecntList-1];
	
	document.getElementById('area').style.borderColor=pageColors[cntPage-1];
	
	document.getElementById("close").style.left=nameR+15;
}

function setBottom() {
	verPlaceOld=getY(document.getElementById('bottom'));
	verPlaceNew=getY(document.getElementById('area'))+document.getElementById('area').offsetHeight+50;
		if (verPlaceNew > verPlaceOld)
			document.getElementById("bottom").style.top=verPlaceNew-verPlaceOld;
}

function openWindow(tmp) {
	listNum=1;
	current=tmp;
	var block=document.getElementById("block");
	block.style.display="inline";
	block.style.opacity=transparency;
	block.style.filter="alpha(opacity="+(100*transparency)+")";
	block.style.zIndex=0;
	document.getElementById("area").style.zIndex="1";
	document.getElementById("area").style.top=document.body.scrollTop+400+"px";
	document.getElementById("area").style.display="inline";
	document.getElementById("picture").style.display="none";
	document.getElementById("text").style.display="none";
	safecntList=tmp;
	setProperties(current);
	tranform(SizeX[current-1][0], SizeY[current-1][0]);
	setTimeout("setBottom()", (speed*frame*1.3));
	setTimeout("showObj()", (speed*frame*1.3));
}

function closeWindow() {
	document.getElementById("block").style.display="none";
	hideObj();
	c=1;
	tranform(1, 1);
	document.getElementById("bottom").style.top=0;
	setTimeout("document.getElementById('area').style.display='none'", speed*frame);
} 

function change(tmp) {
	tmp=parseInt(tmp);
	if (tmp == 1)
		listNum++;
	else
		listNum--;
	if (listNum > n[safecntList-1])
		listNum=1;
	if (listNum == 0)
		listNum=n[safecntList-1];
	hideObj();
	setProperties2(listNum);
	tranform(SizeX[safecntList-1][listNum-1], SizeY[safecntList-1][listNum-1]);
	setTimeout("showObj();", parseInt((speed*frame)/100));
}

function sNext() {
	document.getElementById("next").style.background="url(images/list/right.png) no-repeat center right";
}

function sPrevious() {
	document.getElementById("previous").style.background="url(images/list/left.png) no-repeat center left";
}

function hNext() {
	document.getElementById("next").style.background="none";
}

function hPrevious() {
	document.getElementById("previous").style.background="none";
}