/* WORLD CUP SIMULATOR CREATED BY: VITRUVIAN APRIL 08, 2018 */ var groups = { "A":["RUSSIA","SAUDI ARABIA","EGYPT","URUGUAY"], "B":["PORTUGAL","SPAIN","MOROCCO","IRAN"], "C":["FRANCE","AUSTRALIA","PERU","DENMARK"], "D":["ARGENTINA","ICELAND","CROATIA","NIGERIA"], "E":["BRAZIL","SWITZERLAND","COSTA RICA","SERBIA"], "F":["GERMANY","MEXICO","SWEDEN","KOREA REP."], "G":["BELGIUM","PANAMA","TUNISIA","ENGLAND"], "H":["POLAND","SENEGAL","COLOMBIA","JAPAN"] }; var l3 = { "RUS":"RUSSIA", "SAU":"SAUDI ARABIA", "EGY":"EGYPT", "URU":"URUGUAY", "POR":"PORTUGAL", "SPA":"SPAIN", "MOR":"MOROCCO", "IRA":"IRAN", "FRA":"FRANCE", "AUS":"AUSTRALIA", "PER":"PERU", "DEN":"DENMARK", "ARG":"ARGENTINA", "ICE":"ICELAND", "CRO":"CROATIA", "NIG":"NIGERIA", "BRA":"BRAZIL", "SWI":"SWITZERLAND", "COS":"COSTA RICA", "SER":"SERBIA", "GER":"GERMANY", "MEX":"MEXICO", "SWE":"SWEDEN", "KOR":"KOREA REP.", "BEL":"BELGIUM", "PAN":"PANAMA", "TUN":"TUNISIA", "ENG":"ENGLAND", "POL":"POLAND", "SEN":"SENEGAL", "COL":"COLOMBIA", "JAP":"JAPAN" }; $(document).ready(function() { $("#b_start").on("click",function() { $("#info").hide(); }); $("#b_groups_right").on("click",function() { var left_7 = parseInt($(".group:eq(7)").css("left")); if (left_7>0) { $(".group").animate({ "left":"-=268", },300); } }); $("#b_groups_left").on("click",function() { var left_1 = parseInt($(".group:eq(0)").css("left")); if (left_1<0) { $(".group").animate({ "left":"+=268", },300); } }); $("body").delegate(".radio","click",function() { var id = $(this).attr("id").split("_"); var letter = id[0]; var nation = parseInt(id[1]); var nation = groups[letter][nation]; nation = nation.substr(0,3); var pos = parseInt(id[2]); $("#W"+pos+letter+" span").html(nation).css({ "color":"#464646" }); for (var i=0;i<4;i++) { $("#"+letter+"_"+i+"_"+pos).css({ "background-color":"#363636", "background-image":"url()" }); } $(this).css({ "background-color":"#dedede", "background-image":"url(https://i.imgur.com/xyUFBkR.png)" }); if (pos==1) { for (var i=0;i<4;i++) { $("#"+letter+"_"+i+"_2").show(); } $("#"+letter+"_"+parseInt(id[1])+"_2").hide(); } else { for (var i=0;i<4;i++) { $("#"+letter+"_"+i+"_1").show(); } $("#"+letter+"_"+parseInt(id[1])+"_1").hide(); } if (all_selected()) { $(".radio").each(function() { var id = $(this).attr("id"); var bgi = $(this).css("background-image"); if (bgi.indexOf(".png")<0) { $(this).hide(); } }); show_roundof16(); } }); $("body").delegate(".top span","click",function() { parent = $(this).parent().html(); $(this).parent().children("input").prop('checked',true); if (parent.indexOf("roundof16")>0 && verify_roundof16()) { show_quarters(); } if (parent.indexOf("quarters")>0 && verify_quarters()) { show_semis(); } if (parent.indexOf("semis")>0 && verify_semis()) { show_final(); } }); $("body").delegate(".bottom span","click",function() { parent = $(this).parent().html(); $(this).parent().children("input").prop('checked',true); if (parent.indexOf("roundof16")>0 && verify_roundof16()) { show_quarters(); } if (parent.indexOf("quarters")>0 && verify_quarters()) { show_semis(); } if (parent.indexOf("semis")>0 && verify_semis()) { show_final(); } }); $("body").delegate(".roundof16","click",function() { if (verify_roundof16()) { show_quarters(); } }); $("body").delegate(".quarters","click",function() { if (verify_quarters()) { show_semis(); } }); $("body").delegate(".semis","click",function() { if (verify_semis()) { show_final(); } }); $("body").delegate("#final_1 span,#final_2 span","click",function() { $(this).parent().children("input").prop('checked',true); show_champion(); }); $("body").delegate(".fin","click",function() { show_champion(); }); show_groups(); }); function verify_semis() { var complete = true; for (var i=1;i<=2;i++) { var q1 = $("#s"+i+"_1").prop("checked"); var q2 = $("#s"+i+"_2").prop("checked"); $("#final_"+i+" span").remove(); var nation = ""; if (q1) { nation = $("#semi_"+(i*2-1)+" span").html(); } else if (q2) { nation = $("#semi_"+(i*2)+" span").html(); } if (nation==="") { complete = false; } else { parent_html = $("#semi_"+i).parent().html(); if (parent_html.indexOf("brackets_left")>0) { $("#semi_"+i).parent().children(".brackets_left").css("width","10px"); html = ''+nation+''; } else { $("#semi_"+i).parent().children(".brackets_right").css("width","10px"); html = ''+nation+''; } $("#final_"+i).append(html); } } return complete; } function verify_quarters() { var spans = [ [], ["W1AW2B","W1CW2D"], ["W1EW2F","W1GW2H"], ["W1BW2A","W1DW2C"], ["W1FW2E","W1HW2G"] ]; var complete = true; for (var i=1;i<=4;i++) { var q1 = $("#q"+i+"_1").prop("checked"); var q2 = $("#q"+i+"_2").prop("checked"); $("#semi_"+i+" span").remove(); var nation = ""; if (q1) { nation = $("#"+spans[i][0]+" span").html(); } else if (q2) { nation = $("#"+spans[i][1]+" span").html(); } if (nation==="") { complete = false; } else { parent_html = $("#semi_"+i).parent().html(); if (parent_html.indexOf("brackets_left")>0) { $("#semi_"+i).parent().children(".brackets_left").css("width","10px"); html = ''+nation+''; } else { $("#semi_"+i).parent().children(".brackets_right").css("width","10px"); html = ''+nation+''; } $("#semi_"+i).append(html); } } return complete; } function verify_roundof16() { var complete = true; var names = []; $(".roundof16").each(function() { var name = $(this).attr("name"); if (names.indexOf(name)<0) { names.push(name); } }); for (var i=0;i0) { $("#W"+p1+"W"+p2).parent().children(".brackets_left").css("width","10px"); html = ''+nation+''; } else { $("#W"+p1+"W"+p2).parent().children(".brackets_right").css("width","10px"); html = ''+nation+''; } $("#W"+p1+"W"+p2).append(html); } } return complete; } function show_champion() { var q1 = $("#fin1").prop("checked"); $("#level").hide(); $(".fin").each(function() { $(this).parent().css("cursor","auto"); }); $(".fin").remove(); if (q1) { nation = $("#final_1 span").html(); } else { nation = $("#final_2 span").html(); } $("#final_1,#final_2").remove(); $("#trophy").show(); $("#champion").html(l3[nation]).show(); $(".top span,.bottom span").each(function() { var html = $(this).html(); if (html!=nation) { $(this).css("color","#a0a0a0"); } else { $(this).css({ "background-color":"#464646", "color":"#dedede", "padding-right":"10px", "padding-left":"10px", "width":"50px" }); } }); } function show_final() { $("#level").html("FINAL"); $(".semis").each(function() { $(this).parent().css("cursor","auto"); }); $(".semis").remove(); var html = ""; $("#final_1").css("cursor","pointer").append(html); var html = ""; $("#final_2").css("cursor","pointer").append(html); $("#final_1,#final_2").css("cursor","pointer"); } function show_semis() { $("#level").html("SEMI FINALS"); $(".quarters").each(function() { $(this).parent().css("cursor","auto"); }); $(".quarters").remove(); $(".semis").remove(); //s1 var html = ""; $("#semi_1").css("cursor","pointer").append(html); var html = ""; $("#semi_2").css("cursor","pointer").append(html); //s2 var html = ""; $("#semi_3").css("cursor","pointer").append(html); var html = ""; $("#semi_4").css("cursor","pointer").append(html); } function show_quarters() { $("#level").html("QUARTER FINALS"); $(".roundof16").each(function() { $(this).parent().css("cursor","auto"); }); $(".roundof16").remove(); $(".quarters").remove(); //q1 var html = ""; $("#W1AW2B").css("cursor","pointer").append(html); var html = ""; $("#W1CW2D").css("cursor","pointer").append(html); //q2 var html = ""; $("#W1EW2F").css("cursor","pointer").append(html); var html = ""; $("#W1GW2H").css("cursor","pointer").append(html); //q3 var html = ""; $("#W1BW2A").css("cursor","pointer").append(html); var html = ""; $("#W1DW2C").css("cursor","pointer").append(html); //q4 var html = ""; $("#W1FW2E").css("cursor","pointer").append(html); var html = ""; $("#W1HW2G").css("cursor","pointer").append(html); } function show_roundof16() { $("#level").html("ROUND OF 16"); $(".roundof16").remove(); var lets = "ABCDEFGHBADCFEHG"; for (var i=0;i"; $("#W1"+l1).css("cursor","pointer").append(html); var html = ""; $("#W2"+l2).css("cursor","pointer").append(html); } } function all_selected() { var ret = true; for (var letter in groups) { for (var i=1;i<3;i++) { color = $("#W"+i+letter+" span").css("color"); color = color.split("rgb(")[1]; color = color.split(")")[0]; color = parseInt(color.split(",")[0]); if (color==160) { ret = false; } } } return ret; } function show_groups() { var g = 0; for (var letter in groups) { var nations = groups[letter]; var html = '

'; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; for (var i=0;i<4;i++) { nation = nations[i]; html += ''; html += ''; html += ''; html += ''; } html += '


GROUP '+letter+'		1^st	2^nd
'; html += ' '; html += '	'+nation+'

'; html += '

'; $("#group_list").append(html); g++; } }

World Cup Simulator