
/*Rollover effect on different image script-
By JavaScript Kit (http://javascriptkit.com)
Over 200+ free scripts here!
*/

function changeimage(towhat,url){
if (document.images){
document.images.targetimage.src=towhat.src
gotolink=url
	}
}
function warp(){
window.location=gotolink
}



var myimages=new Array()
var gotolink="pdfs/Issue53.pdf"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
	}
}
preloadimages("images/coverIssue53.jpg","images/coverIssue54.jpg","images/coverIssue55.jpg","images/coverIssue56.jpg","images/coverIssue57.jpg","images/coverIssue58.jpg","images/coverIssue59.jpg","images/coverIssue60.jpg","images/coverIssue61.jpg","images/coverIssue62.jpg","images/coverIssue63.jpg","images/coverIssue64.jpg")



Spry.Utils.addLoadListener(function() {
	Spry.$$("#a1").addEventListener('mouseover', function(e){ changeimage(myimages[0],this.href) }, false);
	Spry.$$("#a2").addEventListener('mouseover', function(e){ changeimage(myimages[1],this.href) }, false);
	Spry.$$("#a3").addEventListener('mouseover', function(e){ changeimage(myimages[2],this.href) }, false);
	Spry.$$("#a4").addEventListener('mouseover', function(e){ changeimage(myimages[3],this.href) }, false);
	Spry.$$("#a5").addEventListener('mouseover', function(e){ changeimage(myimages[4],this.href) }, false);
	Spry.$$("#a6").addEventListener('mouseover', function(e){ changeimage(myimages[5],this.href) }, false);
	
	Spry.$$("#a7").addEventListener('mouseover', function(e){ changeimage(myimages[0],this.href) }, false);
	Spry.$$("#a8").addEventListener('mouseover', function(e){ changeimage(myimages[1],this.href) }, false);
	Spry.$$("#a9").addEventListener('mouseover', function(e){ changeimage(myimages[2],this.href) }, false);
	Spry.$$("#a10").addEventListener('mouseover', function(e){ changeimage(myimages[3],this.href) }, false);
	Spry.$$("#a11").addEventListener('mouseover', function(e){ changeimage(myimages[4],this.href) }, false);
	Spry.$$("#a12").addEventListener('mouseover', function(e){ changeimage(myimages[5],this.href) }, false);
	
	Spry.$$("#a13").addEventListener('mouseover', function(e){ changeimage(myimages[6],this.href) }, false);
	Spry.$$("#a14").addEventListener('mouseover', function(e){ changeimage(myimages[7],this.href) }, false);
    Spry.$$("#a15").addEventListener('mouseover', function(e){ changeimage(myimages[8],this.href) }, false);
	Spry.$$("#a16").addEventListener('mouseover', function(e){ changeimage(myimages[9],this.href) }, false);
	Spry.$$("#a17").addEventListener('mouseover', function(e){ changeimage(myimages[10],this.href) }, false);
	Spry.$$("#a18").addEventListener('mouseover', function(e){ changeimage(myimages[11],this.href) }, false);
	
	Spry.$$("#a19").addEventListener('mouseover', function(e){ changeimage(myimages[6],this.href) }, false);
	Spry.$$("#a20").addEventListener('mouseover', function(e){ changeimage(myimages[7],this.href) }, false);
	Spry.$$("#a21").addEventListener('mouseover', function(e){ changeimage(myimages[8],this.href) }, false);
	Spry.$$("#a22").addEventListener('mouseover', function(e){ changeimage(myimages[9],this.href) }, false);
	Spry.$$("#a23").addEventListener('mouseover', function(e){ changeimage(myimages[10],this.href) }, false);
	Spry.$$("#a24").addEventListener('mouseover', function(e){ changeimage(myimages[11],this.href) }, false);
	
MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});


});

