/*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/Issue23.pdf"

function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
	}
}
preloadimages("images/coverIssue23.jpg","images/coverIssue24.jpg","images/coverIssue25.jpg","images/coverIssue26.jpg","images/coverIssue27.jpg","images/coverIssue28.jpg","images/coverIssue29.jpg","images/coverIssue30.jpg","images/coverIssue31.jpg","images/coverIssue32.jpg","images/coverIssue33.jpg","images/coverIssue34.jpg","images/coverIssue35.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);
	
	Spry.$$("#a25").addEventListener('mouseover', function(e){ changeimage(myimages[12],this.href) }, false);
	Spry.$$("#a26").addEventListener('mouseover', function(e){ changeimage(myimages[12],this.href) }, false);
	
MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});


});