<script type='text/javascript'>
$(function(){
var box = $(".box").ig3js({
manifest: [
{src:"image1.jpg", id:"image1"},
{src:"image2.jpg", id:"image2"},
{src:"image3.jpg", id:"image3"},
{src:"image4.jpg", id:"image4"},
{src:"image5.jpg", id:"image5"},
{src:"image6.jpg", id:"image6"},
{src:"image7.jpg", id:"image7"}
],
imagePath: 'images/',
alphaBackground: true,
onNavigateComplete: function(obj){
}
});
$(".next").click(function(){
box.navigate.next();
return false;
});
$(".prev").click(function(){
box.navigate.prev();
return false;
});
$(".defP").click(function(){
box.perspective.default();
return false;
});
$(".trP").click(function(){
box.perspective.topRight();
return false;
});
$(".tlP").click(function(){
box.perspective.topLeft();
return false;
});
for(count=1; count<=7; count++){
$(".goto").append('<a href="#" class="goto'+count+'" pos="'+(count-1)+'"> '+count+' </a>');
$(".goto"+count).click(function(){
box.navigate.goTo($(this).attr("pos"));
return false;
});
}
});
</script>