var regionsArr=new Array(
["vao",19,"city","ВАО",false],
["uvao",12,"city","ЮВАО",false],
["uao",11,"city","ЮАО",false],

["uzao",13,"city","ЮЗАО",false],
["zao",14,"city","ЗАО",false],
["szao",15,"city","СЗАО",false],

["sao",16,"city","САО",false],
["svao",17,"city","СВАО",false],
["cao",10,"city","ЦАО",false],
["zelenograd",18,"city","Зеленоград",false],

["sv",2,"area","Северо-восток",false],
["vostok",6,"area","Восток",false],
["uv",5,"area","Юго-Восток",false],

["ug",4,"area","Юг",false],
["uz",1,"area","Юго-Запад",false],
["zapad",9,"area","Запад",false],
["sz",8,"area","Северо-Запад",false],
["sever",7,"area","Север",false]
);

writeMapRegions();

function onCheckRegion(id){
   regionId=document.getElementById(id).value;
   lightRegion(regionId);
}

function checkActiveRegion(current_arr,current_input){
   //alert(curent_arr.length);
   for(var i=0; i<current_arr.length; i++){
      for(var z=0; z<regionsArr.length; z++){
         if(regionsArr[z][1]==current_arr[i]){
            document.getElementById('check_region_'+regionsArr[z][0]).checked=true;
            regionsArr[z][4]=true;
            var obj=document.getElementById(regionsArr[z][0]+'_active');
            /*obj.style.opacity = 1;
            obj.style.filter='alpha(opacity=1)';*/
            obj.style.display='block';
            
         }
      }
   }
   document.getElementById('current_directions_id').value=current_input;
   
}

function writeMapRegions(){
   var mapRegionsHtml='';
   var checkRegionsLeftHtml='';
   var checkRegionsRightHtml='';
   var mapObj=document.getElementById('map_of_moscow');
   var checkObjLeft=document.getElementById('regions_check_left');
   var checkObjRight=document.getElementById('regions_check_right');
   for(var i=0; i<regionsArr.length; i++){
      mapRegionsHtml+='<span onClick="lightRegion(this.id);" id="'+regionsArr[i][0]+'" title="'+regionsArr[i][3]+'"></span>';
	  mapRegionsHtml+='<div id="'+regionsArr[i][0]+'_active" style="display:none;"></div>';
      if(i<10){
         checkRegionsLeftHtml+='<nobr><input type="checkbox" name="check_region" value="'+regionsArr[i][0]+'" id="check_region_'+regionsArr[i][0]+'" onclick="onCheckRegion(this.id);"/>'+regionsArr[i][3]+'</nobr><br/>';
     }else{
          checkRegionsRightHtml+='<nobr><input type="checkbox" name="check_region" value="'+regionsArr[i][0]+'" id="check_region_'+regionsArr[i][0]+'" onclick="onCheckRegion(this.id);"/>'+regionsArr[i][3]+'</nobr><br/>';
     }
   }
   mapObj.innerHTML=mapRegionsHtml;
   checkObjLeft.innerHTML=checkRegionsLeftHtml;
   checkObjRight.innerHTML=checkRegionsRightHtml;
}

function addCurrentObj(id){
  var current_txt="";
  var current_directions_id="";
  for(var i=0; i<regionsArr.length; i++) {
     if(regionsArr[i][0]==id && regionsArr[i][4]==false)
        regionsArr[i][4]=true;
     else if(regionsArr[i][0]==id && regionsArr[i][4]==true)
        regionsArr[i][4]=false;
  }

  var z=0;
  for(var i=0; i<regionsArr.length; i++){
      if(regionsArr[i][4]==true){
        z++;
        z==1 ? ap=' ' : ap=', ';
        current_txt+=ap+regionsArr[i][3];
        current_directions_id+=ap+regionsArr[i][1];
        document.getElementById('check_region_'+regionsArr[i][0]).checked=true;
      }else{
        document.getElementById('check_region_'+regionsArr[i][0]).checked=false;
      }
  }
  //document.getElementById('current_directions_txt').innerHTML=current_txt;
  //document.getElementById('current_directions_txt').innerHTML=current_txt;
  document.getElementById('current_directions_id').value=current_directions_id;
  //alert(current_directions_id);
}

