Записи

<table cellpadding="10" cellspacing="10" width="100%">
 <tr id="idtablegame1"><td align="center">

 <table class="colorborder" width="500">
 <tr><td align="center">
<canvas id="canvasId75" width="180px" height="180px"></canvas>
<span>минут</span>
<canvas id="canvasId85" width="135px" height="135px"></canvas>
<span>секунд</span>
 </td></tr>
 <tr><td align="center">
 минут:
 <input id="v25in20" name="33" type="radio" onclick="v25MGo();" />20    
 <input id="v25in25" name="33" type="radio" onclick="v25MGo();" />25    
 <input id="v25in30" name="33" type="radio" onclick="v25MGo();" />30    
 <input id="v25in35" name="33" type="radio" onclick="v25MGo();" checked="checked" />35    
 <input id="v25in40" name="33" type="radio" onclick="v25MGo();" />40    
 <input id="v25in45" name="33" type="radio" onclick="v25MGo();" />45    
 <input id="v25in60" name="33" type="radio" onclick="v25MGo();" />60
 </td></tr>
 <tr><td align="center">
 <input id="v25inrnd" name="33" type="radio" onclick="v25MGo();" />
 <input type="range" id="v25param1" max="90" min="1" value="10" style="width: 300px;"
 oninput="{document.getElementById('v25spanparam1').innerHTML = document.getElementById('v25param1').value; v25MGo();}" />
 <span id="v25spanparam1" style="color: rgb(255,0,0);">10</span><span style="color: rgb(255,0,0);"> минут</span>
 </td></tr>
 <tr><td align="center">
 <input type="button" id="v25butstart" value="старт" onclick="v25MStart();">
 <input type="button" value=" -1 " onclick="v25ttagstart --; v25MCorr();">
 <input type="button" value=" +1 " onclick="v25ttagstart ++; v25MCorr();">
 </td></tr>
 </table>
<script>
//beep begin
audioCtx = new(window.AudioContext || window.webkitAudioContext)();
var typeHz = 'sine';
var oscillatormine = audioCtx.createOscillator();

function beep(frequencyHz) {
 var oscillator = audioCtx.createOscillator();
 var gainNode = audioCtx.createGain();
 
 oscillator.connect(gainNode);
 gainNode.connect(audioCtx.destination);

 gainNode.gain.value = 0.3;
 oscillator.frequency.value = frequencyHz;
 oscillator.type = typeHz;

 oscillator.start();
 oscillatormine = oscillator;
 
 setTimeout(
 function() {
 oscillator.stop();
 },
 1000
 );
};
//beep end

var v25timerNY = setInterval(v25ChangeDateTimer, 1000);
var myDatestart = new Date();
var myDatecurrent = new Date();
var v25ttag = 35;
var v25ttagstart = 35;
var v25ttagsec = 0;
var v25flagstart = false;
var v25flagcolor = true;
var v25H1 = 3; 
var v25H2 = 5; 
var v25S1 = 0; if (v25S1 === 0) v25S1 = 11; 
var v25S2 = 0; 
function v25ChangeDateTimer() {
if (v25flagstart) {
//timer
myDatecurrent = new Date();
var myDaterazniza = myDatecurrent - myDatestart;
v25ttagsec = 59 - Math.floor(myDaterazniza / 1000) +
 Math.floor(myDaterazniza / (1000 * 60))*60 +
 Math.floor(myDaterazniza / (1000 * 60*24))*24;
 if (v25ttagsec < 1) v25ttagsec = 0;
 if ((v25ttag === 3)&&(v25ttagsec === 0)) {
 v25DClock1.v25darkColor = '#E0FF7F'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#0E4D21'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#E0FF7F'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#0E4D21'; // цвет вкл эл-та 2
 beep(440);
 }
v25ttag = v25ttagstart - Math.floor(myDaterazniza / (1000 * 60)) +
 Math.floor(myDaterazniza / (1000*60*60)) * 60;
 if (v25ttag < 1) {
 if (document.getElementById('v25in20').checked) {v25ttag = 19;};
 if (document.getElementById('v25in25').checked) {v25ttag = 24;};
 if (document.getElementById('v25in30').checked) {v25ttag = 29;};
 if (document.getElementById('v25in35').checked) {v25ttag = 34;};
 if (document.getElementById('v25in40').checked) {v25ttag = 39;};
 if (document.getElementById('v25in45').checked) {v25ttag = 44;};
 if (document.getElementById('v25in60').checked) {v25ttag = 59;};
 if (document.getElementById('v25inrnd').checked) {
v25ttag = document.getElementById('v25param1').value - 1;};
v25ttagstart = v25ttag;
 if (v25ttagsec === 0) {
 if (v25flagcolor === false) {
 v25flagcolor = true;
 v25DClock1.v25darkColor = '#DCF3FF'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#0000FF'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#DCF3FF'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#0000FF'; // цвет вкл эл-та 2
 beep(320);
 } else {
 v25flagcolor = false;
 v25DClock1.v25darkColor = '#FFDDE8'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#DC8628'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#FFDDE8'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#DC8628'; // цвет вкл эл-та 2
 beep(320);
 }}
 }

//минуты
 var v25H0 = '00';
 if (v25ttag > 9) {
 v25H0 = "" + v25ttag;
 } else {
 v25H0 = '0' + v25ttag;
 }
 v25H1 = eval(v25H0[0]); if (v25H1 === 0) v25H1 = 11;
 v25H2 = eval(v25H0[1]); if ((v25H1 === 11)&&(v25H2 === 0)) v25H2 = 11; 

//секунды
 var v25S0 = '00';
 if (v25ttagsec > 9) {
 v25S0 = "" + v25ttagsec;
 } else {
 v25S0 = '0' + v25ttagsec;
 }
 v25S1 = eval(v25S0[0]); if (v25S1 === 0) v25S1 = 11;
 v25S2 = eval(v25S0[1]); 
}
}
function v25MCorr() {
 var v25H0 = '00';
 if (v25ttag > 9) {
 v25H0 = "" + v25ttag;
 } else {
 v25H0 = '0' + v25ttag;
 }
 v25H1 = eval(v25H0[0]); if (v25H1 === 0) v25H1 = 11;
 v25H2 = eval(v25H0[1]); if ((v25H1 === 11)&&(v25H2 === 0)) v25H2 = 11; 
}
function v25MStart() {
if (v25flagstart === false) {
v25flagstart = true;
document.getElementById('v25butstart').value = "стоп";
myDatestart = new Date();
myDatecurrent = new Date();
} else {
v25flagstart = false;
document.getElementById('v25butstart').value = "старт";
}
}

function v25MGo() {
 if (document.getElementById('v25in20').checked) {v25ttag = 19; v25H1 = 2; v25H2 = 0;};
 if (document.getElementById('v25in25').checked) {v25ttag = 24; v25H1 = 2; v25H2 = 5;};
 if (document.getElementById('v25in30').checked) {v25ttag = 29; v25H1 = 3; v25H2 = 0;};
 if (document.getElementById('v25in35').checked) {v25ttag = 34; v25H1 = 3; v25H2 = 5;};
 if (document.getElementById('v25in40').checked) {v25ttag = 39; v25H1 = 4; v25H2 = 0;};
 if (document.getElementById('v25in45').checked) {v25ttag = 44; v25H1 = 4; v25H2 = 5;};
 if (document.getElementById('v25in60').checked) {v25ttag = 59; v25H1 = 6; v25H2 = 0;};
 if (document.getElementById('v25inrnd').checked) {
v25ttag = document.getElementById('v25param1').value - 1; v25H1 =
 Math.floor(document.getElementById('v25param1').value/10); v25H2 =
 document.getElementById('v25param1').value%10;};
v25ttagstart = v25ttag;
 v25ttagsec = 60;
 v25S1 = 0; if (v25S1 === 0) v25S1 = 11; 
 v25S2 = 0;
 if (v25flagcolor === false) {
 v25flagcolor = true;
 v25DClock1.v25darkColor = '#DCF3FF'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#0000FF'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#DCF3FF'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#0000FF'; // цвет вкл эл-та 2
 } else {
 v25flagcolor = false;
 v25DClock1.v25darkColor = '#FFDDE8'; // цвет выкл эл-та 1
 v25DClock1.v25lightColor = '#DC8628'; // цвет вкл эл-та 1
 v25DClock2.v25darkColor = '#FFDDE8'; // цвет выкл эл-та 2
 v25DClock2.v25lightColor = '#DC8628'; // цвет вкл эл-та 2
 } 
}
v25MGo();
</script>

<script type="text/javascript" src="/js/timer/timer35.js"></script>

</td></tr>
</table>
 

<style type="text/css">
 .stWord {
 font-family: Times New Roman;
 font-size : 14pt;
 }
 </style>

 <table align="center" border="0" cellspacing="0" width="500" class="colorborder">
 <tbody>
 <tr><td align="center">
 найти 3 девятки
 </td></tr><tr><td class="colorborder" align="center">
 <div class="stWord" style="color: blue;">
 <script>
 for (var j = 0; j < 20; j=j+1) {
 for (var i = 0; i < 50; i=i+1) {
 document.write('<span id="span9find'+eval(i + j*50)+'">6</span>');
 }
 document.write('<br>');
 }
 function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
 }
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
 </script>
 </div>
 </td></tr><tr><td align="center">
 <input value="start" onclick="findstartClick()" type="button">
 <input value="start2" onclick="findstart2Click()" type="button">
 <input value="help" onclick="findhelpClick()" type="button">
 </td>
 </tr>
 </tbody>
 </table>

<script>
function findstartClick() {
 for (var i = 0; i < 1000; i=i+1) {document.getElementById('span9find'+i).innerHTML = '6';document.getElementById('span9find'+i).style.color = 'blue';}
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
}
function findstart2Click() {
 for (var i = 0; i < 1000; i=i+1) {document.getElementById('span9find'+i).innerHTML = getRandomInt(0,2);document.getElementById('span9find'+i).style.color = 'blue';}
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
 document.getElementById('span9find'+getRandomInt(0,1000)).innerHTML = '9';
}
function findhelpClick() {
 for (var i = 0; i < 1000; i=i+1) 
 if (document.getElementById('span9find'+i).innerHTML === '9') document.getElementById('span9find'+i).style.color = 'red';
}
</script> 
 

<style type="text/css">
 .stWordfind25 {
 font-family: Times New Roman;
 font-size : 18pt;
 }
 </style>

 <table align="center" border="0" cellspacing="0" width="500" class="colorborder">
 <tbody>
 <tr><td align="center">
 нажать по порядку
 </td></tr><tr><td class="colorborder">
 <table style="color: blue;" border="1" align="center">
 <script>
 for (var j = 0; j < 5; j=j+1) {
 document.write('<tr>');
 for (var i = 0; i < 5; i=i+1) {
 document.write('<td id="span25find'+eval(i + j*5)+'" width="50" class="stWordfind25" height="50" align="center" style="vertical-align: middle; cursor: pointer;" onclick="find25ButClick('+eval(i + j*5)+')">'+eval(i+1+j*5)+'</td>');
 }
 document.write('</tr>');
 }
 </script>
 </table>
 </td></tr><tr><td align="center">
 <span>следующая </span><span id="find25next">1</span><span> point = </span><span id="find25point">0</span>
 </td></tr><tr><td align="center">
 <input value="start" onclick="find25startClick()" type="button">
 </td>
 </tr>
 </tbody>
 </table>
<script>
 var find25color = [99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99];
 var find25num = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25];
 var find25timer = setInterval(find25Anim, 30);
 var find25step = -10;
 function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
 }
 function find25Anim() {
 for (var i = 0; i < 25; i=i+1) {
 document.getElementById('span25find'+i).style.background = '#0000FF' + find25color[i];
 if (find25color[i] > 10) find25color[i] = find25color[i] - 11;
 }
 if (find25step > -10) find25step = find25step + 1;
 if (find25step > 3000) find25step = 3000;
 }
function find25ButClick(Num) {
if (eval(document.getElementById('find25next').innerHTML) === find25num[Num]) {
 find25color[Num] = 99;
 document.getElementById('find25next').innerHTML = eval(document.getElementById('find25next').innerHTML) + 1;
 }
//
if (eval(document.getElementById('find25next').innerHTML) === 26) {
 document.getElementById('find25next').innerHTML = 0;
 document.getElementById('find25point').innerHTML = find25step;
 find25step = -10;
 } 
}
function find25startClick() {
 var find25tmp = 0;
 var find25tmpr1 = 0;
 var find25tmpr2 = 0;
 find25step = 0;
 for (var i = 0; i < 100; i=i+1) {
 find25tmpr1 = getRandomInt(0,25);
 find25tmpr2 = getRandomInt(0,25);
 find25tmp = find25num[find25tmpr1];
 find25num[find25tmpr1] = find25num[find25tmpr2];
 find25num[find25tmpr2] = find25tmp;
 }
 for (var i = 0; i < 25; i=i+1) {
 document.getElementById('span25find'+i).innerHTML = find25num[i];
 }
 document.getElementById('find25next').innerHTML = 1;
 document.getElementById('find25point').innerHTML = 0;
}
</script> 
 

<table width="400" cellspacing="10" cellpadding="10" align="center" class="colorborder">
 <tr><td>
<svg width="400" height="240" style="background:#FFF5D7;">
 <path id="effect_shape1" d="M300 50 Q160 20 240 100 T320 100 300 50 Z" fill="#0094FF00" stroke="#FF6A0077" stroke-width="2"/>
 <path id="effect_shape2" d="M300 50 Q160 20 240 100 T320 100 300 50 Z" fill="#00FF9400" stroke="#6AFF0077" stroke-width="2"/>
 <path id="effect_shape3" d="M300 50 Q160 20 240 100 T320 100 300 50 Z" fill="#FF009400" stroke="#6A00FF77" stroke-width="2"/>
</svg>
</td></tr>
</table>

<script>
var v105timer = setInterval(v105Anim, 100);
var v105timertag = 100;
var v105timertagstep = 100;
var v105coordsg1 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords1g1 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords2g1 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coordsg2 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords1g2 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords2g2 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coordsg3 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords1g3 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
var v105coords2g3 = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
function v105Anim() {
v105timertag ++; if (v105timertag > v105timertagstep) v105timertag = 0;
 for (var i = 0; i < 12; i=i+1) {
 v105coordsg1[i] = v105coordsg1[i] + ((v105coords2g1[i] - v105coords1g1[i]) / v105timertagstep);
 v105coordsg2[i] = v105coordsg2[i] + ((v105coords2g2[i] - v105coords1g2[i]) / v105timertagstep);
 v105coordsg3[i] = v105coordsg3[i] + ((v105coords2g3[i] - v105coords1g3[i]) / v105timertagstep);
 }
 if (v105timertag === v105timertagstep) {
 for (var i = 0; i < 12; i=i+1) {
 v105coords1g1[i] = v105coordsg1[i];
 v105coords1g2[i] = v105coordsg2[i];
 v105coords1g3[i] = v105coordsg3[i];
 } 
 }
 if (v105timertag === 0) {
 v105menaClick();
 }
////////
 var v105d = "M"; 
 for (var i=2; i<v105coordsg1.length-2; i+=2){
 if (i === 4) { v105d += "Q"; }
 else if (i === 8 ) { v105d += "T"; }
 v105d += " " + v105coordsg1[i] + " " + v105coordsg1[i+1];
 }
 v105d += " " + v105coordsg1[2] + " " + v105coordsg1[2+1];
 effect_shape1.setAttributeNS(null, "d", v105d); 
////////
 v105d = "M"; 
 for (var i=2; i<v105coordsg2.length-2; i+=2){
 if (i === 4) { v105d += "Q"; }
 else if (i === 8 ) { v105d += "T"; }
 v105d += " " + v105coordsg2[i] + " " + v105coordsg2[i+1];
 }
 v105d += " " + v105coordsg2[2] + " " + v105coordsg2[2+1];
 effect_shape2.setAttributeNS(null, "d", v105d); 
////////
 v105d = "M"; 
 for (var i=2; i<v105coordsg3.length-2; i+=2){
 if (i === 4) { v105d += "Q"; }
 else if (i === 8 ) { v105d += "T"; }
 v105d += " " + v105coordsg3[i] + " " + v105coordsg3[i+1];
 }
 v105d += " " + v105coordsg3[2] + " " + v105coordsg3[2+1];
 effect_shape3.setAttributeNS(null, "d", v105d); 
}

function v105menaClick() {
for (var i = 0; i < 12; i=i+2) {
v105coords2g1[i] = getRandomInt(50, 300);
v105coords2g1[i+1] = getRandomInt(50, 200);
v105coords2g2[i] = getRandomInt(50, 300);
v105coords2g2[i+1] = getRandomInt(50, 200);
v105coords2g3[i] = getRandomInt(50, 300);
v105coords2g3[i+1] = getRandomInt(50, 200);
}
}

function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
} 
</script>
 

<table width="250" cellspacing="10" cellpadding="10" align="center" class="colorborder">
 <tr><td>
 <div align="center" id="vg9Step">step:0</div>
 </td><td></td></tr>
 <tr><td class="colorborder">

