var slideshow_width='100%' //SET IMAGE WIDTH
	var slideshow_height='135px' //SET IMAGE HEIGHT
	var pause=5000 //SET PAUSE BETWEEN SLIDE (5000=5 seconds)
	
        var fadeimages=new Array()
        //SET 1) IMAGE PATHS, 2) optional link, 3), optional link target: 4) div text
	
        fadeimages[0]=["pcat-gifs/homepage/hpbaner112.jpg", "", "", "hpbaner112 ", ""]
fadeimages[1]=["pcat-gifs/homepage/hpbaner1787.jpg", "", "", "hpbaner1787 ", ""]
var preloadedimages=new Array()

        for (p=0;p<fadeimages.length;p++){
        preloadedimages[p]=new Image()
        preloadedimages[p].src=fadeimages[p][0]
        }
        
        var ie4=document.all
        var dom=document.getElementById
        
        var curpos=10
        var degree=5
        var fadespeed=50
        var curcanvas="canvas0"
        var curimageindex=0
        var nextimageindex=1
        var rotateTask=null
        var dropslide=null
        
        function fadepic(){
        
        if (curpos<100){
                curpos+=degree
                if (tempobj.filters)
                        tempobj.filters.alpha.opacity=curpos
                else if (tempobj.style.MozOpacity)
                        tempobj.style.MozOpacity=curpos/101
                else if(tempobj.style.Opacity)
                        //alert(tempobj.style.Opacity);
			tempobj.style.Opacity=curpos/101
                        //alert(curpos);
	
        
        }
        
        else{
        clearInterval(dropslide)
        nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
        tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
        tempobj.innerHTML=insertimage(nextimageindex)
        nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
        var tempobj2=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
        tempobj2.style.visibility="hidden"
        rotateTask = setTimeout("rotateimage()",pause)
        }
        }
        
        function insertimage(i){
        var tempcontainer=fadeimages[i][1]!=""? '<a href="'+fadeimages[i][1]+'"  target="'+fadeimages[i][2]+'">' : ""
        tempcontainer+='<img src="'+fadeimages[i][0]+'"  border="0">'
        tempcontainer=fadeimages[i][1]!=""? tempcontainer+'</a>' : tempcontainer
        return tempcontainer
        }
        
        function rotateimage()
        {

        if (ie4||dom){
        resetit(curcanvas)
        var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
        crossobj.style.zIndex++
        tempobj.style.visibility="visible"
        var temp='setInterval("fadepic()",fadespeed)'
        dropslide=eval(temp)
        curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
        }
        else 
        {
                document.images.defaultslide.src=fadeimages[curimageindex][0]
        }
        document.getElementById("slidetext").innerHTML= fadeimages[curimageindex][3];
        document.getElementById("slidecount").innerHTML= fadeimages[curimageindex][4];
        curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
        
        }
        
        function resetit(what){
        curpos=10
        var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
        if (crossobj.filters)
                crossobj.filters.alpha.opacity=curpos
        else if (crossobj.style.MozOpacity)
                crossobj.style.MozOpacity=curpos/101
        else if(crossobj.style.Opacity)
                crossobj.style.Opacity=curpos/101
        }
        
        function startit(){
        var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
        crossobj.innerHTML=insertimage(curimageindex)
        rotateimage()
        }


        function popupwindow(url,width,height)
        {
                        mywindow = window.open(url, 'Subscribe', 'status=yes,toolbar=yes,location=yes,menubar=yes,scrollbars=yes,resizable=yes,width='+width+',height='+height);
                        mywindow.location = url;
        }

        function jumpToPic(pic)
        {
                curimageindex = pic
                clearInterval(dropslide)
                clearTimeout(rotateTask)
                nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
                tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
                tempobj.innerHTML=insertimage(pic)
                
                tempobj.style.visibility="hidden"
                nextimageindex=(pic<fadeimages.length-1)? pic+1 : 0
                rotateTask = setTimeout("rotateimage()",1)
                                
        }
        
function swap(name, varName) {
        if (document.images) {
                document.images[name].src=varName.src
                
        }
}

function swapBack(name, imageName) {
        if (document.images) {
                document.images[name].src=imageName
        }
}

function slideback()
{
        var slideNumber;
        slideNumber = curimageindex - 2;
        if(slideNumber == -1)
        {
                slideNumber = fadeimages.length-1;
        }
        if(slideNumber == -2)
        {
                slideNumber = fadeimages.length-2;
        }
        jumpToPic(slideNumber);
}

function slidestop()
{
        window.clearTimeout(rotateTask);
        rotateTask=0;
}

function slideforward()
{
        jumpToPic(curimageindex)
}

/*	
<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
        if (ie4||dom)
        {
                window.onload=startit
        }
        else
        {
                setInterval("rotateimage()",pause)
        }

</SCRIPT>
*/
