function menu()
{
	document.getElementById("dropmenu").innerHTML=categoryMenu;	
}



var categoryMenu='<a href="category.php?catid=100"><span class="sm">Rubber Slippers</span></a><a href="category.php?catid=150"><span class="sm">Ladies Sandals</span></a><a href="category.php?catid=200"><span class="sm">Gents Sandals</span></a><a href="category.php?catid=250"><span class="sm">Gents Shoes</span></a><a href="category.php?catid=300"><span class="sm">Canvas Shoes</span></a>';
var i=0;
var jsMenu={
img:null,
disappearDelay: 250, //set delay in miliseconds before menu disappears onmouseout
disableMenuClick: true, //when user clicks on a menu item with a drop down menu, disable menu item's link?
enableSwipe: 1, //enable swipe effect? 1 for yes, 0 for no
enableIframeShim: 1, //enable "iframe shim" technique to get drop down menus to correctly appear on top of controls such as form objects in IE5.5/IE6? 1 for yes, 0 for no

//--------------------------------------------------------------------------------------
dropMenuObj: null,
ie: document.all,
firefox: document.getElementById&&!document.all, 
swipeTimer: undefined, 
bottomClip:0,

onMouseOut:function()
{
	/**********************************************************************************************
	keep the onmouseout function here.Please keep the variable name as itis. for accurate functionality 	you should have the name of the img tag as the parameter of the javascript function.
		Eg:<img name='001'></img> in the web page.
		   function swapimgV(vname) as javascript function.
		   {
			   if(vname=="001")
			   document.images.001.src="menu/menu01On.gif";
		   }
	***********************************************************************************************/
	swaprestoreV(jsMenu.img)	 
},

getPosOffset:function(what, offsetType)
{
	var totalOffset=(offsetType=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null)
	{
		totalOffset=(offsetType=="left")? totalOffset+parentEl.offsetLeft : totalOffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
//	alert(what.offsetParent.offsetTop);
//	alert(what.offsetTop);
	/*alert(what.offsetLeft);
	alert(what.offsetTop);*/
//	totalOffset = 12;
	return totalOffset;
},

swipeEffect:function()
{
	if (this.bottomClip<parseInt(this.dropMenuObj.offsetHeight))
	{
		this.bottomClip+=5+(this.bottomClip/10) //unclip drop down menu visibility gradually
		this.dropMenuObj.style.clip="rect(0 auto "+this.bottomClip+"px 0)"
	}
	else
		return
	this.swipeTimer=setTimeout("jsMenu.swipeEffect()", 10)
},

//for drop menu.
showHide:function(obj, e)	//obj->object,e->event
{
	if (this.ie || this.firefox)
	this.dropMenuObj.style.left=this.dropMenuObj.style.top="-500px"
	if (e.type=="click" && obj.style.visibility==hidden || e.type=="mouseover")
	{
		if (this.enableSwipe==1)
		{
			if (typeof this.swipeTimer!="undefined")
			clearTimeout(this.swipeTimer)
			obj.style.clip="rect(10 auto 10 10)" //hide menu via clipping
			this.bottomClip=0
			this.swipeEffect()
		}
		obj.style.visibility="visible"
	}
	else if (e.type=="click")
	obj.style.visibility="hidden"
},

ieCompatTest:function()
{
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
},

clearBrowserEdge:function(obj, whichEdge)
{
	var edgeOffset=0
	if (whichEdge=="rightedge")
	{
		var windowEdge=this.ie && !window.opera? this.ieCompatTest().scrollLeft+this.ieCompatTest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
		this.dropMenuObj.contentMeasure=this.dropMenuObj.offsetWidth
		if (windowEdge-this.dropMenuObj.x < this.dropMenuObj.contentMeasure)  //move menu to the left?
		edgeOffset=this.dropMenuObj.contentMeasure-obj.offsetWidth
	}
	else
	{
		var topEdge=this.ie && !window.opera? this.ieCompatTest().scrollTop : window.pageYOffset//0
		var windowEdge=this.ie && !window.opera? this.ieCompatTest().scrollTop+this.ieCompatTest().clientHeight-15 : window.pageYOffset+window.innerHeight-18//552,50
		this.dropMenuObj.contentMeasure=this.dropMenuObj.offsetHeight//92
		if (windowEdge-this.dropMenuObj.y /*18*/ < this.dropMenuObj.contentMeasure)
		{ //move up?
			edgeOffset=this.dropMenuObj.contentMeasure+obj.offsetHeight//15
			if ((this.dropMenuObj.y-topEdge)<this.dropMenuObj.contentMeasure) //up no good either?
			edgeOffset=0
		}
		/*alert(obj.offsetHeight)*/
//		alert(edgeOffset-12)
		/*alert(this.dropMenuObj.contentMeasure)*/
//		return edgeOffset-12;
	}
	return edgeOffset
},

dropIt:function(obj, e, dropMenuID)
{
if (this.dropMenuObj!=null) //hide previous menu
{
	this.dropMenuObj.style.visibility="hidden" //hide menu
//	jsMenu.onMouseOut()
}
this.clearHideMenu()
if (this.ie||this.firefox)
	{//onmouseover="swapimgV('V01')" onmouseout="swaprestoreV('V01')" target="_parent"
	obj.onmouseout=function(){jsMenu.delayHideMenu()}
	obj.onclick=function(){return !jsMenu.disableMenuClick} //disable main menu item link onclick?
	this.dropMenuObj=document.getElementById(dropMenuID)
	this.dropMenuObj.onmouseover=function(){jsMenu.clearHideMenu_1()}
	this.dropMenuObj.onmouseout=function(e){jsMenu.dynamicHide(e)}
	this.dropMenuObj.onclick=function(){jsMenu.delayHideMenu()}
	this.showHide(this.dropMenuObj, e)
	this.dropMenuObj.x=this.getPosOffset(obj, "left")
	this.dropMenuObj.y=this.getPosOffset(obj, "top")
	this.dropMenuObj.style.left=this.dropMenuObj.x-this.clearBrowserEdge(obj, "rightedge")+12+"px"	//change 20 to position the menu div(remove it to get it to the start)
	this.dropMenuObj.style.top=this.dropMenuObj.y-this.clearBrowserEdge(obj, "bottomedge")+obj.offsetHeight+-5+"px"
//	alert(this.clearBrowserEdge(obj, "bottomedge"))
//	this.dropMenuObj.style.top="34px"
	this.positionShim() //call iframe shim function
	}
},

positionShim:function()
{ //display iframe shim function
	if (this.enableIframeShim && typeof this.shimObject!="undefined"){
	if (this.dropMenuObj.style.visibility=="visible"){
	this.shimObject.style.width=this.dropMenuObj.offsetWidth+"px"
	this.shimObject.style.height=this.dropMenuObj.offsetHeight+"px"
	this.shimObject.style.left=this.dropMenuObj.style.left
	this.shimObject.style.top=this.dropMenuObj.style.top
}
	this.shimObject.style.display=(this.dropMenuObj.style.visibility=="visible")? "block" : "none"
}
},

hideShim:function()
{
	if (this.enableIframeShim && typeof this.shimObject!="undefined")
	this.shimObject.style.display='none'
},

containsFirefox:function(a, b) 
{
	while (b.parentNode)
	if ((b = b.parentNode) == a)
	return true;
	return false;
},

dynamicHide:function(e)
{
	var evtObj=window.event? window.event : e
	if (this.ie&&!this.dropMenuObj.contains(evtObj.toElement))
	this.delayHideMenu()
	else if (this.firefox&&e.currentTarget!= evtObj.relatedTarget&& !this.containsFirefox(evtObj.currentTarget, evtObj.relatedTarget))
	this.delayHideMenu()
},

delayHideMenu:function()
{
//	this.delayHide=setTimeout("jsMenu.dropMenuObj.style.visibility='hidden'; jsMenu.hideShim();jsMenu.onMouseOut()",this.disappearDelay) //hide menu
	this.delayHide=setTimeout("jsMenu.dropMenuObj.style.visibility='hidden'; jsMenu.hideShim();",this.disappearDelay) //hide menu
	
},

//code below is usefull for use sweep effect on mouse out.
/*delayHideMenuOut:function()
{
	if (this.bottomClip>0)
	{
		//this.bottomClip+=10+(this.bottomClip/10) //unclip drop down menu visibility gradually
		this.bottomClip-=5+(this.bottomClip/10) //unclip drop down menu visibility gradually
		this.dropMenuObj.style.clip="rect(0 auto "+this.bottomClip+"px 0)"
	}
	else
	{
		jsMenu.onMouseOut()	//Unhighloght the image.
		return
	}
	this.swipeTimer=setTimeout("jsMenu.delayHideMenuOut()", 10)
},
*/
clearHideMenu:function()
{
	if (this.delayHide!="undefined")
	{
		clearTimeout(this.delayHide)
//		jsMenu.onMouseOut()	//unhighlights onmouseover of different drop menu.
		
	}
},

//testing
clearHideMenu_1:function()
{
	if (this.delayHide!="undefined")
	clearTimeout(this.delayHide)
	
},

startMenu:function()
{
	
	for (var ids=0; ids<arguments.length; ids++)
	{
		var menuItems=document.getElementById(arguments[ids]).getElementsByTagName("a")
		
	
		
		var imageItems=document.getElementById(arguments[ids]).getElementsByTagName("img")
		for (var i=0; i<menuItems.length; i++)
			{
			if (menuItems[i].getAttribute("rel"))
				{
				menuItems[i].onmouseover=function(e)
					{
					var event=typeof e!="undefined"? e : window.event
					jsMenu.dropIt(this,event,this.getAttribute("rel"))//this->path,event->object Event,this.getAttribute("rel")->dropmenu1..2..3
					}
				}
			}
		/*for(var r=0; r<imageItems.length; r++)	//to get the name attribute of the img tag.
		{
			if (imageItems[r].getAttribute("name"))
				{
				imageItems[r].onmouseover=function(e)
					{
						if(jsMenu.img!=this.getAttribute("name"))	//if the old img name not equals to newimg name->old image is unhighlighted.  
						{
							jsMenu.onMouseOut()
						}
						jsMenu.img=this.getAttribute("name")	//assigns the name of the img tag to jsMenu.img
					}
				}
		}*/
		
	}
	if (window.createPopup && !window.XmlHttpRequest)
	{ 	//if IE5.5 to IE6, create iframe for iframe shim technique
		document.write('<IFRAME id="iframeshim"  src="" style="display: none; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"></IFRAME>')
		this.shimObject=document.getElementById("iframeshim") //reference iframe object
	}
}

}

//IF YOU NEED TO KEEP ONMOUSEOVER FUNCTION IN .js FILE UNCOMMENT OBJECT BELOW OTHERVISE USE IT IN THE WEB PAGE ITSELF.

/*var h={
	doSomething:function()
	{
		for (var ids=0; ids<arguments.length; ids++)
		{
			document.getElementById(arguments[ids]).onmouseover=function(e)
			{
				var event=typeof e!="undefined"? e : window.event
				h.highlightIt()
			}
		}
	},
	
	highlightIt:function()
	{
		swapimgV('V01')
		i=1;
	}
}*/