<svg width="200" height="200" style="background:#FFF5D7; cursor:pointer;" id="vg9svgcont">
 <style> .vg9gri {font: 50px sans-serif; fill: #6dd;}</style>
 <rect x="30" y="30" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect1" rx="10"/>
 <rect x="40" y="40" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect2" rx="10"/>
 <rect x="50" y="50" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect3" rx="10"/>
 <rect x="60" y="60" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect4" rx="10"/>
 <rect x="70" y="70" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect5" rx="10"/>
 <rect x="80" y="80" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect6" rx="10"/>
 <rect x="90" y="90" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect7" rx="10"/>
 <rect x="100" y="100" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect8" rx="10"/>
 <rect x="110" y="110" width="50" height="50" fill="#FF6A00" stroke="#0094FF" stroke-width="2" id="vg9rect9" rx="10"/>
 <text class="vg9gri" x="35" y="70" id="vg9text1">1</text>
 <text class="vg9gri" x="45" y="80" id="vg9text2">2</text>
 <text class="vg9gri" x="55" y="90" id="vg9text3">3</text>
 <text class="vg9gri" x="65" y="100" id="vg9text4">4</text>
 <text class="vg9gri" x="75" y="110" id="vg9text5">5</text>
 <text class="vg9gri" x="85" y="120" id="vg9text6">6</text>
 <text class="vg9gri" x="95" y="130" id="vg9text7">7</text>
 <text class="vg9gri" x="105" y="140" id="vg9text8">8</text>
 <text class="vg9gri" x="115" y="150" id="vg9text9"></text>
</svg>

</td><td>
<center><img src="/jgame/game9/ImArr1.jpg" style="cursor:pointer" onclick="vg9ArGoClick(0)"/></center>
<center><img src="/jgame/game9/ImArr2.jpg" style="cursor:pointer" onclick="vg9ArGoClick(1)"/></center>
<center><img src="/jgame/game9/ImArr3.jpg" style="cursor:pointer" onclick="vg9ArGoClick(2)"/></center>
<center><img src="/jgame/game9/ImArr4.jpg" style="cursor:pointer" onclick="vg9ArGoClick(3)"/></center>
</td></tr>
 <tr><td>
 <center><input type="button" onclick="vg9SortClick()" value="перемешать" /></center>
 </td><td></td></tr>
</table>

<script>
var vg9coordXR = [25, 75, 125, 25, 75, 125, 25, 75, 125];
var vg9coordYR = [25, 25, 25, 75, 75, 75, 125, 125, 125];
var vg9coordXT = [25+10, 75+10, 125+10, 25+10, 75+10, 125+10, 25+10, 75+10, 125+10];
var vg9coordYT = [25+45, 25+45, 25+45, 75+45, 75+45, 75+45, 125+45, 125+45, 125+45];
for (var i = 0; i < 9; i++) {
 document.getElementById('vg9rect'+eval(i+1)).setAttributeNS(null, 'x', vg9coordXR[i]);
 document.getElementById('vg9rect'+eval(i+1)).setAttributeNS(null, 'y', vg9coordYR[i]);
 document.getElementById('vg9text'+eval(i+1)).setAttributeNS(null, 'x', vg9coordXT[i]);
 document.getElementById('vg9text'+eval(i+1)).setAttributeNS(null, 'y', vg9coordYT[i]);
}
</script>

<script>
var vg9place = [1, 2, 3, 4, 5, 6, 7, 8, 0];
var vg9colstep = 0;
function vg9ArGoClick(NumAr) {
 var tmpNumZero = 0;
 for (var i = 0; i < 9; i++) {
 if (vg9place[i] === 0) tmpNumZero = i;
 }
 if ((NumAr === 2)&&(tmpNumZero - 1 > -1)) vg9ButtonClick(tmpNumZero - 1); 
 if ((NumAr === 0)&&(tmpNumZero - 3 > -1)) vg9ButtonClick(tmpNumZero - 3); 
 if ((NumAr === 3)&&(tmpNumZero + 1 < 9)) vg9ButtonClick(tmpNumZero + 1); 
 if ((NumAr === 1)&&(tmpNumZero + 3 < 9)) vg9ButtonClick(tmpNumZero + 3); 
}
function vg9ButtonClick(NumBut) {
 if (NumBut == 0) { flagL = false; flagT = false; flagR = true; flagB = true; }
 if (NumBut == 1) { flagL = true; flagT = false; flagR = true; flagB = true; }
 if (NumBut == 2) { flagL = true; flagT = false; flagR = false; flagB = true; }
 if (NumBut == 3) { flagL = false; flagT = true; flagR = true; flagB = true; }
 if (NumBut == 4) { flagL = true; flagT = true; flagR = true; flagB = true; }
 if (NumBut == 5) { flagL = true; flagT = true; flagR = false; flagB = true; }
 if (NumBut == 6) { flagL = false; flagT = true; flagR = true; flagB = false; }
 if (NumBut == 7) { flagL = true; flagT = true; flagR = true; flagB = false; }
 if (NumBut == 8) { flagL = true; flagT = true; flagR = false; flagB = false; }
 if (flagL) { if (vg9place[NumBut-1] == 0) { vg9GoClick(NumBut, NumBut-1) } }
 if (flagT) { if (vg9place[NumBut-3] == 0) { vg9GoClick(NumBut, NumBut-3) } }
 if (flagR) { if (vg9place[NumBut+1] == 0) { vg9GoClick(NumBut, NumBut+1) } }
 if (flagB) { if (vg9place[NumBut+3] == 0) { vg9GoClick(NumBut, NumBut+3) } }
}
function vg9GoClick(A1, A2) {
 vg9place[A2] = vg9place[A1];
 vg9place[A1] = 0;
 vg9GoDraw();
 vg9minigame1Win();
}
function vg9GoDraw() {
 vg9colstep = vg9colstep + 1;
 document.getElementById('vg9Step').innerHTML = "step:" + vg9colstep;
 //
 for (var i = 0; i < 9; i++) {
 document.getElementById('vg9text'+eval(i+1)).textContent = vg9place[i];
 if (vg9place[i] === 0) document.getElementById('vg9text'+eval(i+1)).textContent = "";
}
}
function vg9SortClick() {
 for (var i = 0; i < 1000; i++) { vg9ButtonClick(vg9getRandomInt(0, 8)); }
 for (var i = 0; i < vg9place.length; i=i+1) { document.getElementById('vg9rect'+eval(i+1)).setAttributeNS(null, 'stroke', "#0094FF"); };
 vg9colstep = 0;
 document.getElementById('vg9Step').innerHTML = "step:" + vg9colstep;
}
function vg9getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}
 function vg9minigame1Win() {
 var vg9winA = [1, 2, 3, 4, 5, 6, 7, 8, 0];
 var vg9rezultA = 0;
 for (var i = 0; i < vg9place.length; i=i+1) { if (vg9place[i] === vg9winA[i]) {vg9rezultA = vg9rezultA + 1;}; }
 if ( vg9rezultA === vg9place.length) {
 for (var i = 0; i < vg9place.length; i=i+1) { document.getElementById('vg9rect'+eval(i+1)).setAttributeNS(null, 'stroke', "#94FF94"); };
 }
} 
</script>
<script>
var vg9NumClick = 0;
function getOffset(elem) {
 if (elem.getBoundingClientRect) {
 return getOffsetRect(elem)
 } else {
 return getOffsetSum(elem)
 }
}
function getOffsetSum(elem) {
 var top=0, left=0
 while(elem) {
 top = top + parseInt(elem.offsetTop)
 left = left + parseInt(elem.offsetLeft)
 elem = elem.offsetParent
 }
 return {top: top, left: left}
}
function getOffsetRect(elem) {
 var box = elem.getBoundingClientRect()
 var body = document.body
 var docElem = document.documentElement
 var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
 var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft
 var clientTop = docElem.clientTop || body.clientTop || 0
 var clientLeft = docElem.clientLeft || body.clientLeft || 0
 var top = box.top + scrollTop - clientTop
 var left = box.left + scrollLeft - clientLeft
 return { top: Math.round(top), left: Math.round(left) }
}
//end add
var vg9MouseMove = function(e) {
 var vg9elm = document.getElementById('vg9svgcont');
 var vg9coordspanel = getOffset(vg9elm);
 var vg9mX = e.pageX - vg9coordspanel.left;
 var vg9mY = e.pageY - vg9coordspanel.top;
 //
 for (var i = 0; i < 9; i++) {
 if ((vg9mX > vg9coordXR[i])&&(vg9mX < vg9coordXR[i] + 50)&&(vg9mY > vg9coordYR[i])&&(vg9mY < vg9coordYR[i] + 50)) vg9NumClick = i;
 }
};
var vg9MouseDown = function(e) {
 vg9ButtonClick(vg9NumClick);
};

document.getElementById('vg9svgcont').addEventListener("mousemove", vg9MouseMove, false);
document.getElementById('vg9svgcont').addEventListener("mousedown", vg9MouseDown, false);
</script>
 

<table width="400" cellspacing="10" cellpadding="10" align="center" class="colorborder">
 <tr><td>
 <div align="center" id="v3iiStep">step:0</div>
 </td><td></td></tr>
 <tr><td class="colorborder">

<svg width="300" height="400" style="background:#FFF5D7;">
 <circle cx="150" cy="165" r="70" fill="#0094FF00" stroke="#FF6A0077" stroke-width="25"/>
 <circle cx="150" cy="235" r="70" fill="#0094FF00" stroke="#0094FF77" stroke-width="25"/>
 <circle cx="50" cy="50" r="11" fill="#FF6A00" stroke="#0094FF" id="circle1" stroke-width="2"/>
 <circle cx="55" cy="55" r="11" fill="#FF6A00" stroke="#0094FF" id="circle2" stroke-width="2"/>
 <circle cx="60" cy="60" r="11" fill="#FF6A00" stroke="#0094FF" id="circle3" stroke-width="2"/>
 <circle cx="65" cy="65" r="11" fill="#FF6A00" stroke="#0094FF" id="circle4" stroke-width="2"/>
 <circle cx="70" cy="70" r="11" fill="#FF6A00" stroke="#0094FF" id="circle5" stroke-width="2"/>
 <circle cx="75" cy="75" r="11" fill="#FF6A00" stroke="#0094FF" id="circle6" stroke-width="2"/>
 <circle cx="80" cy="80" r="11" fill="#FF6A00" stroke="#0094FF" id="circle7" stroke-width="2"/>
 <circle cx="85" cy="85" r="11" fill="#FF6A00" stroke="#0094FF" id="circle8" stroke-width="2"/>
 <circle cx="90" cy="90" r="11" fill="#FF6A00" stroke="#0094FF" id="circle9" stroke-width="2"/>
 <circle cx="95" cy="95" r="11" fill="#FF6A00" stroke="#0094FF" id="circle10" stroke-width="2"/>
 <circle cx="100" cy="100" r="11" fill="#FF6A00" stroke="#0094FF" id="circle11" stroke-width="2"/>
 <circle cx="105" cy="105" r="11" fill="#0094FF" stroke="#FF6A00" id="circle12" stroke-width="2"/>
 <circle cx="110" cy="110" r="11" fill="#0094FF" stroke="#FF6A00" id="circle13" stroke-width="2"/>
 <circle cx="115" cy="115" r="11" fill="#0094FF" stroke="#FF6A00" id="circle14" stroke-width="2"/>
 <circle cx="120" cy="120" r="11" fill="#0094FF" stroke="#FF6A00" id="circle15" stroke-width="2"/>
 <circle cx="125" cy="125" r="11" fill="#0094FF" stroke="#FF6A00" id="circle16" stroke-width="2"/>
 <circle cx="130" cy="130" r="11" fill="#0094FF" stroke="#FF6A00" id="circle17" stroke-width="2"/>
 <circle cx="135" cy="135" r="11" fill="#0094FF" stroke="#FF6A00" id="circle18" stroke-width="2"/>
 <circle cx="140" cy="140" r="11" fill="#0094FF" stroke="#FF6A00" id="circle19" stroke-width="2"/>
 <circle cx="145" cy="145" r="11" fill="#0094FF" stroke="#FF6A00" id="circle20" stroke-width="2"/>
 <circle cx="150" cy="150" r="11" fill="#0094FF" stroke="#FF6A00" id="circle21" stroke-width="2"/>
 <circle cx="155" cy="155" r="11" fill="#0094FF" stroke="#FF6A00" id="circle22" stroke-width="2"/>
</svg>

</td><td>
<center><img src="/jgame/game8/ImArr1.jpg" style="cursor:pointer" onclick="v3iiGoClick(0, true)"/></center>
<center><img src="/jgame/game8/ImArr2.jpg" style="cursor:pointer" onclick="v3iiGoClick(1, true)"/></center>
<center><img src="/jgame/game8/ImArr3.jpg" style="cursor:pointer" onclick="v3iiGoClick(2, true)"/></center>
<center><img src="/jgame/game8/ImArr4.jpg" style="cursor:pointer" onclick="v3iiGoClick(3, true)"/></center>
</td></tr>
 <tr><td>
 <center><input type="button" onclick="v3iiAddClick()" value="сложить" /><input type="button" onclick="v3iiSortClick()" value="перемешать" /></center>
 </td><td></td></tr>

</table>

<script>
var coordX = [80, 90, 120, 150, 180, 210, 220, 210, 180, 150, 120, 220, 210, 180, 150, 120, 90, 80, 90, 120, 150, 180];
var coordY = [165, 130, 100, 95, 100, 130, 160, 200, 230, 235, 230, 240, 270, 300, 305, 300, 270, 240, 200, 170, 165, 170];
var coordAr1 = [19, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 12, 13, 14, 15, 16, 17, 18, 11, 20, 21, 22];
var coordAr2 = [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 19, 12, 13, 14, 15, 16, 17, 18, 1, 20, 21, 22];
var coordAr3 = [1, 2, 3, 4, 5, 6, 7, 22, 9, 10, 11, 8, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21];
var coordAr4 = [1, 2, 3, 4, 5, 6, 7, 12, 9, 10, 11, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 8];
for (var i = 0; i < 22; i++) {
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cx', coordX[i]);
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cy', coordY[i]);
}
var timertag1 = -10;
var timertag2 = -10;
var timertag3 = -10;
var timertag4 = -10;
var timer1 = setInterval(Anim1, 30);
function Anim1() {
 if (timertag1 > -10) {
 timertag1 ++;
 for (var i = 0; i < 22; i++) {
 var tmpX = document.getElementById('circle'+eval(i+1)).getAttributeNS(null,'cx');
 var tmpY = document.getElementById('circle'+eval(i+1)).getAttributeNS(null,'cy');
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cx', eval(tmpX)+(coordX[coordAr1[i]-1] - coordX[i])/10);
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cy', eval(tmpY)+(coordY[coordAr1[i]-1] - coordY[i])/10);
 }
 }
 if (timertag1 > 10) {
 timertag1 = -10;
 v3iiGoColor();
 }
 //1
 if (timertag2 > -10) {
 timertag2 ++;
 for (var i = 0; i < 22; i++) {
 var tmpX = document.getElementById('circle'+eval(i+1)).getAttributeNS(null,'cx');
 var tmpY = document.getElementById('circle'+eval(i+1)).getAttributeNS(null,'cy');
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cx', eval(tmpX)+(coordX[coordAr2[i]-1] - coordX[i])/10);
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cy', eval(tmpY)+(coordY[coordAr2[i]-1] - coordY[i])/10);
 }
 }
 if (timertag2 > 10) {
 timertag2 = -10;
 v3iiGoColor();
 }
 //2
 if (timertag3 > -10) {
 timertag3 ++;
 for (var i = 0; i < 22; i++) {
 var tmpX = document.getElementById('circle'+eval(i+1)).getAttributeNS(null,'cx');
 var tmpY = document.getElementById('circle'+eval(i+1)).getAttributeNS(null,'cy');
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cx', eval(tmpX)+(coordX[coordAr3[i]-1] - coordX[i])/10);
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cy', eval(tmpY)+(coordY[coordAr3[i]-1] - coordY[i])/10);
 }
 }
 if (timertag3 > 10) {
 timertag3 = -10;
 v3iiGoColor();
 }
 //3
 if (timertag4 > -10) {
 timertag4 ++;
 for (var i = 0; i < 22; i++) {
 var tmpX = document.getElementById('circle'+eval(i+1)).getAttributeNS(null,'cx');
 var tmpY = document.getElementById('circle'+eval(i+1)).getAttributeNS(null,'cy');
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cx', eval(tmpX)+(coordX[coordAr4[i]-1] - coordX[i])/10);
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cy', eval(tmpY)+(coordY[coordAr4[i]-1] - coordY[i])/10);
 }
 }
 if (timertag4 > 10) {
 timertag4 = -10; 
 v3iiGoColor();
 }
 //4
}
</script>

 <script>
 var v3iicolstep = 0;
var v3iiplace = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2];
function v3iiGoClick(A1, flagGo) {
 var tempcolor = 4;
 if (A1 == 0) {
 tempcolor = v3iiplace[3]; v3iiplace[3] = v3iiplace[4]; v3iiplace[4] = v3iiplace[5]; v3iiplace[5] = v3iiplace[6]; 
 v3iiplace[6] = v3iiplace[7]; v3iiplace[7] = v3iiplace[8]; v3iiplace[8] = v3iiplace[9]; v3iiplace[9] = v3iiplace[10]; 
 v3iiplace[10] = v3iiplace[18]; v3iiplace[18] = v3iiplace[0]; v3iiplace[0] = v3iiplace[1]; v3iiplace[1] = v3iiplace[2]; 
 v3iiplace[2] = tempcolor; 
 }
 if (A1 == 1) {
 tempcolor = v3iiplace[3]; v3iiplace[3] = v3iiplace[2]; v3iiplace[2] = v3iiplace[1]; v3iiplace[1] = v3iiplace[0]; 
 v3iiplace[0] = v3iiplace[18]; v3iiplace[18] = v3iiplace[10]; v3iiplace[10] = v3iiplace[9]; v3iiplace[9] = v3iiplace[8]; 
 v3iiplace[8] = v3iiplace[7]; v3iiplace[7] = v3iiplace[6]; v3iiplace[6] = v3iiplace[5]; v3iiplace[5] = v3iiplace[4]; 
 v3iiplace[4] = tempcolor; 
 }
 if (A1 == 2) {
 tempcolor = v3iiplace[14]; v3iiplace[14] = v3iiplace[15]; v3iiplace[15] = v3iiplace[16]; v3iiplace[16] = v3iiplace[17]; 
 v3iiplace[17] = v3iiplace[18]; v3iiplace[18] = v3iiplace[19]; v3iiplace[19] = v3iiplace[20]; v3iiplace[20] = v3iiplace[21]; 
 v3iiplace[21] = v3iiplace[7]; v3iiplace[7] = v3iiplace[11]; v3iiplace[11] = v3iiplace[12]; v3iiplace[12] = v3iiplace[13]; 
 v3iiplace[13] = tempcolor; 
 }
 if (A1 == 3) {
 tempcolor = v3iiplace[14]; v3iiplace[14] = v3iiplace[13]; v3iiplace[13] = v3iiplace[12]; v3iiplace[12] = v3iiplace[11]; 
 v3iiplace[11] = v3iiplace[7]; v3iiplace[7] = v3iiplace[21]; v3iiplace[21] = v3iiplace[20]; v3iiplace[20] = v3iiplace[19]; 
 v3iiplace[19] = v3iiplace[18]; v3iiplace[18] = v3iiplace[17]; v3iiplace[17] = v3iiplace[16]; v3iiplace[16] = v3iiplace[15]; 
 v3iiplace[15] = tempcolor; 
 }
 //
 if (flagGo) {
 v3iiGoDraw(A1);
 minigame3iiWin();
 }
}
function v3iiGoColor() {
 var tmpColorfill = ['#FF6A00', '#0094FF'];
 var tmpColorstroke = ['#0094FF', '#FF6A00'];
 for (var i = 0; i < 22; i++) {
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'fill', tmpColorfill[v3iiplace[i]-1]);
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'stroke', tmpColorstroke[v3iiplace[i]-1]);
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cx', coordX[i]);
 document.getElementById('circle'+eval(i+1)).setAttributeNS(null, 'cy', coordY[i]);
 }
}
function v3iiGoDraw(num) {
 v3iicolstep = v3iicolstep + 1;
 document.getElementById('v3iiStep').innerHTML = "step:" + v3iicolstep;
 //
 if (num === 0) timertag1 = 0;
 if (num === 1) timertag2 = 0;
 if (num === 2) timertag3 = 0;
 if (num === 3) timertag4 = 0;
 if (num === 4) v3iiGoColor();
}
function v3iiSortClick() {
 for (var i = 0; i < 30; i++) { v3iiGoClick(v3iigetRandomInt(0, 3), false); }
 v3iicolstep = 0;
 document.getElementById('v3iiStep').innerHTML = "step:" + v3iicolstep;
 v3iiGoColor();
}
function v3iiAddClick() {
 v3iicolstep = -1;
 v3iiplace = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2];
 v3iiGoDraw(4);
}
function v3iigetRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}
 function minigame3iiWin() {
 var win3iiA = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2];
 var win3iiB = [2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 2, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1];
 var rezult3iiA = 0;
 for (var i = 0; i < v3iiplace.length; i=i+1) { if (v3iiplace[i] === win3iiA[i]) {rezult3iiA = rezult3iiA + 1;}; }
 if ( rezult3iiA === v3iiplace.length) { document.getElementById('v3iiStep').innerHTML += ' Вы выиграли'; };
 var rezult3iiB = 0;
 for (var i = 0; i < v3iiplace.length; i=i+1) { if (v3iiplace[i] === win3iiB[i]) {rezult3iiB = rezult3iiB + 1;}; }
 if ( rezult3iiB === v3iiplace.length) { document.getElementById('v3iiStep').innerHTML += ' Вы выиграли'; };
 }
