<html>
<head>
<title>Magic Scroll: Combinations</title>
<!-- link to magiczoomplus.css file -->
<link href="magiczoomplus/magiczoomplus.css" rel="stylesheet" type="text/css" media="screen"/>
<!-- link to magicscroll.css file -->
<link rel="stylesheet" type="text/css" href="magicscroll/magicscroll.css" media="screen"/>
<!-- link to magiczoomplus.js file -->
<script src="magiczoomplus/magiczoomplus.js" type="text/javascript"></script>
<!-- link to magicscroll.js file -->
<script src="magicscroll/magicscroll.js" type="text/javascript"></script>
</head>
<body>
<!-- define Magic Scroll -->
<div class="MagicScroll">
<a rel="zoom-id:mzp" href="images/nexus1.jpg" rev="images/nexus1-250.jpg"><img src="images/nexus1-60.jpg" /></a>
<a rel="zoom-id:mzp" href="images/nexus2.jpg" rev="images/nexus2-250.jpg"><img src="images/nexus2-60.jpg" /></a>
<a rel="zoom-id:mzp" href="images/nexus3.jpg" rev="images/nexus3-250.jpg"><img src="images/nexus3-60.jpg" /></a>
<a rel="zoom-id:mzp" href="images/nexus4.jpg" rev="images/nexus4-250.jpg"><img src="images/nexus4-60.jpg" /></a>
<a rel="zoom-id:mzp" href="images/nexus5.jpg" rev="images/nexus5-250.jpg"><img src="images/nexus5-60.jpg" /></a>
<a rel="zoom-id:mzp" href="images/nexus6.jpg" rev="images/nexus6-250.jpg"><img src="images/nexus6-60.jpg" /></a>
<a rel="zoom-id:mzp" href="images/nexus7.jpg" rev="images/nexus7-250.jpg"><img src="images/nexus7-60.jpg" /></a>
<a rel="zoom-id:mzp" href="images/nexus8.jpg" rev="images/nexus8-250.jpg"><img src="images/nexus8-60.jpg" /></a>
</div>
<a class="MagicZoomPlus" id="mzp" href="images/nexus1.jpg"><img src="images/nexus1-250.jpg" /></a>
</body>
</html>