var activemuen;
var subitemisactive;

window.onload=initPage;

function initPage()
{

    document.getElementById("menuContainer").onmouseleave=normalMenu;
    var divs = document.getElementsByTagName("div");
    for(var i=0;i<divs.length;i++)
    {
        if(contains(divs[i].id.toString(),"leftMenuItem"))
        {
            divs[i].onmouseover=activeMenu;
            continue;
        }
         if(contains(divs[i].id.toString(),"subItemPanel"))
        {
            divs[i].onmouseover=subItemactiveMenu;

            
            divs[i].onmouseleave=subItemUnactiveMenu;
			}

        }
    }


function subItemactiveMenu()
{
    subitemisactive=true;
}

function subItemUnactiveMenu()
{
    subitemisactive=false;
}

function contains(str1,str2)
{
    if(str1.indexOf(str2)!=-1)
    {
        return true;
    }
    return false;
}

function activeMenu()
{
    var divs = document.getElementsByTagName("div");
    for(var i=0;i<divs.length;i++)
    {
        if(contains(divs[i].id.toString(),"leftMenuItem"))
        {
            divs[i].className="LeftMenuLinkItemStyle";
            continue;
        }
    }
    this.className="ActiveItemStyle";
    activemuen = this.innerText;
    if(screen.width==1024)
    {
        changeSubItmeStyle("SubItmeStyleOfSmall","hideSubItmeStyle",this);
    }
    else
    {
        changeSubItmeStyle("SubItmeStyle","hideSubItmeStyle",this);
    }
    
}

function normalMenu()
{
   if(subitemisactive)
   {
        return;
   }
   var menudiv = document.getElementById("menuContainer");
   var menudivs = menudiv.getElementsByTagName("div");
    for(var y=0;y<menudivs.length;y++)
    {
        if(contains(menudivs[y].innerText,activemuen))
        {
            menudivs[y].childNodes[0].className ="LeftMenuLinkItemStyle" ;
            break;
        }
    }
   
   var divs = document.getElementsByTagName("div");
    for(var i=0;i<divs.length;i++)
    {
        if(contains(divs[i].id.toString(),"subItemPanel"))
        {
             divs[i].className="hideSubItmeStyle";
        }
    }
}



function changeSubItmeStyle(displayStyel,hideStyel,obj)
{
     var divs = document.getElementsByTagName("div");
    for(var i=0;i<divs.length;i++)
    {
        if(contains(divs[i].id.toString(),"subItemPanel"))
        {
            if(contains(divs[i].target,obj.target))
            {
                divs[i].className=displayStyel;
                divs[i].style.width="772px";
                if(divs[i].offsetHeight<=document.getElementById("menuContainer").offsetHeight)
                {
                    divs[i].style.height=document.getElementById("menuContainer").offsetHeight;
                }
            }
            else
            {
                 divs[i].className=hideStyel;
            }
        }
    }
}