$(function() {

	//remove js-disabled class
	$("#viewer").removeClass("js-disabled");
				
	//create new scroll-wrap for images
	$("<div>").attr("id", "scroll-wrap").css({ 
	  position:"absolute"
	}).width($(".slide").length * 120).height(45).appendTo("div#viewer");
				  	
	//add images to scroll-wrap
	$(".slide").each(function() {
	  $(this).appendTo("div#scroll-wrap");
	});
					
	//work out duration of anim based on number of images (1 second for each image)
	var duration = $(".slide").length * 2000;
					
	//store speed for later
	var speed = (parseInt($("div#scroll-wrap").width()) + parseInt($("div#viewer").width())) / duration;
									
	//set direction
	var direction = "rtl";
					
	//set initial position and class based on direction
	(direction == "rtl") ? $("div#scroll-wrap").css("left", $("div#viewer").width()).addClass("rtl") : $("div#scroll-wrap").css("left", 0 - $("div#scroll-wrap").width()).addClass("ltr") ;


	//animator function
	var animator = function(el, time, dir) {
					 
	  //which direction to scroll
	  if(dir == "rtl") {
						  
	    //add direction class
	    el.removeClass("ltr").addClass("rtl");
						 		
	    //animate the el
	    el.animate({ left:"-" + el.width() + "px" }, time, "linear", function() {
											
		//reset scroll-wrap position
		$(this).css({ left:$("div#viewer").width(), right:"" });
								
		//restart animation
		animator($(this), duration, "rtl");
								
		//hide controls if visible
		($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;			
								
	    });
	  } else {
						
	    //add direction class
	    el.removeClass("rtl").addClass("ltr");
						
	    //animate the el
	    el.animate({ left:$("div#viewer").width() + "px" }, time, "linear", function() {
												
	      //reset scroll-wrap position
	      $(this).css({ left:0 - $("div#scroll-wrap").width() });
								
	      //restart animation
	      animator($(this), duration, "ltr");
								
	      //hide controls if visible
	      ($("div#controls").length > 0) ? $("div#controls").slideUp("slow").remove() : null ;			
	    });
	  }
	}
	
	//start anim  
	animator($("div#scroll-wrap"), duration, direction);

});