<title>Eurovision Song Contest 2021 1st Semi-Final</title>						
<style>
   body { 
    background-image: url(http://yourhuman.ucoz.ru/Web/002.jpg);
    background-repeat: repeat;
   }
  </style>

<script type="text/javascript">
<!--
var namMember = new Array(								
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_australia.png><b> AUSTRALIA</b><br>Montaigne «Technicolour»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_ireland.png><b> IRELAND</b><br>Lesley Roy «Maps»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_lithuania.png><b> LITHUANIA</b><br>The Roop «Discoteque»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_slovenia.png><b> SLOVENIA</b><br>Ana Soklic «Amen»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_belgium.png><b> BELGIUM</b><br>Hooverphonic «The Wrong Place»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_croatia.png><b> CROATIA</b><br>Albina «Tick-Tock»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_cyprus.png><b> CYPRUS</b><br>Elena Tsagrinou «El Diablo»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_israel.png><b> ISRAEL</b><br>Eden Alene «Set Me Free»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_norway.png><b> NORWAY</b><br>Tix «Fallen Angel»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_romania.png><b> ROMANIA</b><br>Roxen «Amnesia»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_ukraine.png><b> UKRAINE</b><br>Go_A «Shum»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_macedonia.png><b> NORTH MACEDONIA</b><br>Vasil «Here I Stand»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_russia.png><b> RUSSIA</b><br>Manizha «Russian Woman»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_sweden.png><b> SWEDEN</b><br>Tusse «Voices»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_malta.png><b> MALTA</b><br>Destiny «Je Me Casse»</i>",
"<img src=	http://yourhuman.ucoz.ru/Flags/New1/flag_azerbaijan.png><b> AZERBAIJAN</b><br>Efendi «Mata Hari»</i>"
);
var lstMember = new Array();
var parent = new Array();
var equal = new Array();
var rec = new Array();
var cmp1,cmp2;
var head1,head2;
var nrec;
var numQuestion;
var totalSize;
var finishSize;
var finishFlag;
function initList(){
 var n = 0;
 var mid;
 var i;
 lstMember[n] = new Array();
 for (i=0; i<namMember.length; i++) {
 lstMember[n][i] = i;
 }
 parent[n] = -1;
 totalSize = 0;
 n++;
 for (i=0; i<lstMember.length; i++) {
 if(lstMember[i].length>=2) {
 mid = Math.ceil(lstMember[i].length/2);
 lstMember[n] = new Array();
 lstMember[n] = lstMember[i].slice(0,mid);
 totalSize += lstMember[n].length;
 parent[n] = i;
 n++;
 lstMember[n] = new Array();
 lstMember[n] = lstMember[i].slice(mid,lstMember[i].length);
 totalSize += lstMember[n].length;
 parent[n] = i;
 n++;
 }
 }
 for (i=0; i<namMember.length; i++) {
 rec[i] = 0;
 }
 nrec = 0;
 for (i=0; i<=namMember.length; i++) {
 equal[i] = -1;
 }
 cmp1 = lstMember.length-2;
 cmp2 = lstMember.length-1;
 head1 = 0;
 head2 = 0;
 numQuestion = 1;
 finishSize = 0;
 finishFlag = 0;
}
function sortList(flag){
 var i;
 var str;
 if (flag<0) {
 rec[nrec] = lstMember[cmp1][head1];
 head1++;
 nrec++;
 finishSize++;
 while (equal[rec[nrec-1]]!=-1) {
 rec[nrec] = lstMember[cmp1][head1];
 head1++;
 nrec++;
 finishSize++;
 }
 }
 else if (flag>0) {
 rec[nrec] = lstMember[cmp2][head2];
 head2++;
 nrec++;
 finishSize++;
 while (equal[rec[nrec-1]]!=-1) {
 rec[nrec] = lstMember[cmp2][head2];
 head2++;
 nrec++;
 finishSize++;
 }
 }
 else {
 rec[nrec] = lstMember[cmp1][head1];
 head1++;
 nrec++;
 finishSize++;
 while (equal[rec[nrec-1]]!=-1) {
 rec[nrec] = lstMember[cmp1][head1];
 head1++;
 nrec++;
 finishSize++;
 }
 equal[rec[nrec-1]] = lstMember[cmp2][head2];
 rec[nrec] = lstMember[cmp2][head2];
 head2++;
 nrec++;
 finishSize++;
 while (equal[rec[nrec-1]]!=-1) {
 rec[nrec] = lstMember[cmp2][head2];
 head2++;
 nrec++;
 finishSize++;
 }
 }
 if (head1<lstMember[cmp1].length && head2==lstMember[cmp2].length) {
 while (head1<lstMember[cmp1].length){
 rec[nrec] = lstMember[cmp1][head1];
 head1++;
 nrec++;
 finishSize++;
 }
 }
 else if (head1==lstMember[cmp1].length && head2<lstMember[cmp2].length) {
 while (head2<lstMember[cmp2].length){
 rec[nrec] = lstMember[cmp2][head2];
 head2++;
 nrec++;
 finishSize++;
 }
 }
 if (head1==lstMember[cmp1].length && head2==lstMember[cmp2].length) {
 for (i=0; i<lstMember[cmp1].length+lstMember[cmp2].length; i++) {
 lstMember[parent[cmp1]][i] = rec[i];
 }
 lstMember.pop();
 lstMember.pop();
 cmp1 = cmp1-2;
 cmp2 = cmp2-2;
 head1 = 0;
 head2 = 0;
 if (head1==0 && head2==0) {
 for (i=0; i<namMember.length; i++) {
 rec[i] = 0;
 }
 nrec = 0;
 }
 }
 if (cmp1<0) {
 str = "Battle No."+(numQuestion-1)+"<br>"+Math.floor(finishSize*100/totalSize)+"% sorted.";
 document.getElementById("battleNumber").innerHTML = str;
 showResult();
 finishFlag = 1;
 }
 else {
 showImage();
 }
}
function showResult() {
 var ranking = 1;
 var sameRank = 1;
 var str = "";
 var i;
 str += "<table style=\"width:300px; font-size:16px; line-height:120%; margin-left:auto; margin-right:auto; border:1px solid #fff; border-collapse:collapse\" align=\"center\">";
 str += "<tr><td style=\"color:#ffffff; background-color:#000; text-align:center;\">Rank<\/td><td style=\"color:#ffffff; background-color:#000; text-align:center;\">Entry (yourhuman.ucoz.ru)<\/td><\/tr>";
 for (i=0; i<namMember.length; i++) {
 str += "<tr><td style=\"border:1px solid #fff; text-align:right; padding-right:5px;\">"+ranking+"<\/td><td style=\"border:1px solid #fff; padding-left:5px;\">"+namMember[lstMember[0][i]]+"<\/td><\/tr>";
 if (i<namMember.length-1) {
 if (equal[lstMember[0][i]]==lstMember[0][i+1]) {
 sameRank++;
 } else {
 ranking += sameRank;
 sameRank = 1;
 }
 }
 }
 str += "<\/table>";
 document.getElementById("resultField").innerHTML = str;
}
function showImage() {
 var str0 = "Battle No."+numQuestion+"<br>"+Math.floor(finishSize*100/totalSize)+"% sorted.";
 var str1 = ""+toNameFace(lstMember[cmp1][head1]);
 var str2 = ""+toNameFace(lstMember[cmp2][head2]);
 document.getElementById("battleNumber").innerHTML = str0;
 document.getElementById("leftField").innerHTML = str1;
 document.getElementById("rightField").innerHTML = str2;
 numQuestion++;
}
function toNameFace(n){
 var str = namMember[n];
 return str;
}
</script>
<style type="text/css">
<!--
p{
 font-size: 12px;
 font-family: Bahnschrift Condensed;
 text-align: center;
}
#mainTable{
 font-size: 14px;
 font-family: Bahnschrift Condensed;
 text-align: center;
 vertical-align: middle;
 width: 410px;
 margin-left: auto;
 margin-right: auto;
 border-collapse: separate;
 border-spacing: 10px 5px;
}
#resultField{
 font-size: 12px;
 font-family: Bahnschrift Condensed;
 text-align: center;
}
#leftField{
 width: 500px;
 height: 30px;
 border: 1px solid #fff;
}
#rightField{
 width: 500px;
 height: 30px;
 border: 1px solid #fff;
}
.middleField{
 width: 100px;
 height: 30px;
 border: 1px solid #fff;
}
//-->
<!--
A{
 text-decoration : none;
}
-->
<!--
a:hover{color:#99ccff;}
-->
</style>
<script src="XXXXX"></script><style type="text/css" id="tumblr_teaser_follow_css">
#tumblr_teaser_follow {
display: block;
opacity: 1;
visibility: hidden;
position: fixed;
bottom: 0px;
right: 0px;
width: 1px;
height: 1px;
z-index: 2147483647;
}
#tumblr_teaser_follow.open {
visibility: visible;
width: 310px;
height: 110px;
}
</style><style type="text/css" id="tumblr_iframe_css">
.tumblr_controls {
position: absolute;
top: 0px;
right: 0px;
display: block;
opacity: 1;
width: 1px;
height: 1px;
z-index: 2147483647;
visibility: hidden;
pointer-events: none;
}
.tumblr_controls.visible {
visibility: visible;
pointer-events: all;
}
.tumblr_controls.sticky {
position: fixed;
}
.tumblr_controls.flash_fix {
visibility: hidden !important;
}
</style>
<meta http-equiv="x-dns-prefetch-control" content="off">
</head>
<body text="#ffffff" bgcolor="#ffffff" link="#08e8de" vlink="#08e8de" alink="#08e8de">
<table id="mainTable" align="center">
 <tbody>
 <tr>								
								
								
								
								
								
