// JScript File


function setclass_over(td)
{    
    showPopup(td);
    td.className = "tabBackgroundover";
}

function setclass_out(td)
{
    td.className = "tabBackground";
    showdiv(false); 
}

function setSelected(td)
{
    td.className = "tabSelected";
    showdiv(false);
}

// For Sub menu
function setsubmenu_over(td)
{       
    td.className = "subBackgroundover";            
    showdiv(true);
}

function setsubmenu_out(td)
{    
    td.className = "subBackground";
    showdiv(false);
}

function navigatemenu(mnuUrl)
{
    window.location = mnuUrl;
}

function showPopup(obj)
{   
    var nLeft,nTop,divObj,nWidth,sSubMenuData;
    
    nLeft=eval(findPosX(obj))+'px';
     if(GetBrowserType()=="isFF")
	 	nTop=eval(findPosY(obj))+30+'px';
	 else
        nTop=eval(findPosY(obj))+30+'px';
    
    nWidth = obj.style.width;    
    sSubMenuData = getSubMenu(obj,nWidth);
    divObj = document.getElementById("menuDiv");
    if (sSubMenuData != "")
    {        
        divObj.innerHTML = sSubMenuData;
        divObj.style.position="absolute";
        divObj.style.left = nLeft;
        divObj.style.top = nTop;
        divObj.style.display="inline";
    }
    else
    {
        divObj.style.display="none";
    }
}

function getSubMenu(obj,nWidth)
{
var sTable, strMenu, sClass;
strMenu ="";
sTable = "";

sTable =  "<table cellpadding=0 cellspacing=0 width=" + nWidth + ">";
sClass = " class='subBackground' onmouseout='setsubmenu_out(this)' onmouseover='setsubmenu_over(this);' "

switch(obj.id)
{
    case "tdAbout" :
    {   
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('About.html');>About</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Objectives.html');>Objectives</td></tr>";
        break;
    }
    case "tdMaking" :
    {   
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Making.html');>Making</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Spinning.html');>Spinning</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Knitting.html');>Knitting</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Dyeing.html');>Dyeing</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Finishing.html');>Finishing</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Embroidery.html');>Embroidery</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Printing.html');>Printing</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Garmenting.html');>Cut & Sew</td></tr>";
        break;
    }
    case "tdSamples" :
    {   
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Samples.html');>Products</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('PoloSamples.html');>Polo</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('MensSamples.html');>Mens</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('WomensSamples.html');>Women</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('ChildrenSamples.html');>Children</td></tr>";        
        break;
    }
    case "tdQuality" :
    {   
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Quality.html');>Quality Policy</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Performance.html');>Performance</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Membership.html');>Membership</td></tr>";
        strMenu = strMenu + "<tr><td" + sClass + " onclick=navigatemenu('Policy.html');>Social Policy</td></tr>";        
        break;
    }

}

if (strMenu != "")
{
    strMenu = sTable + strMenu + "</table>";    
}

return strMenu;

}


function showdiv(bFlag)
{
    var divObj = document.getElementById("menuDiv");      
    
    if (bFlag == true)
        divObj.style.display = "inline";
    else
        divObj.style.display = "none";        
}


function LoadMenu(nIdx)
{
var mnuId,sPageName;

    switch(nIdx)
    {
        case 1:
        {
            mnuId = 'tdHome';
            sPageName ='Home.html';
            break;
        }
        case 2:
        {
            mnuId = 'tdAbout';
            sPageName ='About.html';
            break;
        }
        case 3:
        {
            mnuId = 'tdMaking';
            sPageName ='Making.html';
            break;
        }       
        case 4:
        {
            mnuId = 'tdSamples';
            sPageName ='Samples.html';
            break;
        }
        case 5:
        {
            mnuId = 'tdQuality';
            sPageName ='Quality.html';
            break;
        }
        case 6:
        {
            mnuId = 'tdContactUs';
            sPageName ='ContactUs.html';
            break;
        }
    }    
   
    var mObj = document.getElementById(mnuId);        
    mObj.className = "tabSelected";    
    mObj.onmouseout = function() {setSelected(mObj);}
    mObj.onmouseover = function() {setclass_over(mObj);}
    mObj.onclick = function() {navigatemenu(sPageName);}
}


/*function LoadMenu(nIdx)
{
var sSelected,sNormal,sHeadMenu;
var sArray = new Array();
sHeadMenu = "";

sNormal = " class='tabBackground' onmouseout='setclass_out(this)' onmouseover='setclass_over(this);' "
sSelected = " class='tabSelected' onmouseout='setSelected(this)' onmouseover='setclass_over(this);' "


sArray[0] = sNormal;
sArray[1] = sNormal;
sArray[2] = sNormal;
sArray[3] = sNormal;
sArray[4] = sNormal;
sArray[5] = sNormal;

sArray[nIdx-1] = sSelected;

sHeadMenu = "<table cellpadding='0' cellspacing='0' width='100%'><tr height='30px'>"
sHeadMenu = sHeadMenu + "<td " + sArray[0] + " id='tdHome' onclick="navigatemenu('Home.html')" onclick=navigatemenu('Home.html')  style='border-left: solid 1px Gray;'>Home</td>"
sHeadMenu = sHeadMenu + "<td " + sArray[1] + " id='tdAbout' onclick="navigatemenu('About.html')" onclick=navigatemenu('About.html') >About</td>"
sHeadMenu = sHeadMenu + "<td " + sArray[2] + " id='tdMaking' onclick="navigatemenu('Making.html')" onclick=navigatemenu('Making.html') >Making</td>"
sHeadMenu = sHeadMenu + "<td " + sArray[3] + " id='tdSamples' onclick="navigatemenu('Samples.html')" onclick=navigatemenu('Samples.html') >Samples</td>"
sHeadMenu = sHeadMenu + "<td " + sArray[4] + " id='tdQuality' onclick="navigatemenu('Quality.html')" onclick=navigatemenu('Quality.html')>Quality</td>"
sHeadMenu = sHeadMenu + "<td " + sArray[5] + " id='tdContactUs' onclick="navigatemenu('ContactUs.html')" onclick=navigatemenu('ContactUs.html')>Contact Us</td>"
sHeadMenu = sHeadMenu + "</tr></table>"

sHeadMenu = sHeadMenu + "<div id='menuDiv' style='z-index: 999999; position: absolute; display: none;'"
sHeadMenu = sHeadMenu + "  onmouseover='setsubmenu_over(this);' onmouseout='setsubmenu_out(this);'></div>"

document.getElementById("idMainMenu").innerHTML = sHeadMenu

}*/




//*******************************************************************
//	Function Name	:	findPosY
//	Input			:	Object Id 
//	OutPut			:   Top postion (Y)
//	Description		:	Give the Y position of the Given Object
//*******************************************************************
function findPosY(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
	curtop += obj.y;
	return curtop;
}

//*******************************************************************
//	Function Name	:	findPosX
//	Input			:	Object Id 
//	OutPut			:   Left postion (x)
//	Description		:	Give the X position of the Given Object
//*******************************************************************
function findPosX(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function GetBrowserType()
{
	var isIE = ((document.all)? true  : false ); //for Internet Explorer
	var isFF = ((document.getElementById && !document.all)? true: false ); //for Mozilla Firefox
	if (isIE)
	{
		return "isIE";
	}
	else if(isFF)
	{
		return "isFF";
	}
}