window.onload=function(){/*просто, чтоб onload сработал))*/ var s=document.getElementById ("header"); var x=document.getElementById("zagolovok"); var y=document.getElementById("text"); var z=document.getElementById("text2"); var n=document.getElementById("text3"); var m=document.getElementById("window") var o=document.getElementById("window2") var p=document.getElementById("window3") function cfr(){/*смена содержания*/ if(x.innerHTML=="выберите размер") {x.innerHTML="выберите материал"; y.innerHTML="бумага 0,1 мм"; z.innerHTML="ламинированная бумага 0,2 мм"; n.innerHTML="пластик"} else if(x.innerHTML=="выберите материал"){x.innerHTML="выберите цветовое оформление"; y.innerHTML="светлое"; z.innerHTML="темное"; n.innerHTML="контрастное"} else{x.innerHTML="ваш выбор:"; y.innerHTML=dd[0];z.innerHTML=dd[1]; n.innerHTML=dd[2];tvoumat()};}; var a=0; var b=0; var c=300; var h=0; var g=50; var k=1; var l=0; varbb=0; function crut(){ /*анимация окон выбора*/ if(a<300) {a=a+4; c=c-4; m.style.width=o.style.width=p.style.width=c+"px";} else if(a==300){cfr();a=301;} else if(a>300&&a<600){a=a+4;m.style.width=o.style.width=p.style.width=a-300+"px";} else {a=0;c=300;clearInterval(d)};}; var aa=0; function crut2(){/*анимация хедера*/ if(h<50) {h=h+1; g=g-1; s.style.height=g+"px";} else if(h>=50&&h<100){h=h+1;s.style.height=h-50+"px";} else {h=0;g=50;clearInterval(i)};}; var j=document.getElementsByTagName("h"); function textmirror(){/*плавное изменение прозрачности текста*/ if(l<1){l=l+0.1;k=k-0.4;j[0].style.opacity=j[1].style.opacity=j[2].style.opacity=j[3].style.opacity=k} else if(l>=1&&l<2){l=l+0.1;j[0].style.opacity=j[1].style.opacity=j[2].style.opacity=j[3].style.opacity=l-1}else {clearInterval(q);l=0;k=1};}; function qq(){/*запуск функций с интервалами*/ q=setInterval(textmirror,100);d=setInterval(crut,1);i=setInterval(crut2,10);}; var dd=[];/*массив, хранящий выбранные пользователем варианты*/ var cc=0; function crut1(){/*сдвиг элементов влево*/ if(aa<25){aa=aa+0.1;m.style.marginRight=o.style.marginRight=p.style.marginRight=25+aa+"%"};}; m.onclick=function(){ if(l<=0&&cc!=3){qq();cc=cc+1; return dd.push(y.innerHTML) } else return l}; o.onclick=function(){ if(l<=0&&cc!=3){qq();cc=cc+1; return dd.push(z.innerHTML) } else return l}; p.onclick=function(){ if(l<=0&&cc!=3){qq();cc=cc+1; return dd.push(n.innerHTML) } else return l}; function tvoumat(){/*запускает функцию сдвига элементов после выбора*/ if(x.innerHTML=="ваш выбор:"){var tt=setTimeout(function(){ee=setInterval (crut1,10)},2000)};{var ii=setTimeout (knopkaRaschitat,5000); var vv=setTimeout(knopkaknachalu,5000)}; var ttt=setTimeout(function(){tttt=setInterval(butopacity,10)},6000)}; var button=document.createElement("button"); function knopkaRaschitat(){/*создает кнопку*/ button.innerHTML="расчитать стоимость"; button.style="float:right"; button.style.marginTop=20+"px"; body.insertBefore(button,body.children[1]); }; var button2=document.createElement("button"); function knopkaknachalu(){/*создает еще одну кнопку*/ button2.innerHTML="к началу выбора"; button2.style="float:right"; button2.style.marginTop=50+"px"; button.style.opacity=0; body.insertBefore(button2,body.children[2]);}; var xxx=0; function butopacity(){if (xxx!=1){xxx=xxx+0.1;button=button2=x}}; };

визитница