var MenuString="<root><MainMenu id='Home' description='Home' link='index.html'></MainMenu><MainMenu id='TheBook' description='Romance Book' link='#'><SubMenu id='Synopsis' description='Synopsis' link='Synopsis.html'></SubMenu><SubMenu id='QnA' description='Q and A' link='QnA.html'></SubMenu><SubMenu id='Excerpt' description='Excerpts' link='Excerpts.html'></SubMenu><SubMenu id='ReaderFeedback' description='Reader Feedback' link='ReadersFeedback.html'></SubMenu><SubMenu id='Cover' description='Cover' link='CoverPage.html'></SubMenu></MainMenu><MainMenu id='Blog' description='Blog' link='http://www.lovebegetswealth.com/wordpress'></MainMenu><MainMenu id='MeetGJ' description='Meet G.J.Bajaj' link='#'><SubMenu id='Biography' description='Brief Biography' link='Biography.html'></SubMenu></MainMenu><MainMenu id='BuyeBook' description='Where to buy?' link='WheretoBuy.html'></MainMenu><MainMenu id='Articles' description='Articles' link='Articles.html'><SubMenu id='LoveLetters' description='Love Letters' link='LoveLetters.html'></SubMenu><SubMenu id='RomanceNovels' description='Romance Novels' link='RomanceNovels.html'></SubMenu><SubMenu id='RomanticIdeas' description='Romantic Ideas' link='RomanticIdeas.html'></SubMenu><SubMenu id='InspirationalThoughts' description='Inspirational Thoughts' link='InspirationalThoughts.html'></SubMenu><SubMenu id='InspirationalThoughts' description='Self Help Books' link='SelfHelpBooks.html'></SubMenu></MainMenu><MainMenu id='Sketches' description='Sketches' link='Sketches.html'></MainMenu><MainMenu id='Guestbook' description='Guestbook/Feedback' link='Guestbook.html'></MainMenu></root>";
var str="";
var i=0;
var SubMenuVisible=false;
var MenuAlign="Horizontal";
var MenuPosition="left"
var MainMenuStyle="Square";
var mainmenu_width=760;
var mainmenu_height=15;
var submenu_width=130;
var submenu_height=15;
var grandmenu_width=150;
var clientWidth=779;
var MainMenuLeft=0;
var MainMenuTop=0;


function menuInit()
{
    //nothing
}

if (window.ActiveXObject)
{
  var doc=new ActiveXObject("Microsoft.XMLDOM");
  doc.async="false";
  doc.loadXML(MenuString);
}
else
{
  var parser=new DOMParser();
  var doc=parser.parseFromString(MenuString,"text/xml");
}
  
var root=doc.documentElement;
var menu=new Array(root.childNodes.length);
var link=new Array(root.childNodes.length);
var sub_menu=new Array(root.childNodes.length);
var sub_link=new Array(root.childNodes.length);
var grand_menu=new Array(root.childNodes.length);
var grand_link=new Array(root.childNodes.length);

for(i=0;i<root.childNodes.length;i++)
{
    var mainmenu = root.childNodes[i];
    menu[i]=mainmenu.attributes[1].value;
    link[i]=mainmenu.attributes[2].value;
    sub_menu[i]   = new Array(mainmenu.childNodes.length);
    sub_link[i]   = new Array(mainmenu.childNodes.length);
    grand_menu[i] = new Array(mainmenu.childNodes.length);
    grand_link[i] = new Array(mainmenu.childNodes.length);
    for(j=0;j<mainmenu.childNodes.length;j++)
    {
        var child = mainmenu.childNodes[j];
        sub_menu[i][j]=child.attributes[1].value;
        sub_link[i][j]=child.attributes[2].value;
        grand_menu[i][j] = new Array(child.childNodes.length);
        grand_link[i][j] = new Array(child.childNodes.length);
        for(k=0;k<child.childNodes.length;k++)
        {
            var grandchild = child.childNodes[k];
            grand_menu[i][j][k]=grandchild.attributes[1].value;
            grand_link[i][j][k]=grandchild.attributes[2].value;
        }
    }
}
str+='<div id="test"></div>';
str+='<div id="divMainMenu" style="position:relative;left:'+MainMenuLeft+'px;top:'+MainMenuTop+'px;">';
if(MenuAlign=="Horizontal")
{
    if(MainMenuStyle=="Square")
    {
        str	+= '<table border=0 cellpadding=0 cellspacing=1 width="'+mainmenu_width+'px">';
        str+='<tr>';
        for(i=0;i<menu.length;i++)
        {
            str+='<td id="td'+i+'" align="center" onMouseOver="display_submenu(event,'+i+')" height="'+mainmenu_height+'px">';
            str +='<a href="'+link[i]+'"><span id="span'+i+'">&nbsp;'+menu[i]+'</span></a>';
            str+='</td>';
        }
        str+='</tr>';
    }
} 