</script>
 

<table width="500" height="500" border="0" align="center" class="colorborder" >
 <tr><td width="500" height="500" style="cursor:pointer; border: 1px solid blue">
 <canvas id="v10myCanvas1" width="500" height="500"></canvas>
 </td></tr><tr><td align="center">
 y=A1*sin(B1*x)
 </td></tr><tr><td align="center">
 <span style="color: rgb(255,0,0);">paramA1: </span><input type="range" id="v10param1" max="25" min="1" value="10"
 oninput="{document.getElementById('v10spanparam1').innerHTML = document.getElementById('v10param1').value; v10A1 = document.getElementById('v10param1').value / 10;}" />
 <span id="v10spanparam1" style="color: rgb(255,0,0);">10</span>
 <span style="color: rgb(0,0,255);">paramB1: </span><input type="range" id="v10param3" max="25" min="1" value="10"
 oninput="{document.getElementById('v10spanparam3').innerHTML = document.getElementById('v10param3').value; v10B1 = document.getElementById('v10param3').value / 10;}" />
 <span id="v10spanparam3" style="color: rgb(0,0,255);">10</span>
</td></tr> 
</table> 

<script>
 var v10A1 = 1;
 var v10B1 = 1;
//
 var v10canvas1 = document.querySelector("#v10myCanvas1");
 var v10context1 = v10canvas1.getContext("2d");
//
 function v10update() {
 v10context1.clearRect(0, 0, v10canvas1.width, v10canvas1.height);
 v10context1.lineWidth = 2;
 v10context1.fillStyle = "#0000FF";
 v10context1.strokeStyle = "#0000FF";
//
 v10context1.beginPath();
 v10context1.moveTo(0, 250);
 v10context1.lineTo(500, 250);
 v10context1.stroke();
 v10context1.closePath();
//
//
 v10context1.beginPath();
 v10context1.moveTo(250, 0);
 v10context1.lineTo(250, 500);
 v10context1.stroke();
 v10context1.closePath();
//
 var v10coorX = 0;
 var v10coorY = 0;
 for (var i = -249; i < 250; i=i+5) {
 v10coorX = i;
 v10coorY = v10A1*100*Math.sin(v10B1*v10coorX*3.141528/180.0);
 v10context1.beginPath();
 v10context1.arc(v10coorX + 250, 250 - v10coorY, 3, 0, 2 * Math.PI, false);
 v10context1.fillStyle = 'red';
 v10context1.fill();
 v10context1.lineWidth = 1;
 v10context1.strokeStyle = '#003300';
 v10context1.stroke();
 v10context1.closePath();
 }
//
 requestAnimationFrame(v10update);
 }
 v10update();

</script>
 

<style type="text/css">
.stWord {
 font-family: Times New Roman;
 font-size : 14pt;
 width : 25pt;
}
.stExp {
 font-family: Times New Roman;
 font-size : 14pt;
}
</style>

 <table align="center" cellspacing="5" width="500">
 <tbody>
 <tr>
 <td class="colorborder">
 поиск шифра "3 буквы"<hr>

 <table width="350" align="center"><tr><td>
 <input class="stWord" id="ver3Wordinput0" type="text" value="" />
 <input class="stWord" id="ver3Wordinput1" type="text" value="" />
 <input class="stWord" id="ver3Wordinput2" type="text" value="" />
 </td></tr>
 </table>

 <div><input onclick="ver3startWrd();" type="button" value="старт" />
 <input onclick="ver3Edit1Click();" type="button" value="перебор" />
 <input onclick="ver3Edit2Click();" type="button" value="случайный" /></div>
 <hr>
 <div>1 результат:<span id="ver3hintrez1">0</span> итераций пароль: <span id="ver3hintparol1">-</span></div> 
 <div>2 результат:<span id="ver3hintrez2">0</span> итераций пароль: <span id="ver3hintparol2">-</span></div> 
 </td>
 </tr>
 </tbody>
 </table>

<script>
function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}
var tablewords = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0',
 'q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p', 'a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'z', 'x', 'c', 'v', 'b', 'n', 'm',
 'Q', 'W', 'E', 'R', 'T', 'Y', 'U', 'I', 'O', 'P', 'A', 'S', 'D', 'F', 'G', 'H', 'J', 'K', 'L', 'Z', 'X', 'C', 'V', 'B', 'N', 'M',
 '!', '@', '#', '$', '%', '^', '&', '*', '-', '_', '=', '+'];
</script>

<script>
function ver3startWrd() {
 document.getElementById('ver3Wordinput0').value = tablewords[getRandomInt(0, tablewords.length)];
 document.getElementById('ver3Wordinput1').value = tablewords[getRandomInt(0, tablewords.length)];
 document.getElementById('ver3Wordinput2').value = tablewords[getRandomInt(0, tablewords.length)];
}
function ver3Edit1Click() {
if (document.getElementById('ver3Wordinput0').value != '')
if (document.getElementById('ver3Wordinput0').value != ' ')
if (document.getElementById('ver3Wordinput1').value != '')
if (document.getElementById('ver3Wordinput1').value != ' ') 
if (document.getElementById('ver3Wordinput2').value != '')
if (document.getElementById('ver3Wordinput2').value != ' ') {
 var ver3colvoiter = 0;
 for (var i = 0; i < tablewords.length; i++) 
 for (var j = 0; j < tablewords.length; j++) 
 for (var k = 0; k < tablewords.length; k++) {
 ver3colvoiter ++;
 if ((document.getElementById('ver3Wordinput0').value[0] === tablewords[i])&&
 (document.getElementById('ver3Wordinput1').value[0] === tablewords[j])&&
 (document.getElementById('ver3Wordinput2').value[0] === tablewords[k])) {
 document.getElementById('ver3hintrez1').innerHTML = ver3colvoiter;
 document.getElementById('ver3hintparol1').innerHTML = "" + tablewords[i] + tablewords[j] + tablewords[k];
 i = tablewords.length;
 j = tablewords.length;
 k = tablewords.length;
 }
 }
}
}
function ver3Edit2Click() {
var ver3flagno = true;
var ver3flagNum = 0;
if (document.getElementById('ver3Wordinput0').value != '')
if (document.getElementById('ver3Wordinput0').value != ' ')
if (document.getElementById('ver3Wordinput1').value != '')
if (document.getElementById('ver3Wordinput1').value != ' ') 
if (document.getElementById('ver3Wordinput2').value != '')
if (document.getElementById('ver3Wordinput2').value != ' ') {
while ( ver3flagno && (ver3flagNum < 100000000)) {
 ver3flagNum ++;
 if ((document.getElementById('ver3Wordinput0').value[0] === tablewords[getRandomInt(0, tablewords.length)])&&
 (document.getElementById('ver3Wordinput1').value[0] === tablewords[getRandomInt(0, tablewords.length)])&&
 (document.getElementById('ver3Wordinput2').value[0] === tablewords[getRandomInt(0, tablewords.length)])) {
 document.getElementById('ver3hintrez2').innerHTML = ver3flagNum;
 document.getElementById('ver3hintparol2').innerHTML = "" + document.getElementById('ver3Wordinput0').value[0] +
 document.getElementById('ver3Wordinput1').value[0] + document.getElementById('ver3Wordinput2').value[0];
 ver3flagno = false;
 }
 }
}
}
</script>
 

<style type="text/css">
.stWord {
 font-family: Times New Roman;
 font-size : 14pt;
 width : 25pt;
}
.stExp {
 font-family: Times New Roman;
 font-size : 14pt;
}
</style>

 <table align="center" cellspacing="5" width="500">
 <tbody>
 <tr>
 <td class="colorborder">
 поиск слова "4 букв" - правильно: <span id="ver5countnum">0</span> - предыдущее:
 <span id="ver5counttext">0</span><hr>

 <table width="350" align="center"><tr><td>
 <input class="stWord" id="ver5Wordinput0" type="text" value="" />
 <input class="stWord" id="ver5Wordinput1" type="text" value="" />
 </td></tr>
 <tr><td>
 <input class="stWord" id="ver5Wordinput2" type="text" value="" />
 <input class="stWord" id="ver5Wordinput3" type="text" value="" />
 </td></tr>
 </table>

 <div>
 <input onclick="ver5startWrd();" type="button" value="старт" />
 <input onclick="document.getElementById('ver5hintbutton').value = ver5maska;
 document.getElementById('ver5svg'+ver5nummas).style.borderColor='blue';
 ver5countrun-=2; document.getElementById('ver5countnum').innerHTML = ver5countrun;"
 type="button" value="подсказка" id="ver5hintbutton"/>
 </div>
 </td>
 </tr>
 </tbody>
 </table>

<script src="/js/findword/dicword.js"></script>
<script>
function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}
</script>

<script>
var ver5mas = [
[0,1,3,2],
[0,2,3,1],

[1,3,2,0],
[1,0,2,3],

[2,0,1,3],
[2,3,1,0],

[3,1,0,2],
[3,2,0,1]

];
var ver5maska = "";
var ver5nummas = 0;
var ver5countrun = 0;
function ver5startWrd() {
var ver5flagno = true;
ver5maska = "";
while ( ver5flagno ) {
ver5maska = wrd[getRandomInt(0, wrd.length)].toLowerCase();
if (ver5maska.length === 4) ver5flagno = false;
}
//
 ver5nummas = getRandomInt(0, ver5mas.length);
 document.getElementById('ver5Wordinput'+ver5mas[ver5nummas][0]).value = ver5maska[0];
 document.getElementById('ver5Wordinput'+ver5mas[ver5nummas][1]).value = ver5maska[1];
 document.getElementById('ver5Wordinput'+ver5mas[ver5nummas][2]).value = ver5maska[2];
 document.getElementById('ver5Wordinput'+ver5mas[ver5nummas][3]).value = ver5maska[3];
//
document.getElementById('ver5hintbutton').value = "подсказка";
for (var i = 0; i < ver5mas.length; i++) { document.getElementById('ver5svg'+i).style.borderColor="#FFF5D7"; }
}
</script>

 <table align="center" cellspacing="5" width="500">
 <tbody>
 <tr>
 <td class="colorborder">
 
