function toggleMap()
{   
   if($('#fColsContainer').is(":hidden"))
   {
      $('#fColsContainer').show("normal");
/*      $('#fColsContainer').css('position', 'relative');
      $('#mainContent').css('position', 'relative');*/
  }
   else
   {
      $('#fColsContainer').hide("normal");
   }   
   
   $('#lcpsmap').toggleClass("extended");   
   $('#mapContainer').toggleClass("extended");   
   $('#bPhoto').toggleClass("noPhoto");
   $('#innerContent h2.type1').toggleClass("unhideme");
   
   return false;
}




/*var currOptValue=0;*/

function showUl(objSpan)
{
   //var mainDiv=objSpan.parent();
   var myUl=objSpan.find('ul');
   if(myUl.is(":hidden"))
   {      
      myUl.show("fast");
   }
   else
   {
      myUl.hide("fast");
   }
}


function chooseOption(objA)
{
   var currOptValue=objA.attr('rel');
   
   var myDiv=objA.parent().parent().parent();   
   var myP=objA.parent().parent().parent().parent();
   var mySelect=myP.find('select');
   
   var choosenOption=mySelect.find('option[value='+currOptValue+']');
   
   mySelect.find('option').each(function(){
      $(this).attr('selected', false);
   });   
   
   choosenOption.attr('selected', 'selected');
   
   myDiv.find('span').html(choosenOption.html());
   myDiv.find('ul').hide("fast"); 
}


function hideSelects()
{
return;
   //region area
   $('#region').css('display', 'none');
   var valueTab=$('#region').find('option');
   
   var selectedOption=$("#region option:selected")
   if(selectedOption.length)
   {
      var firstOption=$(selectedOption).html();   
      //currOptValue=$(selectedOption).attr('value');         
   }
   else
   {
      var firstOption=$(valueTab[0]).html();   
      //currOptValue=$(valueTab[0]).attr('value');    
   }   
   
   
   var valueTabLen=valueTab.length;
   var outputList='';
   for(var i=0; i<valueTabLen; i++)
   {
      outputList+='<li><a href="#" rel="'+$(valueTab[i]).attr('value')+'">'+$(valueTab[i]).html()+'</a></li>'+"\n";
   }   
   outputList='<ul class="like-select">'+outputList+'</ul>';   
   
   $('#label1').after('<div id="region1"><span>'+firstOption+'</span>'+outputList+'<div>');   
   
   $('#region1').click(function(){       
      showUl($(this));      
   }); 
   
   $('#region1 ul a').click(function (){      
      chooseOption($(this));
      return false;      
   });
   
   
   
   
   
   
   
   //school area
   $('#school').css('display', 'none');
   var valueTab1=$('#school').find('option');
   
   var selectedOption1=$("#school option:selected")
   if(selectedOption1.length)
   {
      var firstOption1=$(selectedOption1).html();        
   }
   else
   {
      var firstOption1=$(valueTab1[0]).html();      
   }   
   
   
   var valueTabLen1=valueTab1.length;
   var outputList1='';
   for(var i=0; i<valueTabLen1; i++)
   {
      outputList1+='<li><a href="#" rel="'+$(valueTab1[i]).attr('value')+'">'+$(valueTab1[i]).html()+'</a></li>'+"\n";
   }   
   outputList1='<ul class="like-select">'+outputList1+'</ul>';   
   
   $('#label2').after('<div id="school1"><span>'+firstOption1+'</span>'+outputList1+'<div>');   
   
   $('#school1').click(function(){ 
      showUl($(this));      
   }); 
   
   $('#school1 ul a').click(function (){      
      chooseOption($(this));
      return false;      
   });   
}

$(document).ready(function(){ 
   hideSelects();
   $('#expand').click(function (){
      toggleMap();   
      return false;
   });   
});

$(document).ready(function(){ 
   hideSelects();
   $('#expand2').click(function (){
      toggleMap();   
      return false;
   });   
});