speed1 = 10; //скорость открытия блоков
speed2 = 10; //скорость закрытия блоков
speed3 = 15; //скорость смены работ в портфолио

function close(id, cn)
	{
		obj = document.getElementById(id);
		var h = obj.offsetHeight;
		if (h < 20)
			{
				obj.style.display = 'none';
				obj.style.height = 'auto';
				clearInterval(timer);
				if (cn != 0) open(cn);
			}
		else obj.style.height = h - 20 + 'px';
	}
function open(cn)
	{
		var html = document.getElementsByTagName('html')[0];
		html.className = cn;
		var id = cn.split(" ")[0];
		var link =  document.getElementById('link-'+id);
		link.className = 'active';
		obj = document.getElementById('content-'+ id);
		obj.style.display = 'block';
		obj.style.height = 'auto';
		targetH = obj.offsetHeight;
		obj.style.height = '0px';
		timer = setInterval('open2("'+id+'", '+targetH+')', speed1);
	}
function open2(id, targetH)
	{
		if (id != 'order-form') obj = document.getElementById('content-'+ id);
		else obj = document.getElementById(id);
		h = obj.offsetHeight;
		if (targetH - h < 20)
			{
				obj.style.height = 'auto';
				clearInterval(timer);
			}
		else obj.style.height = h + 20 + 'px';
	}
function page(cn)
	{
		arr = new Array('bistro', 'udobno', 'ponyatno', 'prosto', 'portfolio');
		var closeID = '';
		for (i = 0; i < arr.length; i++)
			{
				curID = 'content-' + arr[i];
				if (document.getElementById(curID).style.display == 'block') closeID = curID;
			}
		var targetID = 'content-' + cn.split(" ")[0];
		if (closeID != targetID)
			{
				var linksBlock = document.getElementById('links');
				var arr = linksBlock.getElementsByTagName('a');
				for (i = 0; i < arr.length; i++) {arr[i].className = 'grey';}
				if (closeID != '') timer = setInterval('close("'+closeID+'", "'+cn+'")', speed2);
				else open(cn);
			}
	}
function form()
	{
		var link = document.getElementById('order-link');
		var arrow = link.getElementsByTagName('span')[0];
		var form = document.getElementById('order-form');
		if (form.style.display == 'none')
			{
				form.style.display = 'block';
				form.style.height = 'auto';
				targetH = form.offsetHeight;
				form.style.height = '0px';
				timer = setInterval('open2("order-form", '+targetH+')', speed1);
				arrow.innerHTML = '&uarr;';
			}
		else
			{
				timer = setInterval('close("order-form", 0)', speed2);
				arrow.innerHTML = '&darr;';
			}
	}
function fade(curr, next)
	{
		var a = document.getElementById(curr);
		a.style.filter = 'alpha(opacity=0)';
		var op = parseFloat(a.style.opacity);
		op -= .1;
		op2 = parseInt(op * 100);
		if (op > 0)
			{
				a.style.opacity = op;
				a.style.filter = 'alpha(opacity='+op2+')';
			}
		else
			{
				a.style.display = 'none';
				document.getElementById(next).style.display = 'block';
				clearInterval(timer);
				timer = setInterval('fade2("'+next+'")', speed3);
			}
	}
function fade2(next)
	{
		var a = document.getElementById(next);
		var op = parseFloat(a.style.opacity);
		op += .1;
		op2 = parseInt(op * 100);
		if (op < 1)
			{
				a.style.filter = 'alpha(opacity='+op2+')';
				a.style.opacity = op;
			}
		else
			{
				a.style.opacity = 1;
				a.style.filter = '';
				clearInterval(timer);
			}
	}
function portfolio(a)
	{
		var cont = document.getElementById('content-portfolio');
		var arr = cont.getElementsByTagName('div');
		count = 0;
		for (i = 0; i < arr.length; i++)
			{
				if (arr[i].style.display == 'block' && arr[i].className == 'work' )	var curr = arr[i].id;
				if (arr[i].className == 'work')	count++;
			}
		var pfBack = document.getElementById('pf-back');
		var pfFwd = document.getElementById('pf-fwd');
		var nextID = parseInt(curr.split("k")[1]) + a;
		if (nextID == 0) pfBack.style.display = 'none';
		else pfBack.style.display = 'block'
		if (nextID == (count - 1)) pfFwd.style.display = 'none';
		else pfFwd.style.display = 'block'
		var next = 'work' + nextID;
		document.getElementById(curr).style.opacity = 1;
		document.getElementById(next).style.opacity = 0;
		document.getElementById(next).style.filter = 'alpha(opacity=0)';
		timer = setInterval('fade("'+curr+'", "'+next+'")', speed3);
	}