<script>
for (var i = 0; i < ver5mas.length; i++) {
document.write('<svg width="64" height="64" style="background:#FFF5D7; cursor:pointer; border: 1px solid #FFF5D7;"
 id="ver5svg'+i+'" align="left" onclick="ver5runaclick('+i+')"> <rect x="30" y="30" width="50" height="50" fill="#FFF5D7"
 stroke="#0094FF" stroke-width="2" id="ver5rect0svg'+i+'" rx="10"/> <rect x="40" y="40" width="50" height="50" fill="#FFF5D7"
 stroke="#0094FF" stroke-width="2" id="ver5rect1svg'+i+'" rx="10"/> <rect x="50" y="50" width="50" height="50" fill="#FFF5D7"
 stroke="#0094FF" stroke-width="2" id="ver5rect2svg'+i+'" rx="10"/> <rect x="60" y="60" width="50" height="50" fill="#FFF5D7"
 stroke="#0094FF" stroke-width="2" id="ver5rect3svg'+i+'" rx="10"/> <line x1="0" y1="80" x2="100" y2="20" stroke="red"
 stroke-width="3" id="ver5line0svg'+i+'"/> <line x1="0" y1="80" x2="100" y2="20" stroke="red" stroke-width="3"
 id="ver5line1svg'+i+'"/> <line x1="0" y1="80" x2="100" y2="20" stroke="red" stroke-width="3" id="ver5line2svg'+i+'"/> </svg>');
}
</script>

 </td>
 </tr>
 </tbody>
 </table>
 
<script>
var ver5widthcell = 8;
var ver5coordXR = [ver5widthcell, ver5widthcell*3, ver5widthcell, ver5widthcell*3];
var ver5coordYR = [ver5widthcell, ver5widthcell, ver5widthcell*3, ver5widthcell*3];
for (var i = 0; i < ver5mas.length; i++) {
for (var k = 0; k < 4; k++) {
 document.getElementById('ver5rect'+k+'svg'+i).setAttributeNS(null, 'x', ver5coordXR[k]);
 document.getElementById('ver5rect'+k+'svg'+i).setAttributeNS(null, 'y', ver5coordYR[k]);
 document.getElementById('ver5rect'+k+'svg'+i).setAttributeNS(null, 'width', ver5widthcell*2);
 document.getElementById('ver5rect'+k+'svg'+i).setAttributeNS(null, 'height', ver5widthcell*2);
}
//
for (var k = 0; k < 3; k++) {
 document.getElementById('ver5line'+k+'svg'+i).setAttributeNS(null, 'x1', ver5widthcell+ver5coordXR[ver5mas[i][k]]);
 document.getElementById('ver5line'+k+'svg'+i).setAttributeNS(null, 'y1', ver5widthcell+ver5coordYR[ver5mas[i][k]]);
 document.getElementById('ver5line'+k+'svg'+i).setAttributeNS(null, 'x2', ver5widthcell+ver5coordXR[ver5mas[i][k+1]]);
 document.getElementById('ver5line'+k+'svg'+i).setAttributeNS(null, 'y2', ver5widthcell+ver5coordYR[ver5mas[i][k+1]]);
}
//
 document.getElementById('ver5rect'+ver5mas[i][0]+'svg'+i).setAttributeNS(null, 'fill', '#00FFF6');
}
function ver5runaclick(num) {
if(num === ver5nummas) {
 ver5countrun+=5;
 document.getElementById('ver5counttext').innerHTML = ver5maska;
 ver5startWrd();
 } else {
 ver5countrun--;
 document.getElementById('ver5svg'+num).style.borderColor="red";
 }
 document.getElementById('ver5countnum').innerHTML = ver5countrun;
}
</script>

 

 <table align="center" border="0" cellspacing="0" width="400">
 <tbody>
 <tr>
 <td class="colorborder">
 русско-английский
 <hr>
<div>
Введите изучаемое русское слово<br>
Например: стол<br>
Результат: table<br>
База: 49921 слов<br>
</div>
<div><input class="stWord" id="ver2textFWinput" value="стол" type="text" onkeyup="ver2textfind()"></div>
<div><textarea class="stWord" cols="60" id="ver2textFWfind" rows="5" width="100" onclick="document.getElementById('ver2textFWinput').value=document.getElementById('ver2textFWfind').value;" style="color: blue;">...</textarea></div>
<div><input onclick="ver2FindWrd();" value="результат" type="button"></div>
<div><textarea class="stWord" cols="60" id="ver2textFWoutput" rows="5" width="100">...</textarea></div>
<div>не включены "Имена", "Географические названия"</div>
 </td>
 </tr>
 </tbody>
 </table>

<script src="/webGL/dictbaseruen.js"></script>
<script>
function ver2textfind() {
document.getElementById('ver2textFWfind').value = '';
ver2find = document.getElementById('ver2textFWinput').value.toLowerCase();
flagver2find = 0;
flagver2full = 0;
for (var i = 0; i < dictbaseruen.length; i=i+2) {
flagver2find = 0;
ver2word = dictbaseruen[i];
if (ver2word.length >= ver2find.length) {
for (var j = 0; j < ver2find.length; j=j+1) {
if (ver2word[j] === ver2find[j]){
flagver2find ++;
}
}
}
if (flagver2find === ver2find.length)
if (flagver2full < 15) {
 flagver2full=flagver2full+1;
 if(flagver2full === 1){
 document.getElementById('ver2textFWfind').value = ver2word;
 } else {
 document.getElementById('ver2textFWfind').value = document.getElementById('ver2textFWfind').value + ' | ' + ver2word;
 };
 }
}
}
function ver2FindWrd() {
document.getElementById('ver2textFWoutput').value = '';
if ( document.getElementById('ver2textFWinput').value === '') { document.getElementById('ver2textFWinput').value = 'стол';};
if ( document.getElementById('ver2textFWinput').value === ' ') { document.getElementById('ver2textFWinput').value = 'стол';};
ver2maska = document.getElementById('ver2textFWinput').value.toLowerCase();
for (var i = 0; i < dictbaseruen.length; i=i+2) {
if (ver2maska === dictbaseruen[i]) {document.getElementById('ver2textFWoutput').value = document.getElementById('ver2textFWoutput').value + ' ' + dictbaseruen[i+1];};
}
if ( document.getElementById('ver2textFWoutput').value === '') { document.getElementById('ver2textFWoutput').value = 'no result';};
}
</script>
 

<style type="text/css">
.stWord {
 font-family: Times New Roman;
 font-size : 14pt;
 width : 25pt;
}
.stExp {
 font-family: Times New Roman;
 font-size : 14pt;
}
</style>

 <table align="center" cellspacing="5" width="500">
 <tbody>
 <tr>
 <td class="colorborder">
 квадрослов №5
 <hr>
 <table width="350" align="center"><tr><td>1.
 <input class="stWord" id="ver2Wordinput0" type="text" value="" />
 <input class="stWord" id="ver2Wordinput1" type="text" value="" />
 <input class="stWord" id="ver2Wordinput2" type="text" value="" />
 <input class="stWord" id="ver2Wordinput3" type="text" value="" />
 <input class="stWord" id="ver2Wordinput4" type="text" value="" />
 </td></tr><tr><td>2.
 <input class="stWord" id="ver2Wordinput5" type="text" value="" />
 <input class="stWord" id="ver2Wordinput6" type="text" value="" />
 <input class="stWord" id="ver2Wordinput7" type="text" value="" />
 <input class="stWord" id="ver2Wordinput8" type="text" value="" />
 <input class="stWord" id="ver2Wordinput9" type="text" value="" />
 </td></tr><tr><td>3.
 <input class="stWord" id="ver2Wordinput10" type="text" value="" />
 <input class="stWord" id="ver2Wordinput11" type="text" value="" />
 <input class="stWord" id="ver2Wordinput12" type="text" value="" />
 <input class="stWord" id="ver2Wordinput13" type="text" value="" />
 <input class="stWord" id="ver2Wordinput14" type="text" value="" />
 </td></tr><tr><td>4.
 <input class="stWord" id="ver2Wordinput15" type="text" value="" />
 <input class="stWord" id="ver2Wordinput16" type="text" value="" />
 <input class="stWord" id="ver2Wordinput17" type="text" value="" />
 <input class="stWord" id="ver2Wordinput18" type="text" value="" />
 <input class="stWord" id="ver2Wordinput19" type="text" value="" />
 </td></tr><tr><td>5.
 <input class="stWord" id="ver2Wordinput20" type="text" value="" />
 <input class="stWord" id="ver2Wordinput21" type="text" value="" />
 <input class="stWord" id="ver2Wordinput22" type="text" value="" />
 <input class="stWord" id="ver2Wordinput23" type="text" value="" />
 <input class="stWord" id="ver2Wordinput24" type="text" value="" />
 </td></tr>
 </table>

 <div><input onclick="ver2startWrd();" type="button" value="старт" /><input onclick="ver2testWrd();" type="button" value="ответ" /><input onclick="ver2EditClick();" type="button" value="проверить" /></div>
 <div>1.<textarea class="stExp" cols="60" id="ver2Wordabout0" rows="3" >...</textarea></div>
 <div>2.<textarea class="stExp" cols="60" id="ver2Wordabout1" rows="3" >...</textarea></div>
 <div>3.<textarea class="stExp" cols="60" id="ver2Wordabout2" rows="3" >...</textarea></div>
 <div>4.<textarea class="stExp" cols="60" id="ver2Wordabout3" rows="3" >...</textarea></div>
 <div>5.<textarea class="stExp" cols="60" id="ver2Wordabout4" rows="3" >...</textarea></div>
 <div>Лв<textarea class="stExp" cols="60" id="ver2Wordabout5" rows="3" >...</textarea></div>
 <div>Пр<textarea class="stExp" cols="60" id="ver2Wordabout6" rows="3" >...</textarea></div>
 </td>
 </tr>
 </tbody>
 </table>

<script src="/radio/expdic5file.js"></script>
<script>
var ver2maska = '';
var ver2expver2maska = '';
var ver2WL = '';
var ver2WR = '';
var ver2W0 = '';
var ver2W1 = '';
var ver2W2 = '';
var ver2W3 = '';
var ver2W4 = '';
function ver2getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}
function ver2FindWrdvertikal() {
var ver2flagno = true;
var ver2flagNum = 0;
while ( ver2flagno && (ver2flagNum < 1000)) {
var ver2numb = 2*ver2getRandomInt(10, eval(expdic5.length/2-10));
ver2maska = expdic5[ver2numb];
ver2expver2maska = expdic5[ver2numb+1];
ver2flagNum = ver2flagNum + 1;
ver2flagno = false;
for (var i = 0; i < ver2maska.length; i++) {
if (ver2maska[i] === 'Ь') {ver2flagno = true};
if (ver2maska[i] === 'Ъ') {ver2flagno = true};
if (ver2maska[i] === 'Ы') {ver2flagno = true};
if (ver2maska[i] === 'Й') {ver2flagno = true};
if (ver2maska[i] === 'Ю') {ver2flagno = true};
if (ver2maska[i] === 'Я') {ver2flagno = true};
};
};
};
function ver2FindWrdgorisont(tempL, tempR) {
var ver2flagno = true;
var ver2flagNum = 0;
while ( ver2flagno && (ver2flagNum < 1000)) { 
var ver2numb = 2*ver2getRandomInt(10, eval(expdic5.length/2-10));
ver2maska = expdic5[ver2numb];
ver2expver2maska = expdic5[ver2numb+1];
ver2flagNum = ver2flagNum + 1;
ver2flagno = false;
if (ver2maska[0] === tempL) {} else {ver2flagno = true};
if (ver2maska[4] === tempR) {} else {ver2flagno = true};
};
return (ver2flagNum > 990)
};
function ver2startWrd() {
for (var i = 0; i < 5; i++) {
for (var m = 0; m < 5; m++) {
document.getElementById('ver2Wordinput'+ eval(5*i + m)).value = '';
}
}
//
var ver2flagnoword = true;
while ( ver2flagnoword ) {
ver2flagnoword = false; 
ver2FindWrdvertikal();
ver2WL = ver2maska;
document.getElementById('ver2Wordabout5').value = ver2expver2maska;
ver2FindWrdvertikal();
ver2WR = ver2maska;
document.getElementById('ver2Wordabout6').value = ver2expver2maska;
if (ver2flagnoword === false) {ver2flagnoword = ver2FindWrdgorisont(ver2WL[0], ver2WR[0]);}
ver2W0 = ver2maska;
document.getElementById('ver2Wordabout0').value = ver2expver2maska;
if (ver2flagnoword === false) {ver2flagnoword = ver2FindWrdgorisont(ver2WL[1], ver2WR[1]);}
ver2W1 = ver2maska;
document.getElementById('ver2Wordabout1').value = ver2expver2maska;
if (ver2flagnoword === false) {ver2flagnoword = ver2FindWrdgorisont(ver2WL[2], ver2WR[2]);}
ver2W2 = ver2maska;
document.getElementById('ver2Wordabout2').value = ver2expver2maska;
if (ver2flagnoword === false) {ver2flagnoword = ver2FindWrdgorisont(ver2WL[3], ver2WR[3]);}
ver2W3 = ver2maska;
document.getElementById('ver2Wordabout3').value = ver2expver2maska;
if (ver2flagnoword === false) {ver2flagnoword = ver2FindWrdgorisont(ver2WL[4], ver2WR[4]);}
ver2W4 = ver2maska;
document.getElementById('ver2Wordabout4').value = ver2expver2maska;
}
//hint
document.getElementById('ver2Wordinput0').value = ver2W0[0];
document.getElementById('ver2Wordinput4').value = ver2W0[4];
document.getElementById('ver2Wordinput6').value = ver2W1[1];
document.getElementById('ver2Wordinput8').value = ver2W1[3];
document.getElementById('ver2Wordinput12').value = ver2W2[2];
document.getElementById('ver2Wordinput16').value = ver2W3[1];
document.getElementById('ver2Wordinput18').value = ver2W3[3];
document.getElementById('ver2Wordinput20').value = ver2W4[0];
document.getElementById('ver2Wordinput24').value = ver2W4[4];

}
function ver2testWrd() {
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(i)).value = ver2W0[i];
}
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(5 + i)).value = ver2W1[i];
}
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(5*2 + i)).value = ver2W2[i];
}
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(5*3 + i)).value = ver2W3[i];
}
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(5*4 + i)).value = ver2W4[i];
}
}
function ver2EditClick() {
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(i)).value = document.getElementById('ver2Wordinput'+ eval(i)).value.toLowerCase(); 
document.getElementById('ver2Wordinput'+ eval(i)).style.fontWeight = "";
if (document.getElementById('ver2Wordinput'+ eval(i)).value.toUpperCase() === ver2W0[i].toUpperCase()) {
document.getElementById('ver2Wordinput'+ eval(i)).value = document.getElementById('ver2Wordinput'+ eval(i)).value.toUpperCase(); 
document.getElementById('ver2Wordinput'+ eval(i)).style.fontWeight = "bold";
};
}
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(5 + i)).value = document.getElementById('ver2Wordinput'+ eval(5 + i)).value.toLowerCase(); 
document.getElementById('ver2Wordinput'+ eval(5 + i)).style.fontWeight = "";
if (document.getElementById('ver2Wordinput'+ eval(5 + i)).value.toUpperCase() === ver2W1[i].toUpperCase()) {
document.getElementById('ver2Wordinput'+ eval(5 + i)).value = document.getElementById('ver2Wordinput'+ eval(5 + i)).value.toUpperCase(); 
document.getElementById('ver2Wordinput'+ eval(5 + i)).style.fontWeight = "bold";
};
}
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(5*2 + i)).value = document.getElementById('ver2Wordinput'+ eval(5*2 + i)).value.toLowerCase(); 
document.getElementById('ver2Wordinput'+ eval(5*2 + i)).style.fontWeight = "";
if (document.getElementById('ver2Wordinput'+ eval(5*2 + i)).value.toUpperCase() === ver2W2[i].toUpperCase()) {
document.getElementById('ver2Wordinput'+ eval(5*2 + i)).value = document.getElementById('ver2Wordinput'+ eval(5*2 + i)).value.toUpperCase(); 
document.getElementById('ver2Wordinput'+ eval(5*2 + i)).style.fontWeight = "bold";
};
}
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(5*3 + i)).value = document.getElementById('ver2Wordinput'+ eval(5*3 + i)).value.toLowerCase(); 
document.getElementById('ver2Wordinput'+ eval(5*3 + i)).style.fontWeight = "";
if (document.getElementById('ver2Wordinput'+ eval(5*3 + i)).value.toUpperCase() === ver2W3[i].toUpperCase()) {
document.getElementById('ver2Wordinput'+ eval(5*3 + i)).value = document.getElementById('ver2Wordinput'+ eval(5*3 + i)).value.toUpperCase(); 
document.getElementById('ver2Wordinput'+ eval(5*3 + i)).style.fontWeight = "bold";
};
}
for (var i = 0; i < 5; i++) {
document.getElementById('ver2Wordinput'+ eval(5*4 + i)).value = document.getElementById('ver2Wordinput'+ eval(5*4 + i)).value.toLowerCase(); 
document.getElementById('ver2Wordinput'+ eval(5*4 + i)).style.fontWeight = "";
if (document.getElementById('ver2Wordinput'+ eval(5*4 + i)).value.toUpperCase() === ver2W4[i].toUpperCase()) {
document.getElementById('ver2Wordinput'+ eval(5*4 + i)).value = document.getElementById('ver2Wordinput'+ eval(5*4 + i)).value.toUpperCase(); 
document.getElementById('ver2Wordinput'+ eval(5*4 + i)).style.fontWeight = "bold";
};
}

}
</script>
 

<style type="text/css">
.stWord {
 font-family: Times New Roman;
 font-size : 14pt;
 width : 25pt;
}
.stExp {
 font-family: Times New Roman;
 font-size : 14pt;
}
</style>

 <table align="center" cellspacing="5" width="500">
 <tbody>
 <tr>
 <td class="colorborder">
 поиск слова "5 буквы"<hr>

 <table width="350" align="center"><tr><td>
 <input class="stWord" id="ver5Wordinput0" type="text" value="" onclick="ver5clicl(1)" style="cursor:pointer" />
 <input class="stWord" id="ver5Wordinput1" type="text" value="" onclick="ver5clicl(1)" style="cursor:pointer" />
 <input class="stWord" id="ver5Wordinput2" type="text" value="" onclick="ver5clicl(2)" style="cursor:pointer" />
 <input class="stWord" id="ver5Wordinput3" type="text" value="" onclick="ver5clicl(3)" style="cursor:pointer" />
 <input class="stWord" id="ver5Wordinput4" type="text" value="" onclick="ver5clicl(4)" style="cursor:pointer" />
 </td></tr>
 </table>

 <div>
 <input onclick="ver5startWrd();" type="button" value="старт" />
 </div>
 </td>
 </tr>
 </tbody>
 </table>

<script src="/js/findword/dicword.js"></script>
<script>
function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}
</script>

<script>
var ver5maska = "";
function ver5startWrd() {
var ver5flagno = true;
ver5maska = "";
while ( ver5flagno ) {
ver5maska = wrd[getRandomInt(0, wrd.length)].toLowerCase();
if (ver5maska.length === 5) ver5flagno = false;
}
//
 document.getElementById('ver5Wordinput0').value = ver5maska[0];
 document.getElementById('ver5Wordinput1').value = ver5maska[1];
 document.getElementById('ver5Wordinput2').value = ver5maska[2];
 document.getElementById('ver5Wordinput3').value = ver5maska[3];
 document.getElementById('ver5Wordinput4').value = ver5maska[4];
//
var ver5flagno2 = true;
while ( ver5flagno2 ) {
 for (var i = 0; i < 100; i++) ver5clicl(getRandomInt(1, ver5maska.length));
 if (
 (document.getElementById('ver5Wordinput0').value.toLowerCase() != ver5maska[0].toLowerCase())&&
 (document.getElementById('ver5Wordinput1').value.toLowerCase() != ver5maska[1].toLowerCase())&&
 (document.getElementById('ver5Wordinput2').value.toLowerCase() != ver5maska[2].toLowerCase())&&
 (document.getElementById('ver5Wordinput3').value.toLowerCase() != ver5maska[3].toLowerCase())&&
 (document.getElementById('ver5Wordinput4').value.toLowerCase() != ver5maska[4].toLowerCase())
 ) ver5flagno2 = false;
 }
}
function ver5clicl(num) {
var ver5tmpbuf = document.getElementById('ver5Wordinput'+num).value[0];
document.getElementById('ver5Wordinput'+num).value = document.getElementById('ver5Wordinput'+eval(num-1)).value[0];
document.getElementById('ver5Wordinput'+eval(num-1)).value = ver5tmpbuf[0];
//
 for (var i = 0; i < ver5maska.length; i++) {
document.getElementById('ver5Wordinput'+i).value = document.getElementById('ver5Wordinput'+i).value.toLowerCase();
document.getElementById('ver5Wordinput'+i).style.fontWeight = "";
if (document.getElementById('ver5Wordinput'+i).value[0] === ver5maska[i]) {
 document.getElementById('ver5Wordinput'+i).value = document.getElementById('ver5Wordinput'+i).value.toUpperCase();
 document.getElementById('ver5Wordinput'+i).style.fontWeight = "bold";
 }
 }
}
</script>
 

<table class="colorborder" width="500" height="300">
<tr><td align="center">
<img src="/jgame/pazl/pazl1.png" id="v49imgmini1" hidden>
<img src="/jgame/pazl/pazl2.png" id="v49imgmini2" hidden>
<img src="/jgame/pazl/pazl3.png" id="v49imgmini3" hidden>
<img src="/jgame/pazl/pazl4.png" id="v49imgmini4" hidden>
</td></tr>
<tr><td align="center">
<canvas id="v49myCanvas" width="500" height="300" onclick="v49canvasClick()"></canvas>
</td></tr>
<tr><td align="center">
<input type="button" value="старт" onclick="v49StartClick();">
</td></tr> 
</table>

<script>
 var v49canvas = document.getElementById('v49myCanvas');
 var v49context = v49canvas.getContext('2d');
 var v49base_image1 = new Image();
 v49base_image1.src = document.getElementById('v49imgmini1').src;
 var v49base_image2 = new Image();
 v49base_image2.src = document.getElementById('v49imgmini2').src;
 var v49base_image3 = new Image();
 v49base_image3.src = document.getElementById('v49imgmini3').src;
 var v49base_image4 = new Image();
 v49base_image4.src = document.getElementById('v49imgmini4').src;
 var v49NumClick = 0;
 var v49NumpaintImg1 = 0;
 var v49NumpaintImg2 = 1;
 var v49NumpaintImg3 = 2;
 var v49NumpaintImg4 = 3;
 v49update();
//add
function getOffset(elem) {
 if (elem.getBoundingClientRect) {
 return getOffsetRect(elem)
 } else {
 return getOffsetSum(elem)
 }
}
function getOffsetSum(elem) {
 var top=0, left=0
 while(elem) {
 top = top + parseInt(elem.offsetTop)
 left = left + parseInt(elem.offsetLeft)
 elem = elem.offsetParent
 }
 return {top: top, left: left}
}
function getOffsetRect(elem) {
 var box = elem.getBoundingClientRect()
 var body = document.body
 var docElem = document.documentElement
 var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
 var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft
 var clientTop = docElem.clientTop || body.clientTop || 0
 var clientLeft = docElem.clientLeft || body.clientLeft || 0
 var top = box.top + scrollTop - clientTop
 var left = box.left + scrollLeft - clientLeft
 return { top: Math.round(top), left: Math.round(left) }
}
//end add
function v49getRandomInt(min, max, myvalue) {
 var tmpvalue = Math.floor(Math.random() * (max - min)) + min;
 if (tmpvalue === myvalue) { tmpvalue = Math.floor(Math.random() * (max - min)) + min; }
 if (tmpvalue === myvalue) { tmpvalue = Math.floor(Math.random() * (max - min)) + min; }
 if (tmpvalue === myvalue) { tmpvalue = Math.floor(Math.random() * (max - min)) + min; }
 if (tmpvalue === myvalue) { tmpvalue = Math.floor(Math.random() * (max - min)) + min; }
 if (tmpvalue === myvalue) { tmpvalue = Math.floor(Math.random() * (max - min)) + min; }
 return tmpvalue;
} 

function v49update() {
 v49context.clearRect(0, 0, 500, 300);
 //1
 if (v49NumpaintImg1 === 0) v49context.drawImage(v49base_image1, 0, 0, 250, 150, 0, 0 ,250 , 150);
 if (v49NumpaintImg1 === 1) v49context.drawImage(v49base_image2, 0, 0, 250, 150, 0, 0 ,250 , 150);
 if (v49NumpaintImg1 === 2) v49context.drawImage(v49base_image3, 0, 0, 250, 150, 0, 0 ,250 , 150);
 if (v49NumpaintImg1 === 3) v49context.drawImage(v49base_image4, 0, 0, 250, 150, 0, 0 ,250 , 150);
 //2
 if (v49NumpaintImg2 === 0) v49context.drawImage(v49base_image1, 250, 0, 250, 150, 250, 0 ,250 , 150);
 if (v49NumpaintImg2 === 1) v49context.drawImage(v49base_image2, 250, 0, 250, 150, 250, 0 ,250 , 150);
 if (v49NumpaintImg2 === 2) v49context.drawImage(v49base_image3, 250, 0, 250, 150, 250, 0 ,250 , 150);
 if (v49NumpaintImg2 === 3) v49context.drawImage(v49base_image4, 250, 0, 250, 150, 250, 0 ,250 , 150);
 //3
 if (v49NumpaintImg3 === 0) v49context.drawImage(v49base_image1, 0, 150, 250, 150, 0, 150 ,250 , 150);
 if (v49NumpaintImg3 === 1) v49context.drawImage(v49base_image2, 0, 150, 250, 150, 0, 150 ,250 , 150);
 if (v49NumpaintImg3 === 2) v49context.drawImage(v49base_image3, 0, 150, 250, 150, 0, 150 ,250 , 150);
 if (v49NumpaintImg3 === 3) v49context.drawImage(v49base_image4, 0, 150, 250, 150, 0, 150 ,250 , 150);
 //4
 if (v49NumpaintImg4 === 0) v49context.drawImage(v49base_image1, 250, 150, 250, 150, 250, 150 ,250 , 150);
 if (v49NumpaintImg4 === 1) v49context.drawImage(v49base_image2, 250, 150, 250, 150, 250, 150 ,250 , 150);
 if (v49NumpaintImg4 === 2) v49context.drawImage(v49base_image3, 250, 150, 250, 150, 250, 150 ,250 , 150);
 if (v49NumpaintImg4 === 3) v49context.drawImage(v49base_image4, 250, 150, 250, 150, 250, 150 ,250 , 150);
 //
 requestAnimationFrame(v49update);
 }

function v49canvasClick() {
if (v49NumClick === 0) v49NumpaintImg1 = v49getRandomInt(0, 4, v49NumpaintImg1);
if (v49NumClick === 1) v49NumpaintImg2 = v49getRandomInt(0, 4, v49NumpaintImg2);
if (v49NumClick === 2) v49NumpaintImg3 = v49getRandomInt(0, 4, v49NumpaintImg3);
if (v49NumClick === 3) v49NumpaintImg4 = v49getRandomInt(0, 4, v49NumpaintImg4);
}

