var dimension="9*3";
var niveau=2;
var type="symbole";

function extractUrlNameGetVars()
{	
  var t = location.search.substring(1).split("&");
  var f = [];
  for (var i=0; i<t.length; i++)
  {
      var x = t[i].split("=");
      f[i]=x[0];
  }
  return f;
}

function extractUrlParams()
{	
  var t = location.search.substring(1).split("&");
  var f = [];
  for (var i=0; i<t.length; i++)
  {
      var x = t[i].split("=");
      f[x[0]]=x[1];
  }
  return f;
}

function InnerType()
{

  var menu='';
  var Sl='';
  begin='<select name="type" id="type" style="font-family:arial;font-size:11px;color:#000;border:1px solid #ccc;background:#fff;margin-left:15px;">';

  end='</select>';

    menu+='<option value=""';
    if(GET['type']=="") menu+=' selected="select"';
    menu+='>Numeros</option>';
    menu+='<option value="symbole"';
    if(GET['type']=="symbole") menu+=' selected="select"';
    menu+='>Lettres</option>';
    
    var mixte='';
    mixte+='<option value="Mixte"';
    if(GET['type']=="Mixte") mixte+=' selected="select"';
    mixte+='>Mixte</option>';
    
    if (document.getElementById('dimension').value=='16*4'||document.getElementById('dimension').value=='4*2'||document.getElementById('dimension').value=='6*2'||document.getElementById('dimension').value=='8*4'||document.getElementById('dimension').value=='10*5'||document.getElementById('dimension').value=='12*3'||document.getElementById('dimension').value=='14*7')
    {
      document.getElementById('SelectType').innerHTML=begin+menu+mixte+end;
    }
    else
      document.getElementById('SelectType').innerHTML=begin+menu+end;
}

GET=extractUrlParams();
GETsInitName=extractUrlNameGetVars();
var Start='false';
   
if(GET['Start']=='true') 
{
  var Start=true; 
  dimension=GET['dimension'];
  niveau=GET['level'];
  type=GET['type'];
}
else var Start='false';

var form=null;




form='<form method="get" id="SelectGame" action="'+document.location.href+'" style="margin-bottom:20px;">';
form+='<select name="dimension" id="dimension" style="font-family:arial;font-size:11px;color:#000;border:1px solid #ccc;background:#fff;"';
form+=' onchange="Javascript:InnerType();"';
form+='>';
form+='<option value="4*2"';
if(GET['dimension']=="4*2" || GET['dimension']=="4%2A2"){form+=' selected="select"';} 
form+='>4 X 4</option>';
form+='<option value="6*2"';
if(GET['dimension']=="6*2" || GET['dimension']=="6%2A2"){form+=' selected="select"'; }
form+='>6 X 6</option>';
form+='<option value="8*4"';
if(GET['dimension']=="8*4" || GET['dimension']=="8%2A4"){form+=' selected="select"';}
form+='>8 X 8</option>';
form+='<option value="9*3"';
if(GET['dimension']=="9*3" || GET['dimension']=="9%2A3"){form+=' selected="select"';}
form+='>9 X 9</option>';
form+='<option value="10*5"';
if(GET['dimension']=="10*5" || GET['dimension']=="10%2A5"){form+=' selected="select"'; }
form+='>10 X 10</option>';
form+='<option value="12*3"';
if(GET['dimension']=="12*3" || GET['dimension']=="12%2A3"){form+=' selected="select"'; }
form+='>12 X 12</option>';
form+='<option value="14*7"';
if(GET['dimension']=="14*7" || GET['dimension']=="14%2A7"){form+=' selected="select"';}
form+='>14 X 14</option>';
form+='<option value="16*4"';
if(GET['dimension']=="16*4" || GET['dimension']=="16%2A4"){form+=' selected="select"';}
form+='>16 X 16</option>';
form+='</select>';

form+='<span id="SelectType"></span>';


form+='<select name="level" style="font-family:arial;font-size:11px;color:#000;border:1px solid #ccc;background:#fff;margin-left:15px;">';
form+='<option value="0"';
if(GET['level']=="0") form+=' selected="select"';
form+='>Facile</option>';
form+='<option value="1"';
if(GET['level']=="1") form+=' selected="select"';
form+='>Moyen</option>';
form+='<option value="2"';
if(GET['level']=="2") form+=' selected="select"';
form+='>Difficile</option>';
form+='</select>';
form+='<input type="submit" value="ok" style="font-family:arial;font-size:11px;color:#000;border:1px solid #ccc;background:#ccc;margin-left:15px;" />';

form+='<input type="hidden" name="Start" value="true">';

for(i=0;i<GETsInitName.length;i++)
{
  if(GETsInitName[i]!="level" && GETsInitName[i]!="Start" && GETsInitName[i]!="dimension" && GETsInitName[i]!="type" && GETsInitName[i]!='')
  {
      form+='<input type="hidden" name="' + GETsInitName[i] + '" value="'+GET[GETsInitName[i]]+'">';
  }
}
form+='</form>';
document.getElementById('MenuGrille').innerHTML=form;
InnerType();