var mx; var my; var x1; var y1; var x2; var y2; var hideable;
var xmlnavarr = [];

$(document).ready(function() {

  myFunction();

  $(".wesleynavimg").mouseover(function() {

    animatedcollapse.toggle2('xmlmenu', $(this).attr("id"));
    LoadNavigationMenu($(this).attr("id"));
    hideable = "N";

  }).mouseout(function() {

    var pos = $("#xmlmenu").offset();
    x1 = pos.left;
    y1 = pos.top;
    x2 = x1 + $("#xmlmenu").outerWidth();
    y2 = y1 + $("#xmlmenu").outerHeight();

    if (mx < (x1 - 5) || mx > (x2 + 5) || my < (y1 - 30) || my > (y2 + 5)) {
      /*Hide menu as the mouse is not over the div menu */
      animatedcollapse.hide("xmlmenu");
      hideable = "N";
    }
    else {
      hideable = "Y";
    }

  });


}).mousemove(function(e) {

  mx = e.pageX;
  my = e.pageY;

  if (hideable == "Y" && (mx < (x1 - 5) || mx > (x2 + 5) || my < (y1 - 30) || my > (y2 + 5))) {
    /*Hide menu as the mouse is not over the div or image that shows the menu */
    animatedcollapse.hide("xmlmenu");
    hideable = "N";
  } 
 
});


    function myFunction()

    {
        animatedcollapse.addDiv('xmlmenu', 'fade=400, speed=-5,hide=1,height=360px');
        animatedcollapse.init();
    }

    function LoadNavigationMenu(pMenu){
        var pMenu;
        var navindex = parseInt(pMenu.replace("nav", ""));

	    document.getElementById('rightMenu').innerHTML = "";
	    document.getElementById('leftMenu').innerHTML = "";
	    LoadMenu("#rightMenu", xmlnavarr[0]);
	    LoadMenu("#leftMenu", xmlnavarr[navindex]);

    }

    function LoadMenu(pDiv, pXMLFile){
        var pDiv;
        var pXMLFile;  
        $.ajax({
            type: "GET",
            url: "/Portals/0/Users/Wesley/XML/" + pXMLFile,
            dataType: "xml",
            success: function(xml) {



		 $(xml).find('groupheader').each(function(){
                    $('<div></div>').html("<div class='xmlgroupheader'>" + $(this).text() + "</div>").appendTo(pDiv);
                 });
           
                var id = 0;
                $(xml).find('linkgroup').each(function(){
                    id++;
                    var MenuList = "";
                    var grouphref = $(this).find('grouphref').text(); 
			  var grouptitle = $(this).find('grouptitle').text();

			  if ($.trim(grouphref) == "") {
                    MenuList += "<div class='xmlgrouptitle'>" + grouptitle + "</div><ul class='xmllinks'>";
			  }
			  else {
                    MenuList += "<div class='xmlgrouptitle'><a href='" + $.trim(grouphref) + "'>" + grouptitle + "</a></div><ul class='xmllinks'>";
			  }

                    $(this).find('link').each(function(){
                        var href = $(this).find('href').text();
                        var title = $(this).find('title').text();
                        var hreftarget = $(this).find('href').attr("target");
			if (hreftarget == undefined) { hreftarget = ""; }

if ($.trim(title)!=""){
                        var atarget = "";
			if (hreftarget != "") { atarget = " target=\"_blank\""; }
                        var subLinks = "";
                        $(this).find('sublink').each(function(){
                            var subhref = $(this).find('subhref').text();
                            var subtitle = $(this).find('subtitle').text();
			    subLinks += "<li><a href='" + subhref + "' >" + subtitle + "</a></li>";
                            
                        });
                        MenuList += "<li><a href='" + href+ "' " + atarget + ">" + title + "</a>";
                        MenuList += "<ul class='xmlsublinks'>" + subLinks + "</ul>";
                        MenuList += "</li>";


}
                    });
                    MenuList += "</ul>";
                    $('<div></div>').html(MenuList).appendTo(pDiv);
                });
            }
        });
    }