str+='</table>';
str+='</div>';
str+='<div id="divSubMenu" style="position:absolute;display:none; background-color:transparent;z-index:100;filter:alpha(opacity=100);">';
str+='</div>';
document.write(str);


var PreviousMenuID1=99;
function display_submenu(e,menuid)
{
    var divSubMenu=document.getElementById("divSubMenu");
    if(menuid==PreviousMenuID1 && divSubMenu.style.display=="block")
        return;
    var divMainMenu=document.getElementById("divMainMenu");
    var element = (e.srcElement)?e.srcElement:e.target;
    var topSubMenu=0;
    var leftSubMenu=0;
    divSubMenu.style.display='block';
    SubMenuVisible=true;
    if((element.tagName=="TD"  || element.tagName=="SPAN") && MenuAlign=="Horizontal")
    {
        
        //if(parseInt(element.id.substring(2))!=menuid)
           //return;
        topSubMenu=GetElementAbsoluteTop(element)+element.offsetTop+element.offsetHeight-((MainMenuStyle=="Rounded")?9:1);
        leftSubMenu=GetElementAbsoluteLeft(element)-1;
        if(leftSubMenu+submenu_width>clientWidth+divMainMenu.offsetLeft)
        {
            leftSubMenu=leftSubMenu+element.offsetWidth-submenu_width+1;
           // MenuPosition="right";
	    MenuPosition="left";
        }
        else
        {
            MenuPosition="left";
        }
        divSubMenu.style.top=topSubMenu+"px";
        divSubMenu.style.left=leftSubMenu+"px";
       
    }
        
     show_submenu(menuid,MenuPosition);
     PreviousMenuID1=menuid;
    
}


var timeout;
function show_submenu(menuid,Alignment)
{
    //if(menuid==6) submenu_width=140; else submenu_width=130;
    str="";
    clearTimeout(timeout);
    str+='<table border=0 cellpadding=2 cellspacing=1 width="'+submenu_width+'px" style="margin-top:0px">';
    for(j=0;j<sub_menu[menuid].length;j++)
    {
        str += '<tr>';
        //str += '<td align="'+Alignment+'" style="background-color:#cd192a;" onMouseOver="this.style.background=\'#ff4500\'" onMouseOut="this.style.background=\'#cd192a\'"  height='+submenu_height+'"px" ><a href="'+sub_link[menuid][j]+'" ><span>&nbsp;'+ sub_menu[menuid][j]+'</span></a></td>';
        str += '<td align="'+Alignment+'" style="background-color:#006400;" onMouseOver="this.style.background=\'green\'" onMouseOut="this.style.background=\'#006400\'"  height='+submenu_height+'"px" ><a href="'+sub_link[menuid][j]+'" ><span>&nbsp;'+ sub_menu[menuid][j]+'</span></a></td>';
        str += '</tr>';
    }
    str+='</table>';
    var divSubMenu=document.getElementById("divSubMenu");
    divSubMenu.innerHTML=str;
   FadeIn("divSubMenu",0,divSubMenu.childNodes[0].offsetHeight,divSubMenu.childNodes[0].offsetWidth,Alignment,divSubMenu.offsetLeft);
}


function FadeIn(item,percentage,height,width,alignment,left)
{
    var element = document.getElementById(item);
    var ht = percentage*height/100+1;
    var wt = percentage*width/100+1;
    if(MenuAlign=="Horizontal" && item=="divSubMenu")
        element.style.height=Math.round(ht)+"px";
            
    if (element.filters)
		element.filters.alpha.opacity = percentage;
	else
		element.style.opacity = percentage/100;
	if(percentage!=100)
	{
	    var per = percentage+10;
	    timeout = setTimeout("FadeIn('"+item+"',"+per+","+height+","+width+",'"+alignment+"',"+left+")",0)
	}
}



function menuMousemove(e)
{
    if(SubMenuVisible)
    {
        var element = (e.srcElement)?e.srcElement:e.target;
        if(element.id=="divMainMenu" || element.id=="divSubMenu")
            return;
        var parent=element.parentNode;
        var flag=false;
        while(parent!=null)
        {
            if(parent.id=="divMainMenu" || parent.id=="divSubMenu")
            {
                flag=true;
                break;
            }
            parent=parent.parentNode;

        }
        if(!flag)
            hide_allmenu();
    }
}


function hide_allmenu()
{
    var divSubMenu=document.getElementById("divSubMenu");
    divSubMenu.style.display = 'none';
	PreviousMenuID1=99;
	SubMenuVisible=false;
}


function GetElementAbsoluteLeft(element)
{
    var left=element.offsetLeft;
    var parent=element.parentNode;
    do
    {   parent=parent.parentNode;
        left += parent.offsetLeft;
    }while(parent.id!="divMainMenu")
    return left;
}

function GetElementAbsoluteTop(element)
{
    var top = 0;
    var parent=element.parentNode;
    top = parent.offsetTop;
    do
    {
        parent=parent.parentNode;
        top += parent.offsetTop;
    }while(parent.id!="divMainMenu")
    return top;
}



