var TRMENUS = {
   currentSubmenu: null,
   currentPopup: null,
   locationPopupUrl: null };

function showLocationPopup(e,el) {
  if(!TRMENUS.locationPopupUrl) {
    TRMENUS.locationPopupUrl = $('#location_popup').html();
  }
  
  var id = $(el).attr('id').toString().split('_');

  var x = e.pageX + 30 - ($('#location_popup_background').width());
  var y = e.pageY - ($('#location_popup_background').height());
  $('#location_popup').css('left', x);
  $('#location_popup_background').css('left', x);
  $('#location_popup').css('top', y - 20);
  $('#location_popup_background').css('top', y - 20);

  if(TRMENUS.currentPopup != id[1]) {
    $('#location_popup').html('<div class="loader">'+_('Loading...')+'</div>');
    $.post(TRMENUS.locationPopupUrl, {id: id[1]}, function(data,status) {
      $('#location_popup').html(data);
      $('#location_popup').show();
      $('#location_popup_background').show();
      TRMENUS.currentPopup = id[1];
    },'html');
  }
  else {
      $('#location_popup').show();
      $('#location_popup_background').show();
  }

}

function showLocationSubmenu(e,el)  {
  $('.location_submenu').hide();
  var id = $(el).attr('for').toString().split('_');

  /*if(!TRMENUS.submenuUrl) {
    TRMENUS.submenuUrl = $('#location_submenu a').attr('href');
  }

  if(TRMENUS.currentSubmenu != id[1]) {
    $('#location_submenu').html('');
    TRMENUS.currentSubmenu = id[1];
    $.post(TRMENUS.submenuUrl, {"id":TRMENUS.currentSubmenu}, function(data,status) {
      $('#location_submenu').html(data);
    },'html')
  }*/
  
  $('#location_submenu_'+id[1]).show();

  $('#location_submenu_'+id[1]).css('left', (/*$(el).parent().offset().left*/ - $('#location_bar').width()) + 'px');
  $('#location_submenu_'+id[1]).css('top', $(el).position().top - $('#location_submenu_'+id[1]).height()/2 + 'px');
}


$('#location_bar').ready(function() {
  $('.location').click(function(e) {
    //showLocationSubmenu(e,this);

    //e.preventDefault();
    //e.stopPropagation();
  });

  $('.help').click(function(e) {
    showLocationPopup(e,this);

    e.preventDefault();
    e.stopPropagation();
  });


  $('.help').mouseover(function(e) {
    //showLocationPopup(e,this);
    
    e.stopPropagation();
  });


  $('.location_submenu').click(function(e) {
    e.stopPropagation();
  });

  $('.location').mouseover(function(e) {
    showLocationSubmenu(e,this);
    
    $('#location_popup').hide();
    $('#location_popup_background').hide();

    e.stopPropagation();

    /*if (1 || $('#location_popup').css('display') != 'block')
    {
      showLocationPopup(e,this);
    }*/
  });

  $('#location_bar').click(function(e) { 
    $('#location_popup').hide();
    $('#location_popup_background').hide();
    $('.location_submenu').hide();
  });
  $('#location_bar').mouseover(function(e) {e.stopPropagation();});
  $('#location_submenu').mouseover(function(e) {e.stopPropagation();});

  $(document).mouseover(function(e) {
    $('#location_popup').hide();
    $('#location_popup_background').hide();
    $('.location_submenu').hide();
  });

  $(document).click(function(e) {
    $('#location_popup').hide();
    $('#location_popup_background').hide();
    $('.location_submenu').hide();
  });

  $('#location_popup').mouseover(function(e) {e.stopPropagation();});
  $('#location_popup_background').mouseover(function(e) {e.stopPropagation();});
});