// CREDITS:
// Image Scroller 2.03 with double-fade effect
// By Peter Gehrig
// Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at http://www.24fun.com
// info@24fun.com
// 9/6/2002

// IMPORTANT:
// If you add this script to a script-library or script-archive
// you have to add a highly visible link to
// http://www.24fun.com on the webpage
// where this script will be featured

// URLs of slides
var slideurl=new Array(
"images/Sponsor_Logos/Sponsor_scroller/Purplesponsorbox.jpg",
"images/Sponsor_Logos/Sponsor_scroller/1stCapitalBank.jpg",
"images/Sponsor_Logos/Sponsor_scroller/Alvarez.jpg",
"images/Sponsor_Logos/Sponsor_scroller/AndyBoy.jpg",
"images/Sponsor_Logos/Sponsor_scroller/2c BFI.jpg",
"images/Sponsor_Logos/Sponsor_scroller/californiaWater.jpg",
"images/Sponsor_Logos/Sponsor_scroller/salinas.jpg",
"images/Sponsor_Logos/Sponsor_scroller/colorfulharvest.jpg",
"images/Sponsor_Logos/Sponsor_scroller/comerica.jpg",
"images/Sponsor_Logos/Sponsor_scroller/CentralCoastFederalCreditUnion.jpg",
"images/Sponsor_Logos/Sponsor_scroller/DonChapinLogo.jpg",
"images/Sponsor_Logos/Sponsor_scroller/ElSol.jpg",
"images/Sponsor_Logos/Sponsor_scroller/FirstNationalBank.jpg",
"images/Sponsor_Logos/Sponsor_scroller/GreenRubberKennedyAg.jpg",
"images/Sponsor_Logos/Sponsor_scroller/KatalinaPhotographlogo.jpg",
"images/Sponsor_Logos/Sponsor_scroller/KION-AMclr2.jpg",
"images/Sponsor_Logos/Sponsor_scroller/KobrinskiGroup.jpg",
"images/Sponsor_Logos/Sponsor_scroller/KOCN.jpg",
"images/Sponsor_Logos/Sponsor_scroller/KTOM.jpg",
"images/Sponsor_Logos/Sponsor_scroller/LaPreciosaSalinas.jpg",
"images/Sponsor_Logos/Sponsor_scroller/LealsSM.jpg",
"images/Sponsor_Logos/Sponsor_scroller/MAYAlogo.jpg",
"images/Sponsor_Logos/Sponsor_scroller/mbkc_logo2.jpg",
"images/Sponsor_Logos/Sponsor_scroller/McDonaldsLogo.jpg",
"images/Sponsor_Logos/Sponsor_scroller/MST_Logo_4C.jpg",
"images/Sponsor_Logos/Sponsor_scroller/OceanMistSM.jpg",
"images/Sponsor_Logos/Sponsor_scroller/Pacific_Valley_Bank2.jpg",
"images/Sponsor_Logos/Sponsor_scroller/pinnacle.jpg",
"images/Sponsor_Logos/Sponsor_scroller/Rotary.jpg",
"images/Sponsor_Logos/Sponsor_scroller/SVMHS_logo3.jpg",
"images/Sponsor_Logos/Sponsor_scroller/SmithandEnright.jpg",
"images/Sponsor_Logos/Sponsor_scroller/SSBconstruction.jpg",
"images/Sponsor_Logos/Sponsor_scroller/TaylorFarms2.jpg",
"images/Sponsor_Logos/Sponsor_scroller/TheSalinasCalifornian.jpg",
"images/Sponsor_Logos/Sponsor_scroller/TomsSiteServices.jpg",
"images/Sponsor_Logos/Sponsor_scroller/WellsFargoLogo.gif",
"images/Sponsor_Logos/Sponsor_scroller/purpleboxBACK2010.jpg"

)


// comments displayed below the slides
var slidecomment=new Array(
"Sponsors - Salinas Parade of Lights",
"1st Capital Bank",
"Alvarez Technology Group, Inc.",
"Andy Boy",
"BFI",
"California Water Service",
"Central Coast Federal Credit Union",
"Don Chapin Company",
"El Sol",
"First National Bank",
"Green Rubber Kennedy Ag",
"Katalina Photography",
"KION 1460 AM",
"Kobrinski Group",
"K-OCEAN 105.1 FM",
"KTOM 92.7 FM",
"LaPreciosa Salinas 100.9 FM",
"Maya Cinemas",
"MBayKids.com",
"McDonalds",
"Monterey-Salinas Transit",
"Pacific Valley Bank",
"Rabobank",
"Rotary Club of Salinas",
"Salinas Valley Memorial Healthcare System",
"SSB Construction",
"Taylor Farms",
"The Salinas Californian",
"Tom's Site Services",
"Sponsors - Salinas Parade of Lights"
)

