var windowName = null;

    function openWindow(URL, w, h, name, external) {
        if (!w && !h) { //if a width and height are not specified then use these default values
            width = 600;
            height = 450;
        }
        else { //else use the values specified
            width = w;
            height = h;
        }
        if (!name) { //if a name is not specified
            windowName = "PopUpWindow";
        }
        else { //else use the name specified
            windowName = name;
        }

        windowName = window.open(URL, windowName, "width=" + width + ",height=" + height + ",toolbar=0,location=0,directories=0,status=0,menuBar=0,scrollBars=1,resizable=1,top=100,left=100");
        if (!(external)) {
            windowName.focus();
        }
    }

    function showWindow(URL, w, h, name, external) {
        if (windowName) { // object exists
            if (!windowName.closed) { // check and see if it has not been closed
                windowName.location.href = URL; // if not, set focus
            }
            else {
                openWindow(URL, w, h, name, external);
            }
        }
        else { // the window was closed, create it again
            openWindow(URL, w, h, name, external);
        }
        if (!(external)) {
            windowName.focus();
        }
    }

  
      /***********************************************
      * Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
      * This notice MUST stay intact for legal use
      * Visit http://www.dynamicdrive.com/ for this script and 100s more.
      ***********************************************/

      var fadeimages = new Array()
      //SET IMAGE PATHS. Extend or contract array as needed
      fadeimages[0] = ["./images/MainSlide/Image1.jpg", "", ""] //plain image syntax
      fadeimages[1] = ["./images/MainSlide/Image2.jpg", "", ""] //image with link syntax
      fadeimages[2] = ["./images/MainSlide/Image3.jpg", "", ""] //image with link and target syntax
      fadeimages[3] = ["./images/MainSlide/Image4.jpg", "", ""] //image with link and target syntax
      fadeimages[4] = ["./images/MainSlide/Image5.jpg", "", ""] //image with link and target syntax
      fadeimages[5] = ["./images/MainSlide/Image6.jpg", "", ""] //image with link and target syntax
      fadeimages[6] = ["./images/MainSlide/Image7.jpg", "", ""] //image with link and target syntax
      fadeimages[7] = ["./images/MainSlide/Image8.jpg", "", ""] //image with link and target syntax
      fadeimages[8] = ["./images/MainSlide/Image9.jpg", "", ""] //image with link and target syntax

      var fadebgcolor = "white"

      ////NO need to edit beyond here/////////////

      var fadearray = new Array() //array to cache fadeshow instances
      var fadeclear = new Array() //array to cache corresponding clearinterval pointers

      var dom = (document.getElementById) //modern dom browsers
      var iebrowser = document.all

      function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder) {
          this.pausecheck = pause
          this.mouseovercheck = 0
          this.delay = delay
          this.degree = 10 //initial opacity degree (10%)
          this.curimageindex = 0
          this.nextimageindex = 1
          fadearray[fadearray.length] = this
          this.slideshowid = fadearray.length - 1
          this.canvasbase = "canvas" + this.slideshowid
          this.curcanvas = this.canvasbase + "_0"
          if (typeof displayorder != "undefined")
              theimages.sort(function() { return 0.5 - Math.random(); }) //thanks to Mike (aka Mwinter) :)
          this.theimages = theimages
          this.imageborder = parseInt(borderwidth)
          this.postimages = new Array() //preload images
          for (p = 0; p < theimages.length; p++) {
              this.postimages[p] = new Image()
              this.postimages[p].src = theimages[p][0]
          }

          var fadewidth = fadewidth + this.imageborder * 2
          var fadeheight = fadeheight + this.imageborder * 2

          if (iebrowser && dom || dom) //if IE5+ or modern browsers (ie: Firefox)
              document.write('<div id="master' + this.slideshowid + '" style="position:relative;width:' + fadewidth + 'px;height:' + fadeheight + 'px;overflow:hidden;"><div id="' + this.canvasbase + '_0" style="position:absolute;width:' + fadewidth + 'px;height:' + fadeheight + 'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:' + fadebgcolor + '"></div><div id="' + this.canvasbase + '_1" style="position:absolute;width:' + fadewidth + 'px;height:' + fadeheight + 'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:' + fadebgcolor + '"></div></div>')
          else
              document.write('<div><img name="defaultslide' + this.slideshowid + '" src="' + this.postimages[0].src + '"></div>')

          if (iebrowser && dom || dom) //if IE5+ or modern browsers such as Firefox
              this.startit()
          else {
              this.curimageindex++
              setInterval("fadearray[" + this.slideshowid + "].rotateimage()", this.delay)
          }
      }

      function fadepic(obj) {
          if (obj.degree < 100) {
              obj.degree += 10
              if (obj.tempobj.filters && obj.tempobj.filters[0]) {
                  if (typeof obj.tempobj.filters[0].opacity == "number") //if IE6+
                      obj.tempobj.filters[0].opacity = obj.degree
                  else //else if IE5.5-
                      obj.tempobj.style.filter = "alpha(opacity=" + obj.degree + ")"
              }
              else if (obj.tempobj.style.MozOpacity)
                  obj.tempobj.style.MozOpacity = obj.degree / 101
              else if (obj.tempobj.style.KhtmlOpacity)
                  obj.tempobj.style.KhtmlOpacity = obj.degree / 100
              else if (obj.tempobj.style.opacity && !obj.tempobj.filters)
                  obj.tempobj.style.opacity = obj.degree / 101
          }
          else {
              clearInterval(fadeclear[obj.slideshowid])
              obj.nextcanvas = (obj.curcanvas == obj.canvasbase + "_0") ? obj.canvasbase + "_0" : obj.canvasbase + "_1"
              obj.tempobj = iebrowser ? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
              obj.populateslide(obj.tempobj, obj.nextimageindex)
              obj.nextimageindex = (obj.nextimageindex < obj.postimages.length - 1) ? obj.nextimageindex + 1 : 0
              setTimeout("fadearray[" + obj.slideshowid + "].rotateimage()", obj.delay)
          }
      }

      fadeshow.prototype.populateslide = function(picobj, picindex) {
          var slideHTML = ""
          if (this.theimages[picindex][1] != "") //if associated link exists for image
              slideHTML = '<a href="' + this.theimages[picindex][1] + '" target="' + this.theimages[picindex][2] + '">'
          slideHTML += '<img src="' + this.postimages[picindex].src + '" border="' + this.imageborder + 'px">'
          if (this.theimages[picindex][1] != "") //if associated link exists for image
              slideHTML += '</a>'
          picobj.innerHTML = slideHTML
      }


      fadeshow.prototype.rotateimage = function() {
          if (this.pausecheck == 1) //if pause onMouseover enabled, cache object
              var cacheobj = this
          if (this.mouseovercheck == 1)
              setTimeout(function() { cacheobj.rotateimage() }, 100)
          else if (iebrowser && dom || dom) {
              this.resetit()
              var crossobj = this.tempobj = iebrowser ? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
              crossobj.style.zIndex++
              fadeclear[this.slideshowid] = setInterval("fadepic(fadearray[" + this.slideshowid + "])", 50)
              this.curcanvas = (this.curcanvas == this.canvasbase + "_0") ? this.canvasbase + "_1" : this.canvasbase + "_0"
          }
          else {
              var ns4imgobj = document.images['defaultslide' + this.slideshowid]
              ns4imgobj.src = this.postimages[this.curimageindex].src
          }
          this.curimageindex = (this.curimageindex < this.postimages.length - 1) ? this.curimageindex + 1 : 0
      }

      fadeshow.prototype.resetit = function() {
          this.degree = 10
          var crossobj = iebrowser ? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
          if (crossobj.filters && crossobj.filters[0]) {
              if (typeof crossobj.filters[0].opacity == "number") //if IE6+
                  crossobj.filters(0).opacity = this.degree
              else //else if IE5.5-
                  crossobj.style.filter = "alpha(opacity=" + this.degree + ")"
          }
          else if (crossobj.style.MozOpacity)
              crossobj.style.MozOpacity = this.degree / 101
          else if (crossobj.style.KhtmlOpacity)
              crossobj.style.KhtmlOpacity = this.degree / 100
          else if (crossobj.style.opacity && !crossobj.filters)
              crossobj.style.opacity = this.degree / 101
      }


      fadeshow.prototype.startit = function() {
          var crossobj = iebrowser ? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
          this.populateslide(crossobj, this.curimageindex)
          if (this.pausecheck == 1) { //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
              var cacheobj = this
              var crossobjcontainer = iebrowser ? iebrowser["master" + this.slideshowid] : document.getElementById("master" + this.slideshowid)
              crossobjcontainer.onmouseover = function() { cacheobj.mouseovercheck = 1 }
              crossobjcontainer.onmouseout = function() { cacheobj.mouseovercheck = 0 }
          }
          this.rotateimage()
      }