<td colspan="3"><p>	<br>
<b><p>* * * * * *</p>
<p>Topper 2021ESC02</p></b>
<p><img src="http://yourhuman.ucoz.ru/Web/003.png"></p>
<b>Draw up your toplist!</b><br>
Here are <b>all the songs from the 1st Semi-Final of<br>the Eurovision Song Contest 2021</b>!<br>
Choose the best one in each duel by clicking on it,<br>but if you can't decide then click on "<b>I Like Both</b>" or "<b>No Opinion</b>".
<br>Let's do this!
<br><a href="http://yourhuman.ucoz.ru/Pages/eurovision/2021ESC02.html">1st semi-final</a> /// <a href="http://yourhuman.ucoz.ru/Pages/eurovision/2021ESC03.html">2nd semi-final</a> /// <a href="http://yourhuman.ucoz.ru/Pages/eurovision/2021ESC04.html">Final</a>
</td>
 </tr>
 <tr>
 <td id="battleNumber" colspan="3" style="padding-bottom: 10px;">Battle No. 1<br>0% sorted.</td>
 </tr>

 <tr>
 <td id="leftField" onclick="if(finishFlag==0)sortList(-1);" rowspan="2" style="text-align:center;"><img src="XXXXX"> <b>OOPS!</b><br>OOPS!<br><i>OOPS!</i></td>
 <td class="middleField" onclick="if(finishFlag==0)sortList(0);" style="text-align:center;">
 I Like Both
 </td>
 <td id="rightField" onclick="if(finishFlag==0)sortList(1);" rowspan="2" style="text-align:center;"><img src="XXXXX"> <b>OOPS!</b><br>OOPS!<br><i>OOPS!</i></td>
 </tr>
 <tr>
 <td class="middleField" onclick="if(finishFlag==0)sortList(0);" style="text-align:center;">
 No Opinion
 </td>
 </tr>
</tbody></table><br>
<div id="resultField" style="text-align: center;">
<br>
</div>
<br>
<p><a href="http://info.flagcounter.com/gGcl"><img src="http://s06.flagcounter.com/count2/gGcl/bg_000000/txt_FFFFFF/border_FFFFFF/columns_4/maxflags_32/viewers_0/labels_0/pageviews_1/flags_0/percent_0/" alt="Flag Counter" border="0"></a></p>
<script type="text/javascript">
<!--
 initList();
 showImage();
</script>
</body></html>