$(document).ready(function(){

var pathname = window.location.pathname;
var domain = document.domain;

  $.ajax({
    type: "GET",
    url: "http://" + domain + "/menu.xml",
    dataType: "xml",
    success: rutaMenu,
	  error: function(){alert("Error: El archivo xml no se ha cargado correctamente (comprueba path y sintaxis)");}
  });
  
  function rutaMenu(data) {
  
    var xml;
    if(typeof data == 'string'){
      xml = new
      ActiveXObject('Microsoft.XMLDOM');
      xml.async = false;
      xml.loadXML(data);
    } else {
      xml = data;
    }
    
    $(xml).find('element').each(function(){ // por cada instancia de element
      var path = $(this).attr('path'); // tomamos el atributo path
      
      if (pathname == path){         // si el path corresponde
          var css = $(this).attr('header'); // tomamos la etiqueta css del header
          $(css).addClass('active');    //y lo dejamos activo
          $(css).removeClass('grey-button');
          $(css).addClass('grey-active-button');
          $(css + " span").addClass('grey-active-button span');
          
          var cssleft = $(this).attr('cssleft');
          if (cssleft != null){
            $(cssleft).addClass('active');
          }
          
          var parent = $(this).attr('parent');
          if (parent != null){
            $(parent).show();
          }  
          
          var subleft = $(this).attr('subleft');
          if (subleft != null){
            $(subleft).addClass('active');
          }     
      }            
    });
  
  }  
     
});