// links for each slide
var slidelink=new Array(
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp",
"http://www.salinasparade.com/sponsors.asp"
)

// targets of the links. Allowed values: "_parent", "_top", "_blank", "_parent"
var slidetarget=new Array(
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent",
"_parent"
)

// the width of the slideshow (pixels)
var scrollerwidth=775

// the initial shift to left
var initleft=755

// the height of the slideshow (pixels)
var scrollerheight=46

// width of the transparent zones (pixels)
var translayerszone=0

// font-attributes for the comments
var slidefont="Arial"
var slidefontcolor="blue"
var slidefontsize="2"

// background-color of webpage 
var pagebgcolor="#FFFFFF"

// do not edit below this line
var translayerswidth=1
var translayersmax=Math.floor(translayerszone/translayerswidth)
var translayersleftpos=0
var translayersopacity=100
var translayersfactor=100/translayersmax
var translayerswidthall=translayersmax*translayerswidth
var allpicturewidth
var distancepictopic=200
var scrollerleft=0
var scrollertop=0
var pause=30
var step=2
var newstep=step
var initstep=initleft
var offsetMozilla=2724 /* hack!!! */
var clipleft,clipright,cliptop,clipbottom
var i_picture=0
var timer
var picturecontent=""
var ns4=document.layers?1:0
var ns6=document.getElementById&&!document.all?1:0 
var ie=document.all?1:0
var browserinfos=navigator.userAgent 
var opera=browserinfos.match(/Opera/)  

var preloadedimages=new Array()
for (i=0;i<slideurl.length;i++){
	preloadedimages[i]=new Image()
	preloadedimages[i].src=slideurl[i]
}

function init() {
    if (ie) {
		allpicturewidth=document.all.picturediv.offsetWidth
		document.all.picturediv.style.posTop=scrollertop
        document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		cliptop=0
		clipbottom=scrollerheight
		document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.all.picturediv.style.visibility="visible"
		scrollpicture()
		
    }
	if (ns6) {
		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
		document.getElementById('picturediv').style.top=scrollertop
        document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		cliptop=0
		clipbottom=scrollerheight
		document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		document.getElementById('picturediv').style.visibility="visible"
		scrollpicture()  
    }
	if (ns4) {
		allpicturewidth=document.roof.document.picturediv.document.width
		document.roof.document.picturediv.top=scrollertop
		document.roof.document.picturediv.left=scrollerleft+scrollerwidth
		document.roof.document.picturediv.clip.left=0
		document.roof.document.picturediv.clip.right=0
		document.roof.document.picturediv.clip.top=0
		document.roof.document.picturediv.clip.bottom=scrollerheight
		document.roof.document.picturediv.visibility="visible"
        scrollpicture()
    }
}

function scrollpicture() {
    if (ie) {
		if (document.all.picturediv.style.posLeft>=(scrollerleft-allpicturewidth)+scrollerwidth) {
			document.all.picturediv.style.posLeft-=(step+initstep)
			clipright+=(step+initstep)
			if (clipright>scrollerwidth) {
				clipleft+=step
			}
			if (initstep>0) {
			    initstep=0
			}
			document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		
			var timer=setTimeout("scrollpicture()",pause)
		}
		else {
			resetposition()
		}
	}
	if (ns6) {
		if (parseInt(document.getElementById('picturediv').style.left)>=(scrollerleft-allpicturewidth)-offsetMozilla) {
			document.getElementById('picturediv').style.left=parseInt(document.getElementById('picturediv').style.left)-(step+initstep)
			clipright+=(step+initstep)
			if (clipright>scrollerwidth) {
				clipleft+=step
			}
			if (initstep>0) {
			    initstep=0
			}
			document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"		
			var timer=setTimeout("scrollpicture()",pause)
		}
		else {
			resetposition()
		}
	}
   if (ns4) {
		if (document.roof.document.picturediv.left>=(scrollerleft-allpicturewidth)+scrollerwidth) {
			document.roof.document.picturediv.left-=(step+initstep)
			document.roof.document.picturediv.clip.right+=(step+initstep)
			if (document.roof.document.picturediv.clip.right>scrollerwidth) {
				document.roof.document.picturediv.clip.left+=step
			}
			if (initstep>0) {
			    initstep=0
			}
			var timer=setTimeout("scrollpicture()",pause)
		}
		else {
			resetposition()
		}
	}
}

