/* 
  adapted from: http://www.htmldog.com/articles/suckerfish/dropdowns/
  but removed recursiveness for LI's and added toggling of vertical bar

  20070201-DvK: Restored recursiveness for LI's to fix issues with IE7

*/

sfHover = function()
{
    var sfEls = document.getElementById("nav");
	
	if (!sfEls)
	    return;
	
	for (var i=0; i<sfEls.childNodes.length; i++)
	{
        if (sfEls.childNodes[i].tagName == "LI" )
        {
            changeOpac(50, sfEls.childNodes[i].getElementsByTagName("DIV")[0].id); // set crossbrowser opacity
            changeOpac(87, sfEls.childNodes[i].getElementsByTagName("DIV")[1].id); // set crossbrowser opacity
    		
    		sfEls.childNodes[i].onmouseover=function()
    		{
    		    
                if (document.all)
                { //only IE please...
  			        this.className+=" sfhover";
                }
                
                for (var li=0; li<this.childNodes.length; li++)
                {
                    if(this.childNodes[li].tagName == "UL") {
                        this.childNodes[li].style.visibility = "visible";
                    }
                }
                
                this.getElementsByTagName("DIV")[0].style.visibility = "visible";
                this.getElementsByTagName("DIV")[1].style.visibility = "visible";
                
  		    }
  		
  		    sfEls.childNodes[i].onmouseout=function()
  		    {
                if(document.all) {
                    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }

                for (var li=0; li<this.childNodes.length; li++)
                {
                    if(this.childNodes[li].tagName == "UL") {
                        this.childNodes[li].style.visibility = "hidden";
                    }
                }

                this.getElementsByTagName("DIV")[0].style.visibility = "hidden";
                this.getElementsByTagName("DIV")[1].style.visibility = "hidden";

  	        }
        }
	}
}

	//change the opacity for different browsers, without a string
	function changeOpac(opacity, id)
	{ 
		var object = document.getElementById(id).style;
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}

    window.onload = sfHover;
 
    function movepic(img_name,img_src) 
    {
	    document[img_name].src=img_src;
    }