var xmlTypes = importXML("calculator/Resources/XML/StatementTypes.xml");

$(document).ready(function()
{
	InitStatmentTypes();
	SetStatmentTypes();
	InitRestaurantTypes();
	SetRestaurantTypes();
	
    // assign a class to the menu to know we've taken control of it
    $("#accountlnks").addClass("flyout");
    $("#ddlRestaurantType").addClass("flyout");

    // for the account links flyout menu, let's add a default option
    // that is not clickable for the drop-down and then put the remaining
    // list items as a sub-list to this default option
    //$("#accountlnks").prepend("<ul><li>Drop Down</li></ul>");
    $("#accountlnks ul:first li:first").append($("#accountlnks ul:last"));
    $("#ddlRestaurantType ul:first li:first").append($("#ddlRestaurantType ul:last"));

    // for IE's sake, let's add a class to the top-level LI element
    // so that IE can mimic the hover effect on list items
    if ($.browser.msie) {

    $("#accountlnks ul:first li:first ul:first").wrap("<div></div>");
    $("#ddlRestaurantType ul:first li:first ul:first").wrap("<div></div>");

    $("#accountlnks ul:first li:first").bind("mouseover", function() {
      $(this).addClass("sfhover");
    });

    $("#accountlnks ul:first li:first").bind("mouseout", function() {
      $(this).removeClass("sfhover");
    });

    $("#ddlRestaurantType ul:first li:first").bind("mouseover", function() {
      $(this).addClass("sfhover");
    });

    $("#ddlRestaurantType ul:first li:first").bind("mouseout", function() {
      $(this).removeClass("sfhover");
    });
    }
}); 

function InitRestaurantTypes()
{
	try
    { 			
	$("#Restaurant").click(function(){ $("#spanType")[0].innerHTML=(this).innerHTML;CloseRestaurantType();});       
	$("#FastFood").click(function(){ $("#spanType")[0].innerHTML=(this).innerHTML;CloseRestaurantType();});        
        
     }catch(ae)
     {
     }
}

function SetRestaurantTypes()
{
	try
    {	
		$("#ddlRestaurantType").prepend("<ul><li><a style='width:123px;display:block' href='#' id='spanType'>Restaurant</a></li></ul>");
		$("#spanType").bind("mouseover", function() {$("#ddlRestaurantType ul:last")[0].style.display='block'; });
     }catch(ae)
     {
     }
}

function InitStatmentTypes()
{
    try
    { 
        var list=xmlTypes.documentElement.childNodes;
        for(var count=0;count<list.length;count++)
        {
            if(list[count].nodeType!=3)
            {
                 var ddlText =list[count].childNodes[0].text;
                 var ddlValue=list[count].childNodes[1].text;
                 
                 if(getBrowseType()!="MSIE")
                 {
					ddlText=list[count].childNodes[1].textContent;
					ddlValue=list[count].childNodes[3].textContent;                        
                 }
		        var hrefID="href"+count;
				$("#accountlnks ul").append("<li><a id=" + hrefID + ">" + ddlText +  "</a><span id='spanCurrent' style='display:none;'>" + ddlValue + "</span></li>");	
				
				$("#" + hrefID).click(function(){ $("#spanDefault")[0].innerHTML=(this).innerHTML;$("#spanValue")[0].innerHTML=$((this).parentNode.innerHTML)[1].innerHTML;CloseMenu();});	
            }        
        }       
        
     }catch(ae)
     {
     }
}

function SetStatmentTypes()
{
    try
    { 
        var list=xmlTypes.documentElement.childNodes;
        var maxCount=1;
        if(getBrowseType()!="MSIE")
        {
            maxCount=2;
        }
        
        for(var count=0;count<maxCount;count++)
        {
            if(list[count].nodeType!=3)
            {
                var list=xmlTypes.documentElement.childNodes;
                var ddlText =list[count].childNodes[0].text;
                var ddlValue=list[count].childNodes[1].text;
                         
                if(getBrowseType()!="MSIE")
                {
                    ddlText=list[count].childNodes[1].textContent;
                    ddlValue=list[count].childNodes[3].textContent;                        
                }
            }
        }
		
		$("#accountlnks").prepend("<ul><li><a style='width:123px;display:block' href='#' id='spanDefault'>" + ddlText + "</a><span id='spanValue' style='display:none;'>" + ddlValue + "</span></li></ul>");
		$("#spanDefault").bind("mouseover", function() {$("#accountlnks ul:last")[0].style.display='block'; });
     }catch(ae)
     {
     }
}

function CloseMenu()
{
    $("#accountlnks ul:last")[0].style.display='none';
}

function CloseRestaurantType()
{
    $("#ddlRestaurantType ul:last")[0].style.display='none';
}