function onmsover() {
	step=0
}
function onmsout() {
	step=newstep
}

function resetposition() {
	if (ie) {
        document.all.picturediv.style.posLeft=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		document.all.picturediv.style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		initstep=initleft
        scrollpicture()
	}
	if (ns6) {
		allpicturewidth=document.getElementById('emptypicturediv').offsetWidth
        document.getElementById('picturediv').style.left=scrollerleft+scrollerwidth
		clipleft=0
		clipright=0
		document.getElementById('picturediv').style.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
		initstep=initleft
        scrollpicture()
	}
	if (ns4) {
		document.roof.document.picturediv.left=scrollerleft+scrollerwidth
		document.roof.document.picturediv.clip.left=0
		document.roof.document.picturediv.clip.right=0
		initstep=initleft
        scrollpicture()
	}
}

picturecontent=""
picturecontent+="<table cellpadding=2 cellspacing=0>"
picturecontent+="<tr valign='middle'>"
for (i=0;i<=slideurl.length-1;i++) {
	picturecontent+="<td>"
	picturecontent+="<a href=\""+slidelink[i]+"\" target=\""+slidetarget[i]+"\" onMouseOver=\"javascript:onmsover()\" onMouseOut=\"javascript:onmsout()\">"
	picturecontent+="<img src=\""+slideurl[i]+"\" alt=\""+slidecomment[i]+"\" border=0></a>"
	picturecontent+="</td>"
	picturecontent+="<td><img src=\"images/1ptrans.gif\"></td>"
}
picturecontent+="</tr>"
/*
picturecontent+="<tr>"
for (i=0;i<=slideurl.length-1;i++) {
	picturecontent+="<td>"
	picturecontent+="<font face=\""+slidefont+"\" color=\""+slidefontcolor+"\" size="+slidefontsize+">"
	picturecontent+=slidecomment[i]
	picturecontent+="</font>"
	picturecontent+="</td>"
}
picturecontent+="</tr>"
*/
picturecontent+="</tr></table>"

if (ie || ns6) {
	document.write('<div style="position:relative;width:'+scrollerwidth+'px;height:'+scrollerheight+'px;overflow:hidden">')
	document.write('<div id="picturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')
	if (ie && !opera) {
		for (i=0;i<=translayersmax;i++) {
		document.write('<span ID="trans'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity-=translayersfactor
		}
		translayersleftpos=scrollerwidth-translayersleftpos
		for (ii=0;ii<=translayersmax;ii++) {
		document.write('<span ID="trans'+ii+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';filter:alpha(opacity='+translayersopacity+');overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity+=translayersfactor
		}
	}
	if (ns6 && !opera) {
		for (i=0;i<=translayersmax-1;i++) {
		document.write('<span ID="transleft'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';overflow:hidden"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity-=translayersfactor
		if (translayersopacity<0) {translayersopacity=0.001}
		}
		translayersleftpos=scrollerwidth-translayersleftpos
		translayersopacity=0.001
		for (i=0;i<=translayersmax-1;i++) {
		document.write('<span ID="transright'+i+'" style="position:absolute;top:0px;left:'+translayersleftpos+'px;width:'+translayerswidth+'px;height:'+scrollerheight+'px;background-color:'+pagebgcolor+';-moz-opacity:'+translayersopacity/100+';"> </span>')
		translayersleftpos+=translayerswidth
		translayersopacity+=translayersfactor
		}
	}
	document.write('</div>')
	document.write('<div id="emptypicturediv" style="position:absolute;top:0px;left:0px;height:'+scrollerheight+'px;visibility:hidden">'+picturecontent+'</div>')

	window.onload=init
}

if (ns4) {
	document.write('<ilayer name="roof" width='+scrollerwidth+' height='+scrollerheight+'>')
	document.write('<layer name="picturediv" width='+scrollerwidth+' height='+scrollerheight+' visibility=hide>'+picturecontent+'</layer>')
	document.write('</ilayer>')
	window.onload=init
}