﻿function changeLocation(page)
{
    if(page == 0)
    {
        document.location.href = "educationalinformation.htm";
    }
    else if(page == 1)
    {
        document.location.href = "polystyreneapplications.htm";
    }
    else if(page == 2)
    {
        document.location.href = "benefitsofpolystyrene.htm";
    }
    else if(page == 3)
    {
        document.location.href = "frequentlyaskedquestions.htm";
    }
    else if(page == 4)
    {
        document.location.href = "polystyrenerecycling.htm";
    }
    else if(page == 5)
    {
        document.location.href = "dropoffsites.htm";
    }
    else if(page == 6)
    {
        document.location.href = "downloads.htm";
    }
    else if(page == 7)
    {
        document.location.href = "links.htm";
    }
    else if(page == 8)
    {
        document.location.href = "pspc_newsletters.htm";
    }
    else if(page == 9)
    {
        document.location.href = "other_newsletters.htm";
    }
}
var menu1=new Array()
menu1[0]="<table cellpadding='0px' cellspacing='1px' style='width: 157px; height: 24px; margin-top: -1px'><tr><td></td></tr><tr><td style='width: 157px; height: 24px; color: #333230; font-family:Arial; font-size: 12; text-align: center; cursor: pointer; background-color: #dbdbd9' onclick='changeLocation(0)'>educational information</td></tr></table>";
menu1[1]="<table cellpadding='0px' cellspacing='1px' style='width: 157px; height: 24px'><tr><td style='width: 157px; height: 24px; color: #333230; font-family:Arial; font-size: 12; text-align: center; cursor: pointer; background-color: #dbdbd9' onclick='changeLocation(1)'>polystyrene applications</td></tr></table>";
menu1[2]="<table cellpadding='0px' cellspacing='1px' style='width: 157px; height: 24px'><tr><td style='width: 157px; height: 24px; color: #333230; font-family:Arial; font-size: 12; text-align: center; cursor: pointer; background-color: #dbdbd9' onclick='changeLocation(2)'>benefits of polystyrene</td></tr></table>";
menu1[3]="<table cellpadding='0px' cellspacing='1px' style='width: 157px; height: 24px'><tr><td style='width: 157px; height: 24px; color: #333230; font-family:Arial; font-size: 12; text-align: center; cursor: pointer; background-color: #dbdbd9' onclick='changeLocation(3)'>frequently asked questions</td></tr></table>";
var menu2=new Array()
menu2[0]="<table style='width: 145px; height: 29px' cellpadding='0px'><td style='width: 145px; height: 29px; color: #ffffff; font-family:Arial; font-size: 11; text-align: center; cursor: pointer; background-color: #9c9a00' onclick='changeLocation(4)'>Polystyrene Recycling</td></tr></table>";
menu2[1]="<table style='width: 145px; height: 29px' cellpadding='0px'><tr><td style='width: 145px; height: 29px; color: #ffffff; font-family:Arial; font-size: 11; text-align: center; cursor: pointer; background-color: #9c9a00' onclick='changeLocation(5)'>Drop off sites</td></tr></table>";
var menu3=new Array()
menu3[0]="<table style='width: 145px; height: 29px' cellpadding='0px'><td style='width: 145px; height: 29px; color: #ffffff; font-family:Arial; font-size: 11; text-align: center; cursor: pointer; background-color: #9c9a00' onclick='changeLocation(6)'>Downloads</td></tr></table>";
menu3[1]="<table style='width: 145px; height: 29px' cellpadding='0px'><tr><td style='width: 145px; height: 29px; color: #ffffff; font-family:Arial; font-size: 11; text-align: center; cursor: pointer; background-color: #9c9a00' onclick='changeLocation(7)'>Links</td></tr></table>";
var menu4=new Array()
menu4[0]="<table style='width: 145px; height: 29px' cellpadding='0px'><td style='width: 145px; height: 29px; color: #ffffff; font-family:Arial; font-size: 11; text-align: center; cursor: pointer; background-color: #9c9a00' onclick='changeLocation(8)'>PSPC Newsletters</td></tr></table>";
menu4[1]="<table style='width: 145px; height: 29px' cellpadding='0px'><tr><td style='width: 145px; height: 29px; color: #ffffff; font-family:Arial; font-size: 11; text-align: center; cursor: pointer; background-color: #9c9a00' onclick='changeLocation(9)'>Other Newsletters</td></tr></table>";


var menuwidth='165px' 
var menubgcolor=0  
var disappeardelay=250 
var hidemenu_onclick="yes" 
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ 
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) 
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
var pos;
function dropdownmenu(obj, e, menucontents, menuwidth, position){
pos = position;
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
var xpos;
var ypos;
if(pos == 0){xpos = 0; ypos = 10}
else if(pos == 1){xpos = 35; ypos = 185}
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+ypos+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")-xpos+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
var fadeimages=new Array()
fadeimages[0]=["images/topbanner1.jpg", "", ""] 
fadeimages[1]=["images/topbanner2.jpg", "", ""]
fadeimages[2]=["images/topbanner3.jpg", "", ""]
fadeimages[3]=["images/topbanner4.jpg", "", ""]
fadeimages[4]=["images/topbanner5.jpg", "", ""]
fadeimages[5]=["images/topbanner6.jpg", "", ""]
fadeimages[6]=["images/topbanner7.jpg", "", ""]
fadeimages[7]=["images/topbanner8.jpg", "", ""]
fadeimages[8]=["images/topbanner9.jpg", "", ""]
fadeimages[9]=["images/topbanner10.jpg", "", ""]
fadeimages[10]=["images/topbanner11.jpg", "", ""]
fadeimages[11]=["images/topbanner12.jpg", "", ""]
fadeimages[12]=["images/topbanner13.jpg", "", ""]
fadeimages[13]=["images/topbanner14.jpg", "", ""]
fadeimages[14]=["images/topbanner15.jpg", "", ""] 
var fadebgcolor="white" 
var fadearray=new Array()
var fadeclear=new Array()  
var dom=(document.getElementById) 
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 
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() 
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) 
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)
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") 
obj.tempobj.filters[0].opacity=obj.degree
else 
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]!="") 
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]!="")
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) 
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") 
crossobj.filters(0).opacity=this.degree
else 
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){
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()
}