<!--

//do browser detect stuff

wd = screen.width;
if (wd == 1024)
var x = 705;
if (wd == 800)
{var x=480;}
if (wd == 640)
var x=320;

var isNS = (navigator.appName == "Netscape");
var isMacIE = ( (navigator.userAgent.indexOf("IE 4")  > -1) && (navigator.userAgent.indexOf("Mac")  > -1) );
var layerRef = (isNS) ? "document" : "document.all";
var styleRef = (isNS) ? "" : ".style";
var isDynamic = ( (document.layers || document.all) && !isMacIE );

//track which menu is active
var activeMenu = 0;


//display a selected menu
function activateMenu(menuLayerRef, offset, voffset) {

        if (isDynamic && activeMenu != menuLayerRef) {

                if (activeMenu) hideMenu("menu" + activeMenu);
                
                menuID = "menu" + menuLayerRef;
                activeMenu = menuLayerRef;
		
		//alert(hn);

if(offset == 'x')
{
hmenuoff = x;
offset = x;

if(isNS)
{
vmenuoff = voffset+100;
voffset = voffset+100;
}else
{
vmenuoff = voffset;
}

}else
{
hmenuoff = offset;
vmenuoff = voffset;
}


                if (isNS) {
                        document[menuID].top = 16 + voffset;
                        document[menuID].left = offset - 10;
                       
                } else {
                        document.all[menuID].style.pixelTop = 25 + voffset;
                        document.all[menuID].style.pixelLeft = offset;
                } // if is NS else

                showMenu(menuID)
        } // if is dynamic and new menu needed
        // kill menu if browser is IE
        if (isDynamic && !isNS) window.event.cancelBubble = true;
} // activateMenu

function showMenu(layerID) {
        eval(layerRef + '["' + layerID + '"]' + styleRef + '.visibility = "visible"');
}


function hideMenu(layerID) {
        eval(layerRef + '["' + layerID + '"]' + styleRef + '.visibility = "hidden"');
}


// get rid of menus when outside menu or button
function killMenu(e) {
  //check if theres a menu active
  if (activeMenu) {
    menuID = "menu" + activeMenu;
    if (isNS) {
	// top menus
        if (activeMenu <=45) {
	  menuX1 = document[menuID].left;
	  menuX2 = menuX1 + document[menuID].clip.right;
	  menuY1 = document[menuID].top - 45;
	  menuY2 = menuY1 + document[menuID].clip.bottom + 15;
	} // if menu 1 through 4
	// side menus
        if (activeMenu >=46) {
 	  menuX1 = 0;
          menuX2 = 245;
	  menuY1 = document[menuID].top;
	  menuY2 = menuY1 + document[menuID].clip.bottom;
        } // if menu 5 or greater
        if ((e.pageX < menuX1) || (e.pageX > menuX2) ||
             (e.pageY < menuY1) || (e.pageY > menuY2)) {
             hideMenu(menuID);
	     activeMenu = 0;
        } // if in menu
    } else { // if not NS
	hideMenu(menuID);
	activeMenu = 0;
    }  //if isNS else
  }  //if activeMenu
}  //function

// initialize the menu system
function init() {
  if (isDynamic) {
    if (isNS) { 
	document.captureEvents(Event.MOUSEOUT); 
	document.onmouseout = killMenu;
    } else {
	document.onmouseover = killMenu;
    } // if NS else
		
  } // if dynamic
} // init




document.write("</head>\
<body bgcolor=\"#ffffff\" marginwidth=\"0\" marginheight=\"0\" topmargin=\"0\" leftmargin=\"0\" onload=\"init();\">");

if (isDynamic) {
document.write("<DIV id=\"menu1\" class=\"menu\" onMouseover=\"activateMenu(1,60,145)\">\
\
<A href=\"synthetic-yarn.html\">&#187; Synthetic Yarns </A><BR>\
<A href=\"synthetic-yarn.html#100%-polyester-yarns\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; 100% Polyester Yarns</A><BR>\
<A href=\"synthetic-yarn.html#100%-viscose-yarns\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; 100% Viscose Yarns</A><BR>\
<A href=\"synthetic-yarn.html#100%-acrylic-yarn\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; 100% Acrylic Yarns</A><BR>\
<A href=\"synthetic-yarn.html#carpet-yarns\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; Carpet Yarns</A><BR>\
<A href=\"synthetic-yarn.html#polyster-texturised-tarns\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; Polyster Texturised Tarns</A><BR>\
<A href=\"synthetic-yarn.html#polyster-staple-fibres\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; Polyster Staple Fibres</A><BR>\
<A href=\"synthetic-blended-yarns.html\">&#187; Synthetic Blended Yarns </A><BR>\
<A href=\"polyester-viscose-acrylic-yarn.html#polyester-viscose-blended\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; Polyester/viscose blended</A><BR>\
<A href=\"polyester-viscose-acrylic-yarn.html#polyester-cotton-blended\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; Polyester/cotton blended</A><BR>\
<A href=\"polyester-viscose-acrylic-yarn.html#acrylic-cotton-blended\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; Acrylic/cotton blended</A><BR>\
<A href=\"polyester-viscose-acrylic-yarn.html#other-blends\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; Other blends</A><BR>\
<A href=\"cotton-yarns.html\">&#187; Cotton Yarns </A><BR>\
<A href=\"denim-fabric.html\">&#187; Fabrics & Denim </A><BR>\
<A href=\"denim-fabric.html#denim\">&nbsp;&nbsp;&nbsp;&nbsp;&#187;  Denim</A><BR>\
<A href=\"denim-fabric.html#poly-viscose-fabrics\">&nbsp;&nbsp;&nbsp;&nbsp;&#187; Poly viscose fabrics</A><BR>\
</DIV>");

document.write("<DIV id=\"menu2\" class=\"menu\" onmouseover=\"activateMenu(2,70,240)\">\
<A href=\"../borders/index.html\">&#187; Marble Inlay Borders</A><BR>\
<A href=\"../overlay-borders/index.html\">&#187; Marble Overlay Borders</A><BR>\
</DIV>");

document.write("<DIV id=\"menu3\" class=\"menu\" onmouseover=\"activateMenu(3,70,240)\">\
<A href=\"../handicrafts/index.html\">&#187; Stone Handicrafts</A><BR>\
<A href=\"../marble-handicrafts/index.html\">&#187; Marble Inlay Handicrafts</A><BR>\
</DIV>");
}



//-->

