var host;
var dragCanvas;
var photoCanvas;
var currentImageNr = 0;
var zoomedIn;
var isZooming = false;
var clickedImage;
var slideshowTimeout;
var slideshow = false;
var dragEnabled;
var imageClickTime;

//max thumbnail size of the images
var maxImageSize = 50;
//spacing between the thumbnails
var imageSpacing = 10;


//shape change duration (rotation and arrangement of the images)
var shapeChangeDuration = 0.5;
//zoom-duration in seconds (the actual zoom animation)
var zoomDuration = 0.5;


//durations for the toolbar animations
var fadeInDuration = "0:0:0.1";
var fadeOutDuration = "0:0:0.75";
var fadeOutDelay = "0:0:1.5";
//number of seconds to show each image in slideshow mode
var slideshowSpeedSeconds = 3;