function v49StartClick() {
 v49NumpaintImg1 = v49getRandomInt(0, 4, v49NumpaintImg1);
 v49NumpaintImg2 = v49getRandomInt(0, 4, v49NumpaintImg2);
 v49NumpaintImg3 = v49getRandomInt(0, 4, v49NumpaintImg3);
 v49NumpaintImg4 = v49getRandomInt(0, 4, v49NumpaintImg4);
}

var v49MouseMove = function(e) {
 var v49elm = document.getElementById('v49myCanvas');
 var v49coordspanel = getOffset(v49elm);
 var v49mX = e.pageX - v49coordspanel.left;
 var v49mY = e.pageY - v49coordspanel.top;
 //
 if ((v49mX < 250)&&(v49mY < 150)) v49NumClick = 0;
 if ((v49mX > 250)&&(v49mY < 150)) v49NumClick = 1;
 if ((v49mX < 250)&&(v49mY > 150)) v49NumClick = 2;
 if ((v49mX > 250)&&(v49mY > 150)) v49NumClick = 3;
};
v49canvas.addEventListener("mousemove", v49MouseMove, false);

</script>
 

<table align="center" border="0" cellspacing="0" width="500" class="colorborder">
 <tr>
 <td align="center">
 обои для рабочего стола
 </td></tr>
 <tr><td align="center">
картинка в центре
 </td></tr>
 <tr><td align="center">
<input id="v39idPcx1" name="35" type="radio" checked="checked" /> 
<img src="/pdf/imgwall/andy1.bmp" id="v39primer1" align="left" hidden>
<input id="v39idPcx2" name="35" type="radio" /> 
<img src="/pdf/imgwall/elen1.bmp" id="v39primer2" align="left" hidden>
<input id="v39idPcx3" name="35" type="radio" /> 
<img src="/pdf/imgwall/john1.bmp" id="v39primer3" align="left" hidden>
<input id="v39idPcx4" name="35" type="radio" /> 
<img src="/pdf/imgwall/lucy1.bmp" id="v39primer4" align="left" hidden>
<input id="v39idPcx5" name="35" type="radio" /> 
<img src="/pdf/imgwall/mari1.bmp" id="v39primer5" align="left" hidden>
<input id="v39idPcx6" name="35" type="radio" /> 
<img src="/pdf/imgwall/pc1.bmp" id="v39primer6" align="left" hidden>
<input id="v39idPcx7" name="35" type="radio" /> 
<img src="/pdf/imgwall/serg1.bmp" id="v39primer7" align="left" hidden>
<input id="v39idPcx8" name="35" type="radio" /> 
<img src="" id="v39primer8" align="left" hidden>
 </td></tr>
 <tr><td align="center">
<label for="v39openfile">Загрузить картинку:</label>
 </td></tr>
 <tr><td align="center">
<input type="file" id="v39openfile" onchange="v39readURL(this); document.getElementById('v39idPcx8').checked = true;">
 </td></tr>
 <tr><td align="center">
<canvas id="v39myCanvas" width="500" height="500" ></canvas>
 </td></tr>
 <tr><td align="center">
цвет фона
 </td></tr>
 <tr><td align="center">
<input id="v39idClr1" name="37" type="radio" checked="checked" /> 
<input id="v39idClr2" name="37" type="radio" /> 
<input id="v39idClr3" name="37" type="radio" /> 
<input id="v39idClr4" name="37" type="radio" /> 
<input id="v39idClr5" name="37" type="radio" /> 
<input id="v39idClr6" name="37" type="radio" /> 
<input id="v39idClr7" name="37" type="radio" /> 
<input id="v39idClr8" name="37" type="radio" /> 
 </td></tr>
 <tr><td align="center">
разрешение экрана
 </td></tr>
 <tr><td align="center">
<input id="v39idScr1" name="39" type="radio" checked="checked" /> 
1920x1080
<input id="v39idScr2" name="39" type="radio" /> 
1600x900
<input id="v39idScr3" name="39" type="radio" /> 
1280x1024
 </td></tr>
 <tr><td align="center">
 <button onclick="v39saveURL();">сохранить файл</button>
 </td></tr>
 <tr><td align="center">
 <canvas id="v392myCanvas" width="800" height="800" hidden></canvas>
 </td></tr>
</table>

<script>
function v39saveURL() {
var canvas = document.getElementById("v392myCanvas");
var dataURL = canvas.toDataURL("image/png");
var newTab = window.open('about:blank','image from canvas');
newTab.document.write("<img src='" + dataURL + "' alt='from canvas'/>");
}
function v39readURL(input) {
 if (input.files && input.files[0]) {
 var reader = new FileReader();
 reader.onload = function (e) {
 $('#v39primer8')
 .attr('src', e.target.result);
 };
 reader.readAsDataURL(input.files[0]);
 }
}
</script>
<script>
////////////////////////////////////////////2
var v39canvas = document.querySelector('#v39myCanvas');
var v39context = v39canvas.getContext('2d');
function v39update() {
 v39canvas.width = 500;
 v39canvas.height = 400;
//
 v39context.clearRect(0, 0, v39canvas.width, v39canvas.height);
//
 v39context.beginPath();
 if (document.getElementById('v39idClr1').checked) v39context.fillStyle = "#FF0000";
 if (document.getElementById('v39idClr2').checked) v39context.fillStyle = "#00FF00";
 if (document.getElementById('v39idClr3').checked) v39context.fillStyle = "#0000FF";
 if (document.getElementById('v39idClr4').checked) v39context.fillStyle = "#FFFF00";
 if (document.getElementById('v39idClr5').checked) v39context.fillStyle = "#00FFFF";
 if (document.getElementById('v39idClr6').checked) v39context.fillStyle = "#FF00FF";
 if (document.getElementById('v39idClr7').checked) v39context.fillStyle = "#AAAAAA";
 if (document.getElementById('v39idClr8').checked) v39context.fillStyle = "#555555";
 v39context.fillRect(0, 0, v39canvas.width, v39canvas.height);
 v39context.fill();
 v39context.closePath();
// 
 if (document.getElementById('v39idPcx1').checked) v39context.drawImage(document.getElementById('v39primer1'),
 (v39canvas.width-document.getElementById('v39primer1').width)/2, (v39canvas.height-document.getElementById('v39primer1').height)/2,
 document.getElementById('v39primer1').width, document.getElementById('v39primer1').height);
 if (document.getElementById('v39idPcx2').checked) v39context.drawImage(document.getElementById('v39primer2'),
 (v39canvas.width-document.getElementById('v39primer2').width)/2, (v39canvas.height-document.getElementById('v39primer2').height)/2,
 document.getElementById('v39primer2').width, document.getElementById('v39primer2').height);
 if (document.getElementById('v39idPcx3').checked) v39context.drawImage(document.getElementById('v39primer3'),
 (v39canvas.width-document.getElementById('v39primer3').width)/2, (v39canvas.height-document.getElementById('v39primer3').height)/2,
 document.getElementById('v39primer3').width, document.getElementById('v39primer3').height);
 if (document.getElementById('v39idPcx4').checked) v39context.drawImage(document.getElementById('v39primer4'),
 (v39canvas.width-document.getElementById('v39primer4').width)/2, (v39canvas.height-document.getElementById('v39primer4').height)/2,
 document.getElementById('v39primer4').width, document.getElementById('v39primer4').height);
 if (document.getElementById('v39idPcx5').checked) v39context.drawImage(document.getElementById('v39primer5'),
 (v39canvas.width-document.getElementById('v39primer5').width)/2, (v39canvas.height-document.getElementById('v39primer5').height)/2,
 document.getElementById('v39primer5').width, document.getElementById('v39primer5').height);
 if (document.getElementById('v39idPcx6').checked) v39context.drawImage(document.getElementById('v39primer6'),
 (v39canvas.width-document.getElementById('v39primer6').width)/2, (v39canvas.height-document.getElementById('v39primer6').height)/2,
 document.getElementById('v39primer6').width, document.getElementById('v39primer6').height);
 if (document.getElementById('v39idPcx7').checked) v39context.drawImage(document.getElementById('v39primer7'),
 (v39canvas.width-document.getElementById('v39primer7').width)/2, (v39canvas.height-document.getElementById('v39primer7').height)/2,
 document.getElementById('v39primer7').width, document.getElementById('v39primer7').height);
 if (document.getElementById('v39idPcx8').checked) v39context.drawImage(document.getElementById('v39primer8'),
 (v39canvas.width-document.getElementById('v39primer8').width)/2, (v39canvas.height-document.getElementById('v39primer8').height)/2,
 document.getElementById('v39primer8').width, document.getElementById('v39primer8').height);
//
 requestAnimationFrame(v39update);
} 
////////////////////////////////////////////2
////////////////////////////////////////////2
var v392canvas = document.querySelector('#v392myCanvas');
var v392context = v392canvas.getContext('2d');
function v392update() {
 if (document.getElementById('v39idScr1').checked) v392canvas.width = 1920;
 if (document.getElementById('v39idScr1').checked) v392canvas.height = 1080;
 if (document.getElementById('v39idScr2').checked) v392canvas.width = 1600;
 if (document.getElementById('v39idScr2').checked) v392canvas.height = 900;
 if (document.getElementById('v39idScr3').checked) v392canvas.width = 1280;
 if (document.getElementById('v39idScr3').checked) v392canvas.height = 1024;
 //
 v392context.clearRect(0, 0, v392canvas.width, v392canvas.height);
//
 v392context.beginPath();
 if (document.getElementById('v39idClr1').checked) v392context.fillStyle = "#FF0000";
 if (document.getElementById('v39idClr2').checked) v392context.fillStyle = "#00FF00";
 if (document.getElementById('v39idClr3').checked) v392context.fillStyle = "#0000FF";
 if (document.getElementById('v39idClr4').checked) v392context.fillStyle = "#FFFF00";
 if (document.getElementById('v39idClr5').checked) v392context.fillStyle = "#00FFFF";
 if (document.getElementById('v39idClr6').checked) v392context.fillStyle = "#FF00FF";
 if (document.getElementById('v39idClr7').checked) v392context.fillStyle = "#AAAAAA";
 if (document.getElementById('v39idClr8').checked) v392context.fillStyle = "#555555";
 v392context.fillRect(0, 0, v392canvas.width, v392canvas.height);
 v392context.fill();
 v392context.closePath();
//
 if (document.getElementById('v39idPcx1').checked) v392context.drawImage(document.getElementById('v39primer1'),
 (v392canvas.width-document.getElementById('v39primer1').width)/2, (v392canvas.height-document.getElementById('v39primer1').height)/2,
 document.getElementById('v39primer1').width, document.getElementById('v39primer1').height);
 if (document.getElementById('v39idPcx2').checked) v392context.drawImage(document.getElementById('v39primer2'),
 (v392canvas.width-document.getElementById('v39primer2').width)/2, (v392canvas.height-document.getElementById('v39primer2').height)/2,
 document.getElementById('v39primer2').width, document.getElementById('v39primer2').height);
 if (document.getElementById('v39idPcx3').checked) v392context.drawImage(document.getElementById('v39primer3'),
 (v392canvas.width-document.getElementById('v39primer3').width)/2, (v392canvas.height-document.getElementById('v39primer3').height)/2,
 document.getElementById('v39primer3').width, document.getElementById('v39primer3').height);
 if (document.getElementById('v39idPcx4').checked) v392context.drawImage(document.getElementById('v39primer4'),
 (v392canvas.width-document.getElementById('v39primer4').width)/2, (v392canvas.height-document.getElementById('v39primer4').height)/2,
 document.getElementById('v39primer4').width, document.getElementById('v39primer4').height);
 if (document.getElementById('v39idPcx5').checked) v392context.drawImage(document.getElementById('v39primer5'),
 (v392canvas.width-document.getElementById('v39primer5').width)/2, (v392canvas.height-document.getElementById('v39primer5').height)/2,
 document.getElementById('v39primer5').width, document.getElementById('v39primer5').height);
 if (document.getElementById('v39idPcx6').checked) v392context.drawImage(document.getElementById('v39primer6'),
 (v392canvas.width-document.getElementById('v39primer6').width)/2, (v392canvas.height-document.getElementById('v39primer6').height)/2,
 document.getElementById('v39primer6').width, document.getElementById('v39primer6').height);
 if (document.getElementById('v39idPcx7').checked) v392context.drawImage(document.getElementById('v39primer7'),
 (v392canvas.width-document.getElementById('v39primer7').width)/2, (v392canvas.height-document.getElementById('v39primer7').height)/2,
 document.getElementById('v39primer7').width, document.getElementById('v39primer7').height);
 if (document.getElementById('v39idPcx8').checked) v392context.drawImage(document.getElementById('v39primer8'),
 (v392canvas.width-document.getElementById('v39primer8').width)/2, (v392canvas.height-document.getElementById('v39primer8').height)/2,
 document.getElementById('v39primer8').width, document.getElementById('v39primer8').height);
// 
 requestAnimationFrame(v392update);
} 
 v39update(); v392update();
</script>
 

<table width="600" align="center" class="colorborder">
 <tr>
 <td>нотаR5: <input type="range" id="v30param1" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam1').innerHTML = document.getElementById('v30param1').value;}" />
 <span id="v30spanparam1">440</span></td>
 <td>нотаR6: <input type="range" id="v30param2" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam2').innerHTML = document.getElementById('v30param2').value;}" />
 <span id="v30spanparam2">440</span></td>
 <td>нотаR7: <input type="range" id="v30param3" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam3').innerHTML = document.getElementById('v30param3').value;}" />
 <span id="v30spanparam3">440</span></td>
 </tr><tr>
 <td>нотаR8: <input type="range" id="v30param4" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam4').innerHTML = document.getElementById('v30param4').value;}" />
 <span id="v30spanparam4">440</span></td>
 <td>нотаR9: <input type="range" id="v30param5" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam5').innerHTML = document.getElementById('v30param5').value;}" />
 <span id="v30spanparam5">440</span></td>
 <td>нотаR10: <input type="range" id="v30param6" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam6').innerHTML = document.getElementById('v30param6').value;}" />
 <span id="v30spanparam6">440</span></td>
 </tr><tr>
 <td>нотаR11: <input type="range" id="v30param7" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam7').innerHTML = document.getElementById('v30param7').value;}" />
 <span id="v30spanparam7">440</span></td>
 <td>нотаR12: <input type="range" id="v30param8" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam8').innerHTML = document.getElementById('v30param8').value;}" />
 <span id="v30spanparam8">440</span></td>
 <td>нотаR13: <input type="range" id="v30param9" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam9').innerHTML = document.getElementById('v30param9').value;}" />
 <span id="v30spanparam9">440</span></td>
 </tr><tr>
 <td>нотаR14: <input type="range" id="v30param10" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam10').innerHTML = document.getElementById('v30param10').value;}" />
 <span id="v30spanparam10">440</span></td>
 <td>нотаR15: <input type="range" id="v30param11" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam11').innerHTML = document.getElementById('v30param11').value;}" />
 <span id="v30spanparam11">440</span></td>
 <td>нотаR16: <input type="range" id="v30param12" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam12').innerHTML = document.getElementById('v30param12').value;}" />
 <span id="v30spanparam12">440</span></td>
 </tr><tr>
 <td>нотаR17: <input type="range" id="v30param13" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam13').innerHTML = document.getElementById('v30param13').value;}" />
 <span id="v30spanparam13">440</span></td>
 <td>нотаR18: <input type="range" id="v30param14" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam14').innerHTML = document.getElementById('v30param14').value;}" />
 <span id="v30spanparam14">440</span></td>
 <td>нотаR19: <input type="range" id="v30param15" max="1000" min="200" value="440"
 oninput="{document.getElementById('v30spanparam15').innerHTML = document.getElementById('v30param15').value;}" />
 <span id="v30spanparam15">440</span></td>
 </tr><tr>
 <td align="center"><input value="random" onclick="v30ClickRnd()" type="button"></td>
 <td align="center"><input value="start" onclick="v30ClickStart()" type="button" id="v30butstart"></td>
 <td align="center"><input value="нотаR" id="v30butnumber" style="width: 80px;" class="flat" readonly></td>
 </tr>
 </table>

<script>
audioCtx = new(window.AudioContext || window.webkitAudioContext)();
var typeHz = 'sine';
var oscillatormine = audioCtx.createOscillator();

function beep(frequencyHz) {
 var oscillator = audioCtx.createOscillator();
 var gainNode = audioCtx.createGain();
 
 oscillator.connect(gainNode);
 gainNode.connect(audioCtx.destination);

 gainNode.gain.value = 0.3;
 oscillator.frequency.value = frequencyHz;
 oscillator.type = typeHz;

 oscillator.start();
 oscillatormine = oscillator;
 
 setTimeout(
 function() {
 oscillator.stop();
 },
 1000
 );
};

function v30getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}

var v30timer = setInterval(v30fSortAnim, 1000);
var v30flagkey = 0;
var v30flagstart = true;
function v30ClickRnd() {
var tmprndvalue = 200;
for (var i = 1; i < 16; i++) {
tmprndvalue = v30getRandomInt(200, 1000);
document.getElementById('v30param'+i).value = tmprndvalue;
document.getElementById('v30spanparam'+i).innerHTML = tmprndvalue;
}
}
function v30ClickStart() {
 if (v30flagstart) {
 v30flagstart = false;
 document.getElementById('v30butstart').value = "стоп";
 v30flagkey = 1;
 } else {
 v30flagstart = true;
 document.getElementById('v30butstart').value = "старт";
 document.getElementById('v30butnumber').value = "нотаR"
 }
}
function v30fSortAnim() {
if (!v30flagstart) {
 document.getElementById('v30butnumber').value = "нотаR" + eval(v30flagkey + 4);
 if (v30flagkey === 1) {beep(eval(document.getElementById('v30spanparam1').innerHTML));}
 if (v30flagkey === 2) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam2').innerHTML));}
 if (v30flagkey === 3) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam3').innerHTML));}
 if (v30flagkey === 4) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam4').innerHTML));}
 if (v30flagkey === 5) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam5').innerHTML));}
 if (v30flagkey === 6) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam6').innerHTML));}
 if (v30flagkey === 7) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam7').innerHTML));}
 if (v30flagkey === 8) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam8').innerHTML));}
 if (v30flagkey === 9) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam9').innerHTML));}
 if (v30flagkey === 10) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam10').innerHTML));}
 if (v30flagkey === 11) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam11').innerHTML));}
 if (v30flagkey === 12) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam12').innerHTML));}
 if (v30flagkey === 13) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam13').innerHTML));}
 if (v30flagkey === 14) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam14').innerHTML));}
 if (v30flagkey === 15) {oscillatormine.stop();beep(eval(document.getElementById('v30spanparam15').innerHTML));}
 v30flagkey++
 if (v30flagkey > 15) {v30flagkey=1} 
 }
}
</script>
 

