JQ(document).ready(function() {
	// Show the paging and activate its first link
		JQ(".paging").show();
		JQ(".paging a:first").addClass("active");

		// Get size of the image, how many images there are, then determin the
		// size of the image reel.
		var imageWidth = JQ(".window").width();
		var imageSum = JQ(".image_reel img").size();
		var imageReelWidth = imageWidth * imageSum;

		// Adjust the image reel to its new size
		JQ(".image_reel").css( {
			'width' : imageReelWidth
		});

		// Paging and Slider Function
		rotate = function() {
			var triggerID = JQactive.attr("rel") - 1; // Get number of times
			// to slide
			var image_reelPosition = triggerID * imageWidth; // Determines
			// the distance
			// the image
			// reel needs to
			// slide

			JQ(".paging a").removeClass('active'); // Remove all active class
			JQactive.addClass('active'); // Add active class (the JQactive is
			// declared in the rotateSwitch
			// function)

			// Slider Animation
			JQ(".image_reel").animate( {
				left : -image_reelPosition
			}, 500);

		};

		// Rotation and Timing Event
		rotateSwitch = function() {
			play = setInterval(function() { // Set timer - this will repeat
						// itself every 7 seconds
						JQactive = JQ('.paging a.active').next(); // Move to the
						// next paging
						if (JQactive.length === 0) { // If paging reaches the
							// end...
							JQactive = JQ('.paging a:first'); // go back to first
						}
						rotate(); // Trigger the paging and slider function
					}, 5000); // Timer speed in milliseconds (7 seconds)
		};
		
			playswitch = function() {
			play = setTimeout(function() { // Set timer - this will repeat
						// itself every 7 seconds
						JQactive = JQ('.paging a.active').next(); // Move to the
						// next paging
						if (JQactive.length === 0) { // If paging reaches the
							// end...
							JQactive = JQ('.paging a:first'); // go back to first
						}
						rotate(); // Trigger the paging and slider function
					}, 1000); // Timer speed in milliseconds (1 seconds)
			rotateSwitch();
		};

		rotateSwitch(); // Run function on launch
		
		pause=function(){
			clearInterval(play);
		}
		
		// On Click
		JQ(".paging a").click(function() {
			JQactive = JQ(this); // Activate the clicked paging
				// Reset Timer
				clearInterval(play); // Stop the rotation
				rotate(); // Trigger rotation immediately
				//rotateSwitch(); // Resume rotation timer
				playpause(0);
				return false; // Prevent browser jump to link anchor
				
			});
	});