speed1 = 5 //задержка появления слоя
speed2 = 5 //задержка исчезновения слоя

function phone()
	{
		var a = document.getElementById('number');
		var b = document.getElementById('button');
		if (a.value == '') {
			a.style.color='#cbcbcb';
			a.value = a.defaultValue;
			b.style.background = 'url(/images/check.gif)';
		}
	}
function phoneFocus()
	{
		var a = document.getElementById('number');
		a.value = '';
		a.style.color='#000000';
		var b = document.getElementById('button');
		b.style.background = 'url(/images/check-a.gif)';
	}	
function makeFog(s, id)
	{
		if(!(document.getElementById('fog')))
			{
				var body = document.getElementsByTagName('body')[0];
				var w = body.clientWidth;
				var h = body.clientHeight;			
				var nN = document.createElement('div');
				nN.className = 'fog';
				nN.style.width = w + 'px';
				nN.style.height = h + 'px';
				nN.style.opacity = 0;
				nN.style.filter = 'alpha(opacity=0)';
				nN.id = 'fog';
				body.appendChild(nN);		
				document.getElementById('fog').onclick = function(){f2 = setInterval('clearFog('+s+', \''+id+'\')', speed2);};								
				
				if (id == 'call') str = '(351) 776-45-23<p style="font-size:23px; font-family:Georgia; color:#000;">Неудобно звонить в Челябинск? Напишите нам: <a href="mailto:hello@identique.ru">hello@identique.ru</a></p>';
				if (id == 'thank') str = '<span>Спасибо</span>Мы перезвоним вам в течение часа.';
				if (id == 'map') str = '<div><p>Проехать к нам — нет ничего проще.</p><p>Выезжаете на Свердловский проспект и едете <span class=\'strong\'>строго прямо</span> в сторону <br />			Екатеринбурга (на ЧМЗ сворачивать не нужно). После разязки будет <br /> видно здание Парка Офисов (справа).</p>	<p class=\'address\'>Россия, Челябинск<br />	Парк Офисов<br /> Свердловский тракт 1ж<br /> офис <span class=\'dig\'>417</span></p></div>';
				if (id == 'order') str = '<form action="./" method="post" class="pf-order"><fieldset><label for="number">+7</label><input type="text" name="number" id="number" value="9630804111" onfocus="phoneFocus();" onblur="phone();" onkeypress="return checkinput(event);"  maxlength="10"/><button type="submit" id="button" name="submit"></button></fieldset></form><p class="big">Закажите портфолио<br /> в офис. <span class="strong">Бесплатно</span></p><p>Мы перезвоним вам <br />в течение получаса<br /> и договоримся, когда и где <br />вам будет удобней <br />посмотреть наши работы<br /> и пообщаться с нами.</p>';
				
				nN = document.createElement('div');
				if (s == 1) nN.className = 'pop pop-' + id;
				else nN.className = 'pop-' + id;
				nN.id = id;
				nN.style.opacity = 0;
				if (s == 1) nN.style.filter = 'alpha(opacity=0)';
				nN.innerHTML = str;
				body.appendChild(nN);
				if (s == 1) document.getElementById(id).onclick = function(){f2 = setInterval('clearFog('+s+', \''+id+'\')', speed2);};
			}
		var a = document.getElementById(id);			
		var fog = document.getElementById('fog');		
		var op = parseFloat(a.style.opacity);
		op += .1;
		op2 = op * 100 -10;
		if (s == 1)
			{
				if (op < 1) 
					{
						fog.style.opacity = op;
						fog.style.filter = 'alpha(opacity='+op2+')';
						a.style.opacity = op;
					}
				else 
					{
						clearInterval(f);
						a.style.filter = 'none';						
					}	
			}
		else	
			{
				if (op < 1.1) a.style.opacity = op;
				else clearInterval(f);
				n = document.getElementById('number');
				n.style.filter = 'none';						
				n.focus();
			}
	}
function clearFog(s, id)
	{
		var a = document.getElementById(id);
		a.style.filter = 'alpha(opacity=0)';
		var fog = document.getElementById('fog');
		var op = parseFloat(a.style.opacity);
		op -= .1;
		op2 = op * 100;
		if (op > 0) 
			{
				if (s == 1) 
					{
						fog.style.opacity = op;
						fog.style.filter = 'alpha(opacity='+op2+')';
					}	
				a.style.opacity = op;
			}	
		else 
			{
				fog.parentNode.removeChild(fog);
				a.parentNode.removeChild(a);
				clearInterval(f2);
			}	
	}	
function showhide(id)
	{
		if (id == 'call' || id == 'thank' || id == 'map') f = setInterval('makeFog(1, \''+id+'\')', speed1);
		if (id == 'order') f = setInterval('makeFog(0, \''+id+'\')', speed1);
	}	
	
	  function checkinput(evt) 
  { 
    if (!evt) evt = event; 
    if (evt.charCode) 
    { 
      var charCode = evt.charCode; 
    } 
    else if (evt.keyCode) 
    { 
      var charCode = evt.keyCode; 
    } 
    else if (evt.which) 
    { 
      var charCode = evt.which; 
    } 
    else 
    { 
      var charCode = 0; 
    } 
    if (charCode>31 && (charCode<48 || charCode>57) ) 
    { 
      return false; 
    } 
    return true; 
  }