// Configuration here
		gFadeSpeed = 150; // time interval in milliseconds between opacity changes
		gFadeAmount = 5; // amount opacity should change at each interval

		// shouldn't have to change anything below here
    gImageID = "voteimg";	// id of img element in content area.

    // *** BROWSER VERSION ***
    gAgent = navigator.userAgent.toLowerCase();	// browser type
    is_nav = ((gAgent.indexOf('mozilla')!=-1) && (gAgent.indexOf('spoofer')==-1) && (gAgent.indexOf('compatible') == -1) 
      && (gAgent.indexOf('opera')==-1) && (gAgent.indexOf('webtv')==-1) && (gAgent.indexOf('hotjava')==-1));
			
    is_ie = ((gAgent.indexOf("msie") != -1) && (gAgent.indexOf("opera") == -1));

    
		// go to next image either back or forth
    function showImage() {
      var image = document.getElementById(gImageID);
      image.src = "images/vote.gif";
      setOpacity(0);
      image.style.visibility = "visible";
      fade(10);
    }

		// set's the current selected image to the passed opacity level
		// how to set the opacity is browser dependant
    function setOpacity(opacity) {
      var image = document.getElementById(gImageID);

      if (document.all) { // IE/Win
        image.style.filter = "alpha(opacity:"+opacity+")";
      }
      else if (document.getElementById) { // Safari 1.2, newer Firefox and Mozilla, CSS3
        image.style.opacity = opacity/100;
      }
    }

		// function repeatedly calls itself until image's opacity is 100%
    function fade(opacity) {
      var image = document.getElementById(gImageID);
      if (opacity < 100) {
        setOpacity(opacity);
        opacity += gFadeAmount;
        setTimeout("fade(" + opacity + ")", 100);
      }
    }
		
		// displays the portfolio image
		// put externally to avoid xhtml validation conflict
		function showPortfolioImage() {
			document.write('<img id="portfolioImage" src="images/loadingimages.gif" alt="portofolio image" />');
		}

		// displays the portfolio image
		// put externally to avoid xhtml validation conflict
		function showPortfolioSideImage() {
			document.write('<img id="portfolioSideImage" src="images/sidephoto2.jpg" width="200" height="300" alt="house image one" />');
		}
		
		// displays the portfolio controls
		// put externally to avoid xhtml validation conflict
		function showPortfolioControls () {
		  document.write('<p>');
		  document.write('<a href="javascript:void(showPrevious());">prev<\/a>| <a href=\"javascript:void(showNext());\">next<\/a>');
		  document.write(' Slide Show <a href="javascript:void(slideshowOn());">On<\/a>| <a href="javascript:void(slideshowOff());">Off<\/a>');
		  document.write('<\/p>');
		}