MainNavigation = function()
{
 	var browser_name = navigator.appName;
    var browser_version = jQuery.browser.version;	
	var navRoot = document.getElementById('primary-nav').getElementsByTagName("ul")[0];
	var ullength = navRoot.getElementsByTagName('li').length;
	
	for (i=0; i<ullength; i++)
	{
		var node = navRoot.getElementsByTagName('li')[i];
		
		var DOM_img = document.createElement("img");
	    /* if browser is IE6 */
	    if (browser_name == "Microsoft Internet Explorer" && browser_version == 6.0){
	    	DOM_img.src = "/images/navBg.gif";
	    } 
	    else{DOM_img.src = "/images/navBg.png";}   
		DOM_img.className="liHover";
	    DOM_img.alt = "circle";		
		
	    node.appendChild(DOM_img);
		
			if(node.nodeName=="LI" && node.className != "current"){
					node.onmouseover=function()
					{
						this.className ="sfhover";
			    		//this.appendChild(DOM_img);			    		
					}
					node.onmouseout=function()
					{
						this.className=this.className.replace("sfhover", "");		
					}										
				}		
			if (node.nodeName=="LI" && node.className=="current")
				{
					//node.appendChild(DOM_img1);
					node.onmouseover=function()
					{
						this.className ="current sfhover";
					}
					node.onmouseout=function()
					{						
						this.className=this.className.replace("current sfhover", "current");
					}
				}
	
			}
}