<!--
    /***********************************************
    * Ultimate Fade-In Slideshow (v1.5): © 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]=["Photos/p21.jpg", "", ""] 
    fadeimages[1]=["Photos/p22.jpg", "", ""] 
    fadeimages[2]=["Photos/p23.jpg", "", ""]
    fadeimages[3]=["Photos/p24.jpg", "", ""] 
    fadeimages[4]=["Photos/p25.jpg", "", ""] 
    fadeimages[5]=["Photos/p26.jpg", "", ""]
    fadeimages[6]=["Photos/p27.jpg", "", ""] 
    fadeimages[7]=["Photos/p30.jpg", "", ""] 
    fadeimages[8]=["Photos/p31.jpg", "", ""] 
    fadeimages[9]=["Photos/p32.jpg", "", ""] 
    fadeimages[10]=["Photos/p33.jpg", "", ""] 
    fadeimages[11]=["Photos/p34.jpg", "", ""] 
    fadeimages[12]=["Photos/p35.jpg", "", ""] 
    fadeimages[13]=["Photos/p36.jpg", "", ""] 
    fadeimages[14]=["Photos/p37.jpg", "", ""] 
    fadeimages[15]=["Photos/p42.jpg", "", ""] 
    fadeimages[16]=["Photos/p43.jpg", "", ""] 
    fadeimages[17]=["Photos/p44.jpg", "", ""] 
    fadeimages[18]=["Photos/p45.jpg", "", ""] 
    fadeimages[19]=["Photos/p46.jpg", "", ""] 
    fadeimages[20]=["Photos/p47.jpg", "", ""] 
    fadeimages[21]=["Photos/p48.jpg", "", ""] 
    fadeimages[22]=["Photos/p49.jpg", "", ""] 
    fadeimages[23]=["Photos/p50.jpg", "", ""] 

    var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages2[0]=["Images/info1.gif", "", ""]
    fadeimages2[1]=["Images/info2.gif", "requestinfo.php", ""]
    fadeimages2[2]=["Images/info3.gif", "requestinfo.php", ""]

    var cadrePic=new Array()
    cadrePic[0]=["Images/pas.jpg", "pas.php", ""]
    cadrePic[1]=["Images/uao.jpg", "uao.php", ""]
    cadrePic[2]=["Images/coc.jpg", "coc.php", ""]
    //cadrePic[3]=["Images/im.jpg", "aa.php", ""]
    //cadrePic[4]=["Images/im.jpg", "im.php", ""]

    var cadreName=new Array()
    cadreName[0]=["Images/pas.gif", "pas.php", ""]
    cadreName[1]=["Images/uao.gif", "uao.php", ""]
    cadreName[2]=["Images/coc.gif", "coc.php", ""]
    //cadreName[3]=["Images/aa.gif", "aa.php", ""]
    //cadreName[4]=["Images/im.gif", "im.php", ""]

    var pasPic=new Array()
    var pasName=new Array()
    var uaoPic=new Array()
    var uaoName=new Array()
    var cocPic=new Array()
    var cocName=new Array()
    //var aaPic=new Array()
    //var aaName=new Array()
    //var imPic=new Array()
    //var imName=new Array()

    pasPic[0]=cadrePic[0]
    pasName[0]=cadreName[0]
    uaoPic[0]=cadrePic[1]
    uaoName[0]=cadreName[1]
    cocPic[0]=cadrePic[2]
    cocName[0]=cadreName[2]
    //aaPic[0]=cadrePic[3]
    //aaName[0]=cadreName[3]
    //imPic[0]=cadrePic[4]
    //imName[0]=cadreName[4]

    var fadebgcolor="black"
 
    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();})
      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);-moz-opacity:10;-khtml-opacity:10;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);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')
      else
        document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'" width="220" height="200"></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
      {
        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=obj.degree/100
    }
 
 
    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()
    }

    document.write("<style type='text/css'>#thephoto {visibility:hidden;}</style>");

    function initImage()
    {
      imageId = 'thephoto';
      image = document.getElementById(imageId);
      setOpacity(image, 0);
      image.style.visibility = "visible";
      fadeIn(imageId,0);
    }
    function fadeIn(objId,opacity)
    {
      if (document.getElementById)
      {
        obj = document.getElementById(objId);
        if (opacity <= 100)
        {
          setOpacity(obj, opacity);
          opacity += 10;
          window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
        }
      }
    }

    function setOpacity(obj, opacity)
    {
      opacity = (opacity == 100)?99.999:opacity;
      // IE/Win
      obj.style.filter = "alpha(opacity:"+opacity+")";
      // Safari<1.2, Konqueror
      obj.style.KHTMLOpacity = opacity/100;
      // Older Mozilla and Firefox
      obj.style.MozOpacity = opacity/100;
      // Safari 1.2, newer Firefox and Mozilla, CSS3
      obj.style.opacity = opacity/100;
    }

      var chk = false;
      function show(x)
      {
        document.getElementById(x).style.display='';
      }
      function hide(x)
      {
        document.getElementById(x).style.display='none';
      }
      function showchk(x)
      {
        if (chk==false)
        {
          show(x);
          chk=true;
        }else if (chk==true)
        {
          chk=false;
          hide(x);
        }
      }

    window.onload = function()
    {
      initImage();
      //hide('1');
      //hide('2');
      //hide('3');
      //hide('4');
    }
-->