<table width="400" height="160" align="center">
<tr><td>
<table width="400" height="160" align="center" class="colorborder">
 <tr><td colspan="9" id="v36idpoint" align="center">point = 0</td></tr>
 <script>
 var v36tmpstart = [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 1, 1, 2, 1, 3, 1, 4, 1, 5, 1, 6, 1, 7, 1, 8, 1, 9,
 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0
 ]; 
 var v36tmpgame = [1, 2, 3, 4, 5, 6, 7, 8, 9, 1, 1, 1, 2, 1, 3, 1, 4, 1, 5, 1, 6, 1, 7, 1, 8, 1, 9,
 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0
 ]; 
 for (var i = 0; i < 15; i++) {
 document.write('<tr>');
 for (var j = 0; j < 9; j++) {
 document.write('<td><center><img src="/jgame/fifteen/Im'+v36tmpstart[eval(i*9+j)]+'.jpg" onclick="v36ButtonClick('+eval(i*9+j)+')" id="v36image'+eval(i*9+j)+'" style="cursor:pointer; border:1px solid gray" width="34"/></center></td>');
 }
 document.write('</tr>');
 }
 </script> 
 <tr>
 <td colspan="3"><center><input value="сначала" onclick="v36NewClick()" type="button"></center></td>
 <td colspan="3"><center><input value="пресс" onclick="v36PressClick50()" type="button"></center></td>
 <td colspan="3"><center><input value="далее" onclick="v36GoClick()" type="button"></center></td>
 </tr>
</table>

</td></tr>
</table>

 <script>
 var v36colpoint = 0;
 var Click1 = false;
 var NClick1 = -1;
 var Click2 = false;
 var NClick2 = -1;
 var NGo = 27;
 document.getElementById('v36image'+NGo).style.border = "1px solid blue";
function v36PressClick50() {
 for (var i = 0; i < 50; i++) {
 v36PressClick();
}
}
function v36PressClick() {
 var tmpNGo = NGo;
 for (var i = 0; i < tmpNGo; i++) {
 if (v36tmpgame[i] === 0) {
 for (var j = i; j < tmpNGo-1; j++) {
 v36tmpgame[j] = v36tmpgame[j+1];
 }
 v36tmpgame[tmpNGo-1] = 0;
 if (tmpNGo > 1) {tmpNGo = tmpNGo - 1;}
 if (NGo > 1) {NGo = NGo - 1;}
 }
 }
 v36PaintGray();
}
function v36GoClick() {
 var tmpNGo = NGo;
 for (var i = 0; i < tmpNGo; i++) {
 if (v36tmpgame[i] != 0) {
 v36tmpgame[NGo] = v36tmpgame[i];
 if (NGo < 134) {NGo = NGo + 1;}
 }
 }
 v36tmpgame[134] = 0; 
 v36PaintGray();
} 
function v36PaintGray() {
 for (var i = 0; i < 15; i++) {
 for (var j = 0; j < 9; j++) {
 document.getElementById('v36image'+eval(i*9+j)).src='/jgame/fifteen/Im'+v36tmpgame[eval(i*9+j)]+'.jpg';
 document.getElementById('v36image'+eval(i*9+j)).style.border = "1px solid gray";
 document.getElementById('v36image'+NGo).style.border = "1px solid blue"; 
 }}
} 
function v36NewClick() {
 v36colpoint = 0;
 document.getElementById('v36idpoint').innerHTML = 'point = '+v36colpoint;
 Click1 = false;
 NClick1 = -1;
 Click2 = false;
 NClick2 = -1;
 NGo = 27;
 for (var i = 0; i < 135; i++) {
 v36tmpgame[i] = v36tmpstart[i]; 
 }
 v36PaintGray();
} 
function v36Win() {
 var rezultA = 0;
 for (var i = 0; i < 135; i++) {
 if (v36tmpgame[i] === 0) {rezultA = rezultA + 1;}; 
 }
 if ( rezultA >= 135) { document.getElementById('v36idpoint').innerHTML += ' Вы выиграли';};
} 
function v36Check2(num1, num2) {
var flagEr1 = false;
var flagEr2 = false;
var flagEr3 = false;
if ((v36tmpgame[num1] === v36tmpgame[num2])||(v36tmpgame[num1] + v36tmpgame[num2] === 10)) { flagEr1 = true;};
//
if ((num2 - num1 === 1)||(num2 - num1 === 9)||(num1 - num2 === 1)||(num1 - num2 === 9)) { flagEr2 = true};
//
var tmpNull1 = -1000;
if (num2 - num1 >= 2)
for (var i = num1 + 1; i < num2; i++) {
 if (tmpNull1 == -1000) {tmpNull1 = 0;};
 tmpNull1 = tmpNull1 + v36tmpgame[i]; 
}
var tmpNull2 = -1000;
if (num2 - num1 >= 18)
for (var i = num1 + 9; i < num2; i=i+9) {
 if (tmpNull2 == -1000) {tmpNull2 = 0;};
 tmpNull2 = tmpNull2 + v36tmpgame[i]; 
}
var tmpNull3 = -1000;
if (num1 - num2 >= 2)
for (var i = num1 - 1; i > num2; i=i-1) {
 if (tmpNull3 == -1000) {tmpNull3 = 0;};
 tmpNull3 = tmpNull3 + v36tmpgame[i]; 
}
var tmpNull4 = -1000;
if (num1 - num2 >= 18)
for (var i = num1 - 9; i > num2; i=i-9) {
 if (tmpNull4 == -1000) {tmpNull4 = 0;};
 tmpNull4 = tmpNull4 + v36tmpgame[i]; 
}
//

if (((tmpNull1 === 0)||(tmpNull2 === 0))||((tmpNull3 === 0)||(tmpNull4 === 0))) {flagEr3 = true};
if ((flagEr1===true)&&((flagEr2===true)||(flagEr3===true))) {} else { document.getElementById('v36idpoint').innerHTML += ' Недопустимый ход'; }
}
function v36Check() {
 var tmpNGo = -1;
 for (var i = 0; i <= NGo-9; i++) {
 if ((v36tmpgame[i] === 0)&&(v36tmpgame[i+1] === 0)&&(v36tmpgame[i+2] === 0)&&(v36tmpgame[i+3] === 0)&&(v36tmpgame[i+4] === 0)&&
 (v36tmpgame[i+5] === 0)&&(v36tmpgame[i+6] === 0)&&(v36tmpgame[i+7] === 0)&&(v36tmpgame[i+8] === 0)) {
 tmpNGo = i;
 }
 }
 if (tmpNGo >= 0) { 
 for (var i = tmpNGo; i <= NGo - 9; i++) {
 v36tmpgame[i] = v36tmpgame[i+9];
 v36tmpgame[i+9] = 0;
 }
 NGo = NGo - 9; 
 }
 v36PaintGray();
}
function v36ButtonClick(numshar) {
 if ((Click1 === false) && (Click2 === false)) {
 if (v36tmpgame[numshar] !== 0) {
 NClick1 = numshar; NClick2 = -1; Click1 = true;
 document.getElementById('v36image'+numshar).style.border = "1px solid red"; 
 }
 } else {
 if ((Click1 === true) && (Click2 === false)) {
 //
 if (NClick1 === numshar) {
 NClick1 = -1; NClick2 = -1; Click1 = false; Click2 = false;
 v36PaintGray(); 
 } else {
 //
 if (v36tmpgame[numshar] !== 0) {
 NClick2 = numshar; Click2 = true;
 document.getElementById('v36image'+numshar).style.border = "1px solid red";
 }
 // 
 }
 } else {
 if ((Click1 === false) && (Click2 === true)) {
 NClick1 = -1; NClick2 = -1; Click1 = false; Click2 = false;
 v36PaintGray();
 }}}
 if ((Click1 === true) && (Click2 === true)) {
 document.getElementById('v36idpoint').innerHTML = 'point = '+v36colpoint;
 v36Check2(NClick1, NClick2);
 v36tmpgame[NClick1] = 0;
 v36tmpgame[NClick2] = 0;
 v36colpoint = v36colpoint + 1;
 v36Check();
 v36Win();
 NClick1 = -1; NClick2 = -1; Click1 = false; Click2 = false;
 v36PaintGray();
 }
}
 </script>
 

<table width="500" height="500" align="center" class="colorborder" >
 <tr>
 <td width="500" height="300" class="colorborder"><canvas id="v103idcanvas" width="500" height="300"></canvas></td>
 </tr>
 <tr id="v103visibleKub1"><td align="left">
кнопка
 </td></tr>
 <tr id="v103visibleKub2"><td align="center">
 x: <input type="range" id="v103butx" max="550" min="0" value="60" />
 <span id="v103spanbutx">0</span>
 y: <input type="range" id="v103buty" max="300" min="0" value="60" />
 <span id="v103spanbuty">0</span>
 </td></tr>
 <tr id="v103visibleKub3"><td align="center">
 width: <input type="range" id="v103width" max="550" min="20" value="60" />
 <span id="v103spanwidth">0</span>
 height: <input type="range" id="v103height" max="250" min="20" value="60" />
 <span id="v103spanheight">0</span>
 </td></tr>
 <tr id="v103visibleKub4"><td align="center">
 color a1: <input type="range" id="v103a1" max="255" min="0" value="255" />
 <span id="v103spana1">255</span>
 color a2: <input type="range" id="v103a2" max="255" min="0" value="0" />
 <span id="v103spana2">0</span>
 </td></tr>
 <tr id="v103visibleKub5"><td align="center">
 color a3: <input type="range" id="v103a3" max="255" min="0" value="0" />
 <span id="v103spana3">0</span>
 </td></tr>
 <tr id="v103visibleRamka1"><td align="left">
окантовка
 </td></tr>
 <tr id="v103visibleRamka2"><td align="center">
 x: <input type="range" id="v103bx" max="550" min="0" value="60" />
 <span id="v103spanbx">0</span>
 y: <input type="range" id="v103by" max="300" min="0" value="60" />
 <span id="v103spanby">0</span>
 </td></tr>
 <tr id="v103visibleRamka3"><td align="center">
 width: <input type="range" id="v103bw" max="550" min="0" value="55" />
 <span id="v103spanbw">0</span>
 height: <input type="range" id="v103bh" max="250" min="0" value="55" />
 <span id="v103spanbh">0</span>
 </td></tr>
 <tr id="v103visibleRamka4"><td align="center">
 color b1: <input type="range" id="v103b1" max="255" min="0" value="0" />
 <span id="v103spanb1">0</span>
 color b2: <input type="range" id="v103b2" max="255" min="0" value="255" />
 <span id="v103spanb2">0</span>
 </td></tr>
 <tr id="v103visibleRamka5"><td align="center">
 pen: <input type="range" id="v103bt" max="20" min="0" value="3" />
 <span id="v103spanbt">3</span>
 color b3: <input type="range" id="v103b3" max="255" min="0" value="0" />
 <span id="v103spanb3">0</span>
 </td></tr>
 <tr id="v103visibleText1"><td align="left">
текст
 </td></tr>
 <tr id="v103visibleText2"><td align="center">
 sting: <input id="v103ft" value="Sample String" style="width: 100px;" class="flat"> 
 </td></tr>
 <tr id="v103visibleText3"><td align="center">
 x: <input type="range" id="v103fx" max="550" min="0" value="90" />
 <span id="v103spanfx">0</span>
 y: <input type="range" id="v103fy" max="300" min="0" value="90" />
 <span id="v103spanfy">0</span>
 </td></tr>
 <tr id="v103visibleText4"><td align="center">
 color c1: <input type="range" id="v103c1" max="255" min="0" value="0" />
 <span id="v103spanc1">0</span>
 color c2: <input type="range" id="v103c2" max="255" min="0" value="0" />
 <span id="v103spanc2">0</span>
 </td></tr>
 <tr id="v103visibleText5"><td align="center">
 color c3: <input type="range" id="v103c3" max="255" min="0" value="255" />
 <span id="v103spanc3">0</span>
 size: <input type="range" id="v103fw" max="60" min="8" value="20" />
 <span id="v103spanfw">0</span>
 </td></tr>
 <tr><td align="center">
 <input id="v103idText" name="37" type="radio" checked="checked" onclick="v103clickselect();"/> 
 <input value="текст" onclick="document.getElementById('v103idText').checked = true; v103clickselect();" type="button">
 <input id="v103idRamka" name="37" type="radio" onclick="v103clickselect();" /> 
 <input value="рамка" onclick="document.getElementById('v103idRamka').checked = true; v103clickselect();" type="button">
 <input id="v103idKub" name="37" type="radio" onclick="v103clickselect();" /> 
 <input value="квадрат" onclick="document.getElementById('v103idKub').checked = true; v103clickselect();" type="button">
 </td></tr>
 </table>

<script>
function v103clickselect() {
document.getElementById('v103visibleKub1').hidden = true;
document.getElementById('v103visibleKub2').hidden = true;
document.getElementById('v103visibleKub3').hidden = true;
document.getElementById('v103visibleKub4').hidden = true;
document.getElementById('v103visibleKub5').hidden = true;
document.getElementById('v103visibleRamka1').hidden = true;
document.getElementById('v103visibleRamka2').hidden = true;
document.getElementById('v103visibleRamka3').hidden = true;
document.getElementById('v103visibleRamka4').hidden = true;
document.getElementById('v103visibleRamka5').hidden = true;
document.getElementById('v103visibleText1').hidden = true;
document.getElementById('v103visibleText2').hidden = true;
document.getElementById('v103visibleText3').hidden = true;
document.getElementById('v103visibleText4').hidden = true;
document.getElementById('v103visibleText5').hidden = true;
if (document.getElementById('v103idText').checked) {
 document.getElementById('v103visibleText1').hidden = false;
 document.getElementById('v103visibleText2').hidden = false;
 document.getElementById('v103visibleText3').hidden = false;
 document.getElementById('v103visibleText4').hidden = false;
 document.getElementById('v103visibleText5').hidden = false;
 }
if (document.getElementById('v103idRamka').checked) {
 document.getElementById('v103visibleRamka1').hidden = false;
 document.getElementById('v103visibleRamka2').hidden = false;
 document.getElementById('v103visibleRamka3').hidden = false;
 document.getElementById('v103visibleRamka4').hidden = false;
 document.getElementById('v103visibleRamka5').hidden = false;
 }
if (document.getElementById('v103idKub').checked) {
 document.getElementById('v103visibleKub1').hidden = false;
 document.getElementById('v103visibleKub2').hidden = false;
 document.getElementById('v103visibleKub3').hidden = false;
 document.getElementById('v103visibleKub4').hidden = false;
 document.getElementById('v103visibleKub5').hidden = false;
 }
}
v103clickselect();
var v103canvas = document.querySelector("#v103idcanvas");
var v103context = v103canvas.getContext("2d");

function v103update() {
var v103w = v103canvas.width;
var v103h = v103canvas.height;
var v103posX = document.getElementById('v103butx').value;
var v103posY = document.getElementById('v103buty').value;
var v103posW = document.getElementById('v103width').value;
var v103posH = document.getElementById('v103height').value;
var v103posBX = document.getElementById('v103bx').value;
var v103posBY = document.getElementById('v103by').value;
var v103posBW = document.getElementById('v103bw').value;
var v103posBH = document.getElementById('v103bh').value;
var v103colorA1 = document.getElementById('v103a1').value;
var v103colorA2 = document.getElementById('v103a2').value;
var v103colorA3 = document.getElementById('v103a3').value;
var v103colorB1 = document.getElementById('v103b1').value;
var v103colorB2 = document.getElementById('v103b2').value;
var v103colorB3 = document.getElementById('v103b3').value;
var v103colorC1 = document.getElementById('v103c1').value;
var v103colorC2 = document.getElementById('v103c2').value;
var v103colorC3 = document.getElementById('v103c3').value;
var v103posFX = document.getElementById('v103fx').value;
var v103posFY = document.getElementById('v103fy').value;
var v103posBT = document.getElementById('v103bt').value;
var v103posFW = document.getElementById('v103fw').value;
var v103posFT = document.getElementById('v103ft').value;
document.getElementById('v103spanbutx').innerHTML = document.getElementById('v103butx').value;
document.getElementById('v103spanbuty').innerHTML = document.getElementById('v103buty').value;
document.getElementById('v103spanwidth').innerHTML = document.getElementById('v103width').value;
document.getElementById('v103spanheight').innerHTML = document.getElementById('v103height').value;
document.getElementById('v103spanbx').innerHTML = document.getElementById('v103bx').value;
document.getElementById('v103spanby').innerHTML = document.getElementById('v103by').value;
document.getElementById('v103spanbw').innerHTML = document.getElementById('v103bw').value;
document.getElementById('v103spanbh').innerHTML = document.getElementById('v103bh').value;
document.getElementById('v103spanfx').innerHTML = document.getElementById('v103fx').value;
document.getElementById('v103spanfy').innerHTML = document.getElementById('v103fy').value;
document.getElementById('v103spanbt').innerHTML = document.getElementById('v103bt').value;
document.getElementById('v103spanfw').innerHTML = document.getElementById('v103fw').value;
document.getElementById('v103spana1').innerHTML = document.getElementById('v103a1').value;
document.getElementById('v103spana2').innerHTML = document.getElementById('v103a2').value;
document.getElementById('v103spana3').innerHTML = document.getElementById('v103a3').value;
document.getElementById('v103spanb1').innerHTML = document.getElementById('v103b1').value;
document.getElementById('v103spanb2').innerHTML = document.getElementById('v103b2').value;
document.getElementById('v103spanb3').innerHTML = document.getElementById('v103b3').value;
document.getElementById('v103spanc1').innerHTML = document.getElementById('v103c1').value;
document.getElementById('v103spanc2').innerHTML = document.getElementById('v103c2').value;
document.getElementById('v103spanc3').innerHTML = document.getElementById('v103c3').value;

 v103context.clearRect(0, 0, v103w, v103h);
 v103context.beginPath();
 v103context.rect(v103posX, v103posY, v103posW, v103posH);
 v103context.fillStyle = 'rgb('+v103colorA1+','+v103colorA2+','+v103colorA3+')';
 v103context.fill();

 v103context.beginPath();
 v103context.rect(v103posBX, v103posBY, v103posBW, v103posBH);
 v103context.strokeStyle = 'rgb('+v103colorB1+','+v103colorB2+','+v103colorB3+')';
 v103context.lineWidth = v103posBT;
 v103context.stroke();

 v103context.beginPath();
 v103context.shadowOffsetX = 2;
 v103context.shadowOffsetY = 2;
 v103context.shadowBlur = 2;
 v103context.shadowColor = "rgba(0, 0, 0, 0.5)";
 v103context.font = v103posFW + "px Times New Roman";
 v103context.fillStyle = 'rgb('+v103colorC1+','+v103colorC2+','+v103colorC3+')';
 v103context.fillText(v103posFT, v103posFX, v103posFY);
 
 requestAnimationFrame(v103update);
 }
 v103update();

 var v103MouseMove = function(e) {
 var v103mousex = e.offsetX;
 var v103mousey = e.offsetY;
 if (e.buttons > 0) {
 if (document.getElementById("v103idText").checked) {
 document.getElementById('v103fx').value = v103mousex;
 document.getElementById('v103fy').value = v103mousey;
 }
 if (document.getElementById("v103idRamka").checked) {
 document.getElementById('v103bx').value = v103mousex;
 document.getElementById('v103by').value = v103mousey;
 }
 if (document.getElementById("v103idKub").checked) {
 document.getElementById('v103butx').value = v103mousex;
 document.getElementById('v103buty').value = v103mousey;
 }
 }
};
v103canvas.addEventListener("mousemove", v103MouseMove, false);
</script>
 

