        
		function showAbout(task)
		{
			if (task == "show")
			{
				document.getElementById('aboutArtist').style.visibility = "visible";
				return;
			}
			
			if (task == "close")
			{
				document.getElementById('aboutArtist').style.visibility = "hidden";
				return;				
			}

		}
		
		function showCredits(task)
		{
			if (task == "show")
			{
				document.getElementById('showCredits').style.visibility = "visible";
				return;
			}
			
			if (task == "close")
			{
				document.getElementById('showCredits').style.visibility = "hidden";
				return;				
			}

		}		
		
		function hideAbout()
		{
			
			document.getElementById('displayDiv').style.visibility = "hidden";
		}

		function dispPic(img)
        {
             document.getElementById('picture').setAttribute('src', img);
             document.getElementById('displayDiv').style.visibility = "visible";
        }
        
        function hidePic()
        {
            document.getElementById('displayDiv').style.visibility = "hidden";
        }
        
        function btnOver()
        {
            document.getElementById('btnPic').style.borderStyle = "outset";
             document.getElementById('btnPic').style.fontWeight = "bold";
        }
        
        function btnOut()
        {
            document.getElementById('btnPic').style.borderStyle = "inset";
            document.getElementById('btnPic').style.fontWeight = "normal";
        }
        
        sfHover = function() 
        {
	        var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	           
	        for (var i=0; i<sfEls.length; i++) 
	            {
		            sfEls[i].onmouseover=function() 
		            {
			            this.className+=" sfhover";
		            };
		            sfEls[i].onmouseout=function() 
		            {
			            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		            };
	            }
        };
        
        if (window.attachEvent) window.attachEvent("onload", sfHover);
       
        
        // ajax stuff
        function  getXMLHttp()
        {
          var xmlHttp;
          //alert("in getXMLHttp");
          try
          {
            //Firefox, Opera 8.0+, Safari
            xmlHttp = new XMLHttpRequest();
          }
          catch(e)
          {
            //Internet Explorer
            try
            {
              xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            }
            catch(e)
            {
              try
              {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
              }
              catch(e)
              {
                alert("Your browser does not support AJAX!");
                return false;
              }
            }
          }
          return xmlHttp;
        }   
        
        function  MakeRequest()
        {
        
          var xmlHttp = getXMLHttp();
          var openPage = "rnd_Img.php?currImg=";
          
          var currImg = document.getElementById('rndIMG').src;
          var remain = currImg.length - (currImg.lastIndexOf("/")+1);
          var tempImg = currImg.substr(currImg.lastIndexOf("/") +1, remain);
          imgFldr = "../images/";
          currImg = imgFldr + tempImg;
          openPage += currImg;
          
          xmlHttp.onreadystatechange = function()
          {
            if(xmlHttp.readyState == 4)
            {
              HandleResponse(xmlHttp.responseText);
            }
          };

          xmlHttp.open("GET", openPage, true);
          xmlHttp.send(null);
        }
        
        function  HandleResponse(response)
        {
            document.getElementById('rndIMG').src = response;
        }