function addCurrentObjAll(id){
  var current_txt="";
  var current_directions_id="";
  for(var i=0; i<regionsArr.length; i++) {
     if(regionsArr[i][0]==id && regionsArr[i][4]==false)
        regionsArr[i][4]=true;
  }

  var z=0;
  for(var i=0; i<regionsArr.length; i++){
      if(regionsArr[i][4]==true){
        z++;
        z==1 ? ap=' ' : ap=', ';
        current_txt+=ap+regionsArr[i][3];
        current_directions_id+=ap+regionsArr[i][1];
        document.getElementById('check_region_'+regionsArr[i][0]).checked=true;
      }else{
        document.getElementById('check_region_'+regionsArr[i][0]).checked=false;
      }
  }
  //document.getElementById('current_directions_txt').innerHTML=current_txt;
  //document.getElementById('current_directions_txt').innerHTML=current_txt;
  document.getElementById('current_directions_id').value=current_directions_id;
  //alert(current_directions_id);
}

function lightRegion(id){
  var obj=document.getElementById(id+"_active");
  var objId=id+"_active";
  if(obj.style.display=='block'){
    addCurrentObj(id);
    obj.style.display='none';
  }else{
    addCurrentObj(id);
    obj.style.display='block';
  }
}

/*var hT, sT;
function showRegion(objId, x) {
   var obj = document.getElementById(objId);
   op = (obj.style.opacity)?parseFloat(obj.style.opacity):parseInt(obj.style.filter)/100;
   if(op < x) {
      clearTimeout(hT);
      op += 0.1;
      obj.style.opacity = op;
      obj.style.filter='alpha(opacity='+op*100+')';
      sT=setTimeout('showRegion(\''+objId+'\', '+x+')',30);
   }
}
function hideRegion(objId, x) {
   var obj = document.getElementById(objId);
   op = (obj.style.opacity)?parseFloat(obj.style.opacity):parseInt(obj.style.filter)/100;
   if(op > x) {
      clearTimeout(sT);
      op -= 0.1;
      obj.style.opacity = op;
      obj.style.filter='alpha(opacity='+op*100+')';
      hT=setTimeout('hideRegion(\''+objId+'\','+x+')',30);
   }
}*/

function resetMap(){
   for(var i=0; i<regionsArr.length; i++){
      var obj=document.getElementById(regionsArr[i][0]+'_active');
      regionsArr[i][4]=false;
      /*obj.style.opacity = 0;
      obj.style.filter='alpha(opacity=0)';*/
      obj.style.display='none';
      document.getElementById('check_region_'+regionsArr[i][0]).checked=false;
   }
   //document.getElementById('current_directions_txt').innerHTML='';
   document.getElementById('current_directions_id').value='';
}

function selectAreas(){
   for(var i=0; i<regionsArr.length; i++){
      if(regionsArr[i][2]=='area'){
         var obj=document.getElementById(regionsArr[i][0]+'_active');
         /*obj.style.opacity = 1;
         obj.style.filter='alpha(opacity=1)';*/
         obj.style.display='block';
         //addCurrentObjArea(regionsArr[i][0]);
         addCurrentObjAll(regionsArr[i][0]);
      }
   }
}

function selectMoscow(){
   for(var i=0; i<regionsArr.length; i++){
      if(regionsArr[i][2]=='city'){
         var obj=document.getElementById(regionsArr[i][0]+'_active');
         /*obj.style.opacity = '1';
         obj.style.filter='alpha(opacity=1)';*/
         obj.style.display='block';
         //addCurrentObjCity(regionsArr[i][0]);
         addCurrentObjAll(regionsArr[i][0]);
      }
   }
}

/*
function addCurrentObjArea(id){
  var current_txt="";
  var current_directions_id="";
  for(var i=0; i<regionsArr.length; i++) {
     if(regionsArr[i][0]==id && regionsArr[i][4]==false && regionsArr[i][2]=='area')
        regionsArr[i][4]=true;
  }

  var z=0;
  for(var i=0; i<regionsArr.length; i++){
      if(regionsArr[i][4]==true){
        z++;
        z==1 ? ap=' ' : ap=', ';
        current_txt+=ap+regionsArr[i][3];
        current_directions_id+=ap+regionsArr[i][1];
      }
  }
  document.getElementById('current_directions_txt').innerHTML=current_txt;
  document.getElementById('current_directions_id').value=current_directions_id;
}

function addCurrentObjCity(id){
  var current_txt="";
  var current_directions_id="";
  for(var i=0; i<regionsArr.length; i++) {
     if(regionsArr[i][0]==id && regionsArr[i][4]==false && regionsArr[i][2]=='city')
        regionsArr[i][4]=true;
  }

  var z=0;
  for(var i=0; i<regionsArr.length; i++){
      if(regionsArr[i][4]==true){
        z++;
        z==1 ? ap=' ' : ap=', ';
        current_txt+=ap+regionsArr[i][3];
        current_directions_id+=ap+regionsArr[i][1];
      }
  }
  document.getElementById('current_directions_txt').innerHTML=current_txt;
  document.getElementById('current_directions_id').value=current_directions_id;
}*/