<table width="500" height="500" class="colorborder"><tr>
<td width="500" height="400" id="vgipnsnowpanel" class="colorborder">
<img style="height: 400px; position: absolute; z-index: 25; top: 0px; left: 50px; cursor:pointer;"
 id="vgipnimpsnow1" src="/public/gipnose/gipnose.png" >
</td></tr>
 <tr>
 <td width="500" align="center">
 <span style="color: rgb(0,0,255);">темп: </span><input type="range" id="vgipnparam4" max="20" min="1" value="10"
 oninput="{document.getElementById('vgipnspanparam4').innerHTML = document.getElementById('vgipnparam4').value;
 vgipnrotate = document.getElementById('vgipnparam4').value/100;}" />
 <span id="vgipnspanparam4" style="color: rgb(0,0,255);">10</span>
 <input value="start" onclick="vgipnmenaClick()" type="button" id="vgipnStart">
 </td>
 </tr>
</table>

<script>
var vgipnrCub = 100;
var vgipnxCub = 0;
var vgipnflagStart = false;
function vgipnmenaClick() {
 if (vgipnflagStart) {
 vgipnflagStart = false;
 document.getElementById('vgipnStart').value = "start";
 } else {
 vgipnflagStart = true;
 document.getElementById('vgipnStart').value = "stop";
 }
}
function vgipnupdate() {
//add
function getOffset(elem) {
 if (elem.getBoundingClientRect) {
 return getOffsetRect(elem)
 } else {
 return getOffsetSum(elem)
 }
}
function getOffsetSum(elem) {
 var top=0, left=0
 while(elem) {
 top = top + parseInt(elem.offsetTop)
 left = left + parseInt(elem.offsetLeft)
 elem = elem.offsetParent
 }
 return {top: top, left: left}
}
function getOffsetRect(elem) {
 var box = elem.getBoundingClientRect()
 var body = document.body
 var docElem = document.documentElement
 var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
 var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft
 var clientTop = docElem.clientTop || body.clientTop || 0
 var clientLeft = docElem.clientLeft || body.clientLeft || 0
 var top = box.top + scrollTop - clientTop
 var left = box.left + scrollLeft - clientLeft
 return { top: Math.round(top), left: Math.round(left) }
}
//end add
 var vgipnelm = document.getElementById('vgipnsnowpanel');
 var vgipncoords = getOffset(vgipnelm); 
 document.getElementById('vgipnimpsnow1').style.top = vgipncoords.top + "px";
 document.getElementById('vgipnimpsnow1').style.left = vgipnxCub + vgipncoords.left + "px";
 document.getElementById('vgipnimpsnow1').style.transform = "rotate("+vgipnrCub+"deg)";
 requestAnimationFrame(vgipnupdate); 
}
vgipnupdate();

var vgipntimer = setInterval(vgipnAnim, 5);
var vgipntimertag = 0;
var vgipntimertagstep = 100;
var vgipnrotate = 0.1;
var vgipntimertagR = 0;
var vgipntimertagstepR = 360;
function vgipnAnim() {
if (vgipnflagStart) {
 vgipntimertag = vgipntimertag + vgipnrotate;
 if (vgipntimertag > vgipntimertagstep) vgipnrotate = -1*vgipnrotate;
 if (vgipntimertag < 0) vgipnrotate = -1*vgipnrotate;
 vgipnxCub = vgipnxCub + vgipnrotate; 
//
if (vgipnrotate > 0) {
vgipntimertagR = vgipntimertagR + vgipnrotate*10;
} else {
vgipntimertagR = vgipntimertagR - vgipnrotate*10;
}
if (vgipntimertagR > vgipntimertagstepR) vgipntimertagR = 0;
vgipnrCub = vgipntimertagR;
}
}
</script>
 

<table width="500" height="500" align="center" class="colorborder">
<tr><td>
<table width="500" height="500" align="center">
 <tr><td colspan="20" id="v47idpoint" align="center">point = 0</td></tr>
 <script>
 for (var i = 0; i < 20; i++) {
 document.write('<tr>');
 for (var j = 0; j < 20; j++) {
 document.write('<td style="background-color: rgb(204, 204, 204); width: 24px; height: 24px; cursor:pointer;" id="v47image'+eval(i*20+j)+'"> </td>');
 }
 document.write('</tr>');
 }
 </script> 
 <tr>
 <td colspan="4"><center><input value="красный" style="background-color: rgb(250, 50, 50);" onclick="v47ClickColor(1)" type="button"></center></td>
 <td colspan="4"><center><input value="зеленый" style="background-color: rgb(50, 250, 50);" onclick="v47ClickColor(2)" type="button"></center></td>
 <td colspan="4"><center><input value="синий" style="background-color: rgb(50, 50, 250);" onclick="v47ClickColor(3)" type="button"></center></td>
 <td colspan="4"><center><input value="желтый" style="background-color: rgb(250, 250, 50);" onclick="v47ClickColor(4)" type="button"></center></td>
 <td colspan="4"><center><input value="голубой" style="background-color: rgb(50, 250, 250);" onclick="v47ClickColor(5)" type="button"></center></td>
 </tr>
 <tr>
 <td colspan="20"><center><input value="сначала" onclick="v47NewClick()" type="button"></center>
</td>
 </tr>
</table>
</td>
 </tr>
</table>

 <script>
function getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
} 
var v47colpoint = 0;
var v47arcolor = ['#CCCCCC', '#FF5F5F', '#5FFF5F', '#5F5FFF', '#FFFF5F', '#5FFFFF'];
var v47tmpgame = [];
function v47NewClick() {
 v47colpoint = 0;
 for (var i = 0; i < 400; i++) {
 v47tmpgame[i] = getRandomInt(1, 6); 
 }
 v47tmpgame[380] = 0;
 v47PaintGray();
} 
function v47PaintGray() {
 for (var i = 0; i < 400; i++) {
 document.getElementById('v47image'+i).style.background = v47arcolor[v47tmpgame[i]];
 }
 document.getElementById('v47idpoint').innerHTML = 'point = '+v47colpoint;
}
function v47Win() {
 var rezultA = 0;
 for (var i = 0; i < 400; i++) {
 if (v47tmpgame[i] === 0) {rezultA = rezultA + 1;}; 
 }
 if ( rezultA >= 380) { document.getElementById('v47idpoint').innerHTML += ' Вы выиграли';};
} 
function v47ClickColor(numcolor) {
for (var j = 0; j < 400; j++) {
for (var i = 0; i < 400; i++) {
 if (v47tmpgame[i] === 0) if (v47tmpgame[i+1] === numcolor) {v47tmpgame[i+1] = 0};
 if (v47tmpgame[i] === 0) if (v47tmpgame[i-1] === numcolor) {v47tmpgame[i-1] = 0};
 if (v47tmpgame[i] === 0) if (v47tmpgame[i+20] === numcolor) {v47tmpgame[i+20] = 0};
 if (v47tmpgame[i] === 0) if (v47tmpgame[i-20] === numcolor) {v47tmpgame[i-20] = 0};
}}
v47colpoint = v47colpoint + 1;
v47PaintGray();
v47Win();
}
</script>
 

<table width="200"><tr><th><!-- <bt> -->
календарь
<!-- </bt> --></th></tr>
<tr><td class="colorborder"><div align="center"><!-- <bc> -->
<table width="100%" height="190" border='0' align="center"><tr>
<td style="vtical-align: middle; text-align: center;">
<table style="text-align: left;" align="center">
<tr><td align="center">
 <div id="v33calendarTitle"></div>
</td></tr><tr><td>
 <div id="v33calendarTalk"></div>
</td></tr><tr><td align="center">
<input type="button" value="дата" onclick="ver3ClickWav()">
</td></tr>
</table>
<script>
 function v33createCalendar(v33elem, v33year, v33month, v33day) {
 let v33mon = v33month - 1; // месяцы в JS идут от 0 до 11, а не от 1 до 12
 let v33data = new Date(v33year, v33mon);
 let v33table = '<table><tr><th>пн</th><th>вт</th><th>ср</th><th>чт</th><th>пт</th>
 <th>сб</th><th>вс</th></tr><tr>';
 // пробелы для первого ряда
 // с понедельника до первого дня месяца
 // * * * 1 2 3 4
 for (let i = 0; i < getDay(v33data); i++) {
 v33table += '<td></td>';
 }
 // <td> ячейки календаря с датами
 while (v33data.getMonth() == v33mon) {
 v33table += '<td';
 if (v33data.getDate() == v33day) v33table += ' style="background-color: rgb(51, 204, 255);"';
 if (getDay(v33data) % 7 == 5) v33table += ' style="background-color: rgb(255, 204, 204);"';
 if (getDay(v33data) % 7 == 6) v33table += ' style="background-color: rgb(255, 204, 204);"';
 
if (v33data.getDate() === 8) {if (v33data.getMonth() === 2) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 9) {if (v33data.getMonth() === 4) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 1) {if (v33data.getMonth() === 4) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 23) {if (v33data.getMonth() === 1) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 1) {if (v33data.getMonth() === 0) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 2) {if (v33data.getMonth() === 0) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 3) {if (v33data.getMonth() === 0) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 4) {if (v33data.getMonth() === 0) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 5) {if (v33data.getMonth() === 0) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 7) {if (v33data.getMonth() === 0) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 4) {if (v33data.getMonth() === 10) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 7) {if (v33data.getMonth() === 10) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 12) {if (v33data.getMonth() === 5) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}};
if (v33data.getDate() === 12) {if (v33data.getMonth() === 11) 
{ v33table += ' style="background-color: rgb(255, 204, 204);"';}}; 
 
 v33table += '>';
 v33table += v33data.getDate();
 v33table += '</td>';
 if (getDay(v33data) % 7 == 6) { // вс, последний день - перевод строки
 v33table += '</tr><tr>';
 }
 v33data.setDate(v33data.getDate() + 1);
 }
 // добить таблицу пустыми ячейками, если нужно
 // 29 30 31 * * * *
 if (getDay(v33data) != 0) {
 for (let i = getDay(v33data); i < 7; i++) {
 v33table += '<td></td>';
 }
 }
 // закрыть таблицу
 v33table += '</tr></table>';
 v33elem.innerHTML = v33table;
 }

 function getDay(date) { // получить номер дня недели, от 0 (пн) до 6 (вс)
 let day = date.getDay();
 if (day == 0) day = 7; // сделать воскресенье (0) последним днем
 return day - 1;
 }
 var v33segodn = new Date();
 document.getElementById('v33calendarTitle').innerHTML =
 v33segodn.toLocaleString('ru', {month: 'long'});
 v33createCalendar(v33calendarTalk, v33segodn.getFullYear(), v33segodn.getMonth()+1,
 v33segodn.getDate());
</script>
</td></tr></table>
<!-- </bc> --></div></td></tr></table>
 

<table width="500" height="240" align="center" class="colorborder"><tr><td> 
<svg version="1.1"
 xmlns:svg="http://www.w3.org/2000/svg"
 xmlns="http://www.w3.org/2000/svg"
 width="500" height="240"
 onload="ver5init(evt)"
 onmousemove="ver5drag(evt)"
 onmouseup="ver5deselect()">
 
 <style>
 .variable{
 font-weight: bold;
 }
 .background{
 fill: none;
 stroke: #444;
 stroke-width: 1;
 stroke-dasharray: 5, 5;
 }
 .control_line{
 stroke: #28f;
 stroke-width: 0.5;
 }
 .point1{
 fill: #28A86B;
 }
 .point2{
 fill: #6495ED;
 }
 .point3{
 fill: #FF7878;
 }
 .point4{
 fill: #8D5FD3;
 }
 .point5{
 fill: #0000FF;
 }
 #ver5example_shape{
 fill: none;
 stroke: #111;
 stroke-width: 0.8;
 }
 .control_point{
 fill: #FFF;
 opacity: 0;
 stroke: #888;
 stroke-width: 2;
 cursor: pointer;
 }
 .control_point:hover{
 opacity: 0.5;
 }
 .invisible{
 pointer-events: none;
 }
 </style>
 
 <script type="text/ecmascript"><![CDATA[
 var ver5svgDoc;
 var ver5selectedPoint = 0;
 var ver5dx = 0;
 var ver5dy = 0;
 
 var ver5example_shape;
 var ver5text_variables;
 var ver5controls_lines;
 var ver5coords = [0, 0, 300, 50, 160, 20, 240, 100, 320, 100, 300, 50];
 
 function ver5init(evt) {
 if ( window.ver5svgDocument == null ) {
 ver5svgDoc = evt.target.ownerDocument;
 } 
 ver5example_shape = ver5svgDoc.getElementById('ver5example_shape');
 ver5controls_lines = [ver5svgDoc.getElementById('ver5control_line1'),
 ver5svgDoc.getElementById('ver5control_line2'),
 ver5svgDoc.getElementById('ver5control_line3'),
 ver5svgDoc.getElementById('ver5control_line4')] ;
 ver5text_variables = [];
 for (var i=1; i<=5; i++){
 ver5text_variables.push(ver5svgDoc.getElementById('ver5variable'+i));
 }
 };
 
 function ver5selectElement(evt, point){
 ver5selectedPoint = point;
 control_point = evt.target.parentNode;
 ver5dx = ver5coords[ver5selectedPoint*2] - evt.clientX;
 ver5dy = ver5coords[ver5selectedPoint*2 + 1] - evt.clientY;
 };
 
 function ver5drag(evt){
 if (ver5selectedPoint === 0) { return; }
 
 var x = evt.clientX + ver5dx;
 var y = evt.clientY + ver5dy;
 if (ver5selectedPoint === 1) {
 ver5coords[ver5selectedPoint*2] = x;
 ver5coords[ver5selectedPoint*2 + 1] = y;
 ver5coords[5*2] = x;
 ver5coords[5*2 + 1] = y;
 }
 if ((ver5selectedPoint === 2)||(ver5selectedPoint === 3)||(ver5selectedPoint === 4)) {
 ver5coords[ver5selectedPoint*2] = x;
 ver5coords[ver5selectedPoint*2 + 1] = y;
 }
 if (ver5selectedPoint === 5) {
 ver5coords[ver5selectedPoint*2] = x;
 ver5coords[ver5selectedPoint*2 + 1] = y;
 ver5coords[1*2] = x;
 ver5coords[1*2 + 1] = y;
 }
 
 var d = "M";
 for (var i=2; i<ver5coords.length; i+=2){
 if (i === 4) { d += "Q"; }
 else if (i === 8 ) { d += "T"; }
 d += " " + ver5coords[i] + " " + ver5coords[i+1];
 }
 ver5example_shape.setAttributeNS(null, "d", d);
 control_point.setAttributeNS(null, "transform", "translate(" + x + "," + y + ")");
 
 if (ver5selectedPoint === 1) {
 ver5text_variables[ver5selectedPoint-1].firstChild.data = x + "," + y;
 ver5text_variables[ver5selectedPoint+3].firstChild.data = x + "," + y;
 }
 if ((ver5selectedPoint === 2)||(ver5selectedPoint === 3)||(ver5selectedPoint === 4)) {
 ver5text_variables[ver5selectedPoint-1].firstChild.data = x + "," + y;
 }
 if (ver5selectedPoint === 5) {
 ver5text_variables[ver5selectedPoint-1].firstChild.data = x + "," + y;
 ver5text_variables[ver5selectedPoint-5].firstChild.data = x + "," + y;
 }
 var sym_x = 2 * ver5coords[6] - ver5coords[4];
 var sym_y = 2 * ver5coords[7] - ver5coords[5];
 var sym_x2 = 2 * ver5coords[8] - sym_x;
 var sym_y2 = 2 * ver5coords[9] - sym_y;
 var sym_x3 = ver5coords[4];
 var sym_y3 = ver5coords[5];
 
 switch (ver5selectedPoint){
 case 1:
 ver5controls_lines[2].setAttributeNS(null, "x2", sym_x2);
 ver5controls_lines[2].setAttributeNS(null, "y2", sym_y2);
 ver5controls_lines[2].setAttributeNS(null, "x1", sym_x);
 ver5controls_lines[2].setAttributeNS(null, "y1", sym_y);
 ver5controls_lines[3].setAttributeNS(null, "x1", sym_x2);
 ver5controls_lines[3].setAttributeNS(null, "y1", sym_y2);
 ver5controls_lines[3].setAttributeNS(null, "x2", x);
 ver5controls_lines[3].setAttributeNS(null, "y2", y);
 ver5controls_lines[0].setAttributeNS(null, "x1", x);
 ver5controls_lines[0].setAttributeNS(null, "y1", y);
 break;
 case 2:
 ver5controls_lines[0].setAttributeNS(null, "x2", x);
 ver5controls_lines[0].setAttributeNS(null, "y2", y);
 
 ver5controls_lines[1].setAttributeNS(null, "x2", x);
 ver5controls_lines[1].setAttributeNS(null, "y2", y);
 ver5controls_lines[1].setAttributeNS(null, "x1", sym_x);
 ver5controls_lines[1].setAttributeNS(null, "y1", sym_y);
 
 ver5controls_lines[2].setAttributeNS(null, "x2", sym_x);
 ver5controls_lines[2].setAttributeNS(null, "y2", sym_y);
 ver5controls_lines[2].setAttributeNS(null, "x1", sym_x2);
 ver5controls_lines[2].setAttributeNS(null, "y1", sym_y2);
 
 ver5controls_lines[3].setAttributeNS(null, "x1", sym_x2);
 ver5controls_lines[3].setAttributeNS(null, "y1", sym_y2);
 break;
 case 3:
 ver5controls_lines[1].setAttributeNS(null, "x2", sym_x3);
 ver5controls_lines[1].setAttributeNS(null, "y2", sym_y3);
 ver5controls_lines[1].setAttributeNS(null, "x1", sym_x);
 ver5controls_lines[1].setAttributeNS(null, "y1", sym_y);
 ver5controls_lines[2].setAttributeNS(null, "x2", sym_x);
 ver5controls_lines[2].setAttributeNS(null, "y2", sym_y);
 ver5controls_lines[2].setAttributeNS(null, "x1", sym_x2);
 ver5controls_lines[2].setAttributeNS(null, "y1", sym_y2);
 ver5controls_lines[3].setAttributeNS(null, "x1", sym_x2);
 ver5controls_lines[3].setAttributeNS(null, "y1", sym_y2);
 break;
 case 4:
 ver5controls_lines[2].setAttributeNS(null, "x2", sym_x2);
 ver5controls_lines[2].setAttributeNS(null, "y2", sym_y2);
 ver5controls_lines[2].setAttributeNS(null, "x1", sym_x);
 ver5controls_lines[2].setAttributeNS(null, "y1", sym_y);
 ver5controls_lines[3].setAttributeNS(null, "x1", sym_x2);
 ver5controls_lines[3].setAttributeNS(null, "y1", sym_y2);
 break;
 case 5:
 ver5controls_lines[2].setAttributeNS(null, "x2", sym_x2);
 ver5controls_lines[2].setAttributeNS(null, "y2", sym_y2);
 ver5controls_lines[2].setAttributeNS(null, "x1", sym_x);
 ver5controls_lines[2].setAttributeNS(null, "y1", sym_y);
 ver5controls_lines[3].setAttributeNS(null, "x1", sym_x2);
 ver5controls_lines[3].setAttributeNS(null, "y1", sym_y2);
 ver5controls_lines[3].setAttributeNS(null, "x2", x);
 ver5controls_lines[3].setAttributeNS(null, "y2", y);
 ver5controls_lines[0].setAttributeNS(null, "x1", x);
 ver5controls_lines[0].setAttributeNS(null, "y1", y);
 }
 };
 
 function ver5deselect(){
 ver5selectedPoint = 0;
 }

 ]]> </script>
 
 <g class="invisible">
 <rect class="background" x="0.5" y="0.5" width="499" height="239" />
 <path id="ver5example_shape" d="M300 50 Q160 20 240 100 T320 100 300 50" />
 <line class="control_line" id="ver5control_line1" x1="300" y1="50" x2="160" y2="20" />
 <line class="control_line" id="ver5control_line2" x1="160" y1="20" x2="320" y2="180" />
 <line class="control_line" id="ver5control_line3" x1="320" y1="180" x2="320" y2="20" />
 <line class="control_line" id="ver5control_line4" x1="320" y1="20" x2="300" y2="50" />
 </g>
 
 <g transform="translate(-100,-100)">
 <circle class="control_point" cx="0" cy="0" r="10" onmousedown="ver5selectElement(evt, 1)" />
 <circle class="point1 invisible" cx="0" cy="0" r="3" />
 </g>

 <g transform="translate(160,20)" >
 <circle class="control_point" cx="0" cy="0" r="10" onmousedown="ver5selectElement(evt, 2)" />
 <circle class="point2 invisible" cx="0" cy="0" r="3" />
 </g>

 <g transform="translate(240,100)" >
 <circle class="control_point" cx="0" cy="0" r="10" onmousedown="ver5selectElement(evt, 3)" />
 <circle class="point3 invisible" cx="0" cy="0" r="3" />
 </g>
 
 <g transform="translate(320,100)" >
 <circle class="control_point" cx="0" cy="0" r="10" onmousedown="ver5selectElement(evt, 4)" />
 <circle class="point4 invisible" cx="0" cy="0" r="3" />
 </g>
 
 <g transform="translate(300,50)" >
 <circle class="control_point" cx="0" cy="0" r="10" onmousedown="ver5selectElement(evt, 5)" />
 <circle class="point5 invisible" cx="0" cy="0" r="3" />
 </g>
 
 <text x="40" y="230">
 <tspan><path</tspan>
 <tspan>d="</tspan><tspan class="point1 variable">M<tspan id="ver5variable1">300,50</tspan></tspan>
 Q<tspan class="point2 variable" id="ver5variable2">160,20</tspan>
 <tspan class="point3 variable" id="ver5variable3">240,100</tspan>
 <tspan class="point4 variable">T<tspan id="ver5variable4">320,100</tspan></tspan>
 <tspan class="point5 variable" id="ver5variable5">300,50</tspan>
 <tspan>" /></tspan>
 </text>
 
</svg>
</td></tr> 
</table>
 

<table width="580" height="250" class="colorborder" align="center">
<tr><td style="vertical-align: middle;" align="center" height="50" colspan="3">
<div align="center" id="liteman1krug">3 круга</div> 
</td></tr>
<tr>
<td width="5">|</td>
<td style="vertical-align: middle;" align="left" id="liteman1pacmanpanel" height="90">
<input id="liteman1idpacmancheck" type="checkbox" hidden/>
<img style="height: 72px; position: absolute; z-index: 25; top: 0px; left: 0px; cursor:pointer;" id="liteman1impacman2" onclick="liteman1MStart(1)" src="/Scr/pacman/liteman1imagepicman1.png" >
</td>
<td width="5">|</td>
</tr>
<tr>
<td width="5">|</td>
<td style="vertical-align: middle;" align="left" id="liteman2pacmanpanel" height="90">
<input id="liteman2idpacmancheck" type="checkbox" hidden/>
<img style="height: 72px; position: absolute; z-index: 25; top: 0px; left: 0px; cursor:pointer;" id="liteman2impacman2" onclick="liteman1MStart(2)" src="/Scr/pacman/liteman2imagepicman1.png" >
</td>
<td width="5">|</td>
</tr>
<tr><td style="vertical-align: middle;" align="center" height="50" colspan="3">
 <input id="liteman1butstart" type="button" value="старт" onclick="liteman1MStart(1);" style="background: #0079FF;">
 <input id="liteman2butstart" type="button" value="старт" onclick="liteman1MStart(2);" style="background: #FF6900;">
</td></tr>
</table>

<table width="580" height="40" class="colorborder" align="center" border="1">
<tr>
<td style="vertical-align: middle;" align="center" height="20">
<div align="center">ваш выбор</div> 
</td>
<td style="vertical-align: middle;" align="center" height="20">
<div align="center">победитель</div> 
</td>
<td style="vertical-align: middle;" align="center" height="20">
<div align="center">баллы</div> 
</td>
</tr>
<tr>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd31"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd11"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd21"></div></td>
</tr>
<tr>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd32"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd12"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd22"></div></td>
</tr>
<tr>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd33"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd13"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd23"></div></td>
</tr>
<tr>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd34"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd14"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd24"></div></td>
</tr>
<tr>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd35"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd15"></div></td>
<td style="vertical-align: middle;" align="center" height="20"><div align="center" id="liteman1tabletd25"></div></td>
</tr>
</table>

<script>
var liteman1numstart = 0;
var liteman1flagcolor = 0;
var liteman1flagstart = false;
var liteman1timer1 = 0;
var liteman1timer2 = 0;
function liteman1getRandomInt(min, max) {
 return Math.floor(Math.random() * (max - min)) + min;
}
function liteman1MStart(liteman1num) {
if (liteman1flagstart === false) {
liteman1flagstart = true;
if (liteman1num === 1) document.getElementById('liteman1butstart').value = "стоп";
if (liteman1num === 2) document.getElementById('liteman2butstart').value = "стоп";
liteman1numstart ++;
if (liteman1numstart > 5) {
 liteman1numstart = 1;
 document.getElementById('liteman1tabletd31').innerHTML= ""; document.getElementById('liteman1tabletd11').innerHTML= ""; document.getElementById('liteman1tabletd21').innerHTML= "";
 document.getElementById('liteman1tabletd32').innerHTML= ""; document.getElementById('liteman1tabletd12').innerHTML= ""; document.getElementById('liteman1tabletd22').innerHTML= "";
 document.getElementById('liteman1tabletd33').innerHTML= ""; document.getElementById('liteman1tabletd13').innerHTML= ""; document.getElementById('liteman1tabletd23').innerHTML= "";
 document.getElementById('liteman1tabletd34').innerHTML= ""; document.getElementById('liteman1tabletd14').innerHTML= ""; document.getElementById('liteman1tabletd24').innerHTML= "";
 document.getElementById('liteman1tabletd35').innerHTML= ""; document.getElementById('liteman1tabletd15').innerHTML= ""; document.getElementById('liteman1tabletd25').innerHTML= "";
 }
if (liteman1num === 1) document.getElementById('liteman1tabletd3' + liteman1numstart).innerHTML= "синий";
if (liteman1num === 2) document.getElementById('liteman1tabletd3' + liteman1numstart).innerHTML= "оранжевый";
document.getElementById('liteman1krug').innerHTML = "первый круг";
liteman1tempLeft = 0; liteman2tempLeft = 0; 
liteman1timer1 = 0; liteman1timer2 = 0; 
liteman1pacmanclick();
liteman2pacmanclick();
liteman1flagcolor = liteman1num;
} else {
liteman1flagstart = false;
document.getElementById('liteman1butstart').value = "старт";
document.getElementById('liteman2butstart').value = "старт";
document.getElementById('liteman1krug').innerHTML = "3 круга";
document.getElementById('liteman1idpacmancheck').checked = false;
document.getElementById('liteman2idpacmancheck').checked = false;
liteman1tempLeft = 0; liteman2tempLeft = 0;
liteman1flagcolor = 0;
liteman1timer1 = 0; liteman1timer2 = 0; 
}
}
</script>
<script>
var liteman1lenthgo = 500;
//add
function getOffset(elem) {
 if (elem.getBoundingClientRect) {
 return getOffsetRect(elem)
 } else {
 return getOffsetSum(elem)
 }
}
 
function getOffsetSum(elem) {
 var top=0, left=0
 while(elem) {
 top = top + parseInt(elem.offsetTop)
 left = left + parseInt(elem.offsetLeft)
 elem = elem.offsetParent
 }
 return {top: top, left: left}
}
 
function getOffsetRect(elem) {
 // (1)
 var box = elem.getBoundingClientRect()
 
 // (2)
 var body = document.body
 var docElem = document.documentElement
 
 // (3)
 var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
 var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft
 
 // (4)
 var clientTop = docElem.clientTop || body.clientTop || 0
 var clientLeft = docElem.clientLeft || body.clientLeft || 0
 
 // (5)
 var top = box.top + scrollTop - clientTop
 var left = box.left + scrollLeft - clientLeft
 
 return { top: Math.round(top), left: Math.round(left) }
}
//end add
var liteman1tempLeft = 3;
var liteman1elm = document.getElementById('liteman1pacmanpanel');
var liteman1coords = getOffset(liteman1elm); 
document.getElementById('liteman1impacman2').style.top = 3 + liteman1coords.top + "px";
document.getElementById('liteman1impacman2').style.left = liteman1tempLeft + liteman1coords.left +"px";
document.getElementById('liteman1impacman2').src='/Scr/pacman/liteman1imagepicman1.png';

var liteman1timer = setInterval(liteman1fStartAnim, 10);
var liteman1tempClock = 5000;

function liteman1pacmanclick() {
liteman1tempClock = 0;
document.getElementById('liteman1idpacmancheck').checked = !(document.getElementById('liteman1idpacmancheck').checked);
}

function liteman1fStartAnim() {
var liteman1elm = document.getElementById('liteman1pacmanpanel');
var liteman1coords = getOffset(liteman1elm); 
document.getElementById('liteman1impacman2').style.top = eval(liteman1coords.top - 0) + "px";
document.getElementById('liteman1impacman2').style.left = document.getElementById('liteman1pacmanpanel').style.left;
/////////////////////////////
if (document.getElementById('liteman1idpacmancheck').checked){
liteman1timer1++;
var liteman1rndspeed = liteman1getRandomInt(0, 6);
liteman1tempClock = liteman1tempClock + liteman1rndspeed;
if ((liteman1tempClock > 0)&&(liteman1tempClock <= liteman1lenthgo)) {
liteman1tempLeft = liteman1tempLeft + liteman1rndspeed;
document.getElementById('liteman1impacman2').style.left = liteman1tempLeft + liteman1coords.left +"px";
document.getElementById('liteman1impacman2').src='/Scr/pacman/liteman1imagepicman1.png';
}
if ((liteman1tempClock > liteman1lenthgo)&&(liteman1tempClock <= (2 * liteman1lenthgo))) {
liteman1tempLeft = liteman1tempLeft - liteman1rndspeed;
document.getElementById('liteman1impacman2').style.left = liteman1tempLeft + liteman1coords.left +"px";
document.getElementById('liteman1impacman2').src='/Scr/pacman/liteman1imagepicman2.png';
}
if ((liteman1tempClock > (2 * liteman1lenthgo))&&(liteman1tempClock <= (3 * liteman1lenthgo))) {
liteman1tempLeft = liteman1tempLeft + liteman1rndspeed;
document.getElementById('liteman1impacman2').style.left = liteman1tempLeft + liteman1coords.left +"px";
document.getElementById('liteman1impacman2').src='/Scr/pacman/liteman1imagepicman1.png';
document.getElementById('liteman1krug').innerHTML = "второй круг";
}
if ((liteman1tempClock > (3 * liteman1lenthgo))&&(liteman1tempClock <= (4 * liteman1lenthgo))) {
liteman1tempLeft = liteman1tempLeft - liteman1rndspeed;
document.getElementById('liteman1impacman2').style.left = liteman1tempLeft + liteman1coords.left +"px";
document.getElementById('liteman1impacman2').src='/Scr/pacman/liteman1imagepicman2.png';
}
if ((liteman1tempClock > (4 * liteman1lenthgo))&&(liteman1tempClock <= (5 * liteman1lenthgo))) {
liteman1tempLeft = liteman1tempLeft + liteman1rndspeed;
document.getElementById('liteman1impacman2').style.left = liteman1tempLeft + liteman1coords.left +"px";
document.getElementById('liteman1impacman2').src='/Scr/pacman/liteman1imagepicman1.png';
document.getElementById('liteman1krug').innerHTML = "третий круг";
}
if ((liteman1tempClock > (5 * liteman1lenthgo))&&(liteman1tempClock <= (6 * liteman1lenthgo))) {
liteman1tempLeft = liteman1tempLeft - liteman1rndspeed;
document.getElementById('liteman1impacman2').style.left = liteman1tempLeft + liteman1coords.left +"px";
document.getElementById('liteman1impacman2').src='/Scr/pacman/liteman1imagepicman2.png';
}
if (liteman1tempClock > (6 * liteman1lenthgo)) {
liteman1tempLeft = 3;
document.getElementById('liteman1impacman2').style.left = liteman1tempLeft + liteman1coords.left +"px";
document.getElementById('liteman1idpacmancheck').checked = false; 
document.getElementById('liteman1impacman2').src='/Scr/pacman/liteman1imagepicman1.png';
 document.getElementById('liteman1tabletd1' + liteman1numstart).innerHTML = "синий";
 document.getElementById('liteman1tabletd2' + liteman1numstart).innerHTML = liteman1timer1;
 liteman1timer1 = 0; liteman1timer2 = 0; liteman1timer3 = 0; liteman1timer4 = 0;
 liteman1flagcolor=0;
 liteman1flagstart = false;
 document.getElementById('liteman1butstart').value = "старт";
 document.getElementById('liteman2butstart').value = "старт";
 document.getElementById('liteman1krug').innerHTML = "3 круга";
 document.getElementById('liteman1idpacmancheck').checked = false;
 document.getElementById('liteman2idpacmancheck').checked = false;
}
}}
</script>
<script>
var liteman2lenthgo = 500;
var liteman2tempLeft = 3;
var liteman2elm = document.getElementById('liteman2pacmanpanel');
var liteman2coords = getOffset(liteman2elm); 
document.getElementById('liteman2impacman2').style.top = 3 + liteman2coords.top + "px";
document.getElementById('liteman2impacman2').style.left = liteman2tempLeft + liteman2coords.left +"px";
document.getElementById('liteman2impacman2').src='/Scr/pacman/liteman2imagepicman1.png';

var liteman2timer = setInterval(liteman2fStartAnim, 10);
var liteman2tempClock = 5000;

function liteman2pacmanclick() {
liteman2tempClock = 0;
document.getElementById('liteman2idpacmancheck').checked = !(document.getElementById('liteman2idpacmancheck').checked);
}

function liteman2fStartAnim() {
var liteman2elm = document.getElementById('liteman2pacmanpanel');
var liteman2coords = getOffset(liteman2elm);
document.getElementById('liteman2impacman2').style.top = eval(liteman2coords.top - 0) + "px";
document.getElementById('liteman2impacman2').style.left = document.getElementById('liteman2pacmanpanel').style.left;
/////////////////////////////
if (document.getElementById('liteman2idpacmancheck').checked){
liteman1timer2++;
var liteman2rndspeed = liteman1getRandomInt(0, 6);
liteman2tempClock = liteman2tempClock + liteman2rndspeed;
if ((liteman2tempClock > 0)&&(liteman2tempClock <= liteman2lenthgo)) {
liteman2tempLeft = liteman2tempLeft + liteman2rndspeed;
document.getElementById('liteman2impacman2').style.left = liteman2tempLeft + liteman2coords.left +"px";
document.getElementById('liteman2impacman2').src='/Scr/pacman/liteman2imagepicman1.png';
}
if ((liteman2tempClock > liteman2lenthgo)&&(liteman2tempClock <= (2 * liteman2lenthgo))) {
liteman2tempLeft = liteman2tempLeft - liteman2rndspeed;
document.getElementById('liteman2impacman2').style.left = liteman2tempLeft + liteman2coords.left +"px";
document.getElementById('liteman2impacman2').src='/Scr/pacman/liteman2imagepicman2.png';
}
if ((liteman2tempClock > (2 * liteman2lenthgo))&&(liteman2tempClock <= (3 * liteman2lenthgo))) {
liteman2tempLeft = liteman2tempLeft + liteman2rndspeed;
document.getElementById('liteman2impacman2').style.left = liteman2tempLeft + liteman2coords.left +"px";
document.getElementById('liteman2impacman2').src='/Scr/pacman/liteman2imagepicman1.png';
document.getElementById('liteman1krug').innerHTML = "второй круг";
}
if ((liteman2tempClock > (3 * liteman2lenthgo))&&(liteman2tempClock <= (4 * liteman2lenthgo))) {
liteman2tempLeft = liteman2tempLeft - liteman2rndspeed;
document.getElementById('liteman2impacman2').style.left = liteman2tempLeft + liteman2coords.left +"px";
document.getElementById('liteman2impacman2').src='/Scr/pacman/liteman2imagepicman2.png';
}
if ((liteman2tempClock > (4 * liteman2lenthgo))&&(liteman2tempClock <= (5 * liteman2lenthgo))) {
liteman2tempLeft = liteman2tempLeft + liteman2rndspeed;
document.getElementById('liteman2impacman2').style.left = liteman2tempLeft + liteman2coords.left +"px";
document.getElementById('liteman2impacman2').src='/Scr/pacman/liteman2imagepicman1.png';
document.getElementById('liteman1krug').innerHTML = "третий круг";
}
if ((liteman2tempClock > (5 * liteman2lenthgo))&&(liteman2tempClock <= (6 * liteman2lenthgo))) {
liteman2tempLeft = liteman2tempLeft - liteman2rndspeed;
document.getElementById('liteman2impacman2').style.left = liteman2tempLeft + liteman2coords.left +"px";
document.getElementById('liteman2impacman2').src='/Scr/pacman/liteman2imagepicman2.png';
}if (liteman2tempClock > (6 * liteman2lenthgo)) {
liteman2tempLeft = 3;
document.getElementById('liteman2impacman2').style.left = liteman2tempLeft + liteman2coords.left +"px";
document.getElementById('liteman2idpacmancheck').checked = false; 
document.getElementById('liteman2impacman2').src='/Scr/pacman/liteman2imagepicman1.png'; 
 document.getElementById('liteman1tabletd1' + liteman1numstart).innerHTML = "оранжевый";
 document.getElementById('liteman1tabletd2' + liteman1numstart).innerHTML = liteman1timer2;
 liteman1timer1 = 0; liteman1timer2 = 0; liteman1timer3 = 0; liteman1timer4 = 0;
 liteman1flagcolor=0;
 liteman1flagstart = false;
 document.getElementById('liteman1butstart').value = "старт";
 document.getElementById('liteman2butstart').value = "старт";
 document.getElementById('liteman1krug').innerHTML = "3 круга";
 document.getElementById('liteman1idpacmancheck').checked = false;
 document.getElementById('liteman2idpacmancheck').checked = false;
}
}}
</script>