// Init Scroll Animation =====================================================================

var ScrollAnimation = {
	Details: function(placement) {
		$('<div id="wheel-tread" class="four-wd-img"></div>').appendTo('#footer-content');
		$("#slideshow a.next").removeClass('hide').addClass('show');
	},
	
	Init: function(placement) {
		$(placement).scrollable({
			size: 1,
			disabledClass: 'hide',
			prev: '#slideshow a.previous',
			next: '#slideshow a.next',
			loop: false,
			easing: 'custom',
			speed: 0,
			interval: 10000,
			onBeforeSeek: function(target) {
				$("#slideshow ul li.show").removeClass("show").addClass("hide");
				$("#slideshow ul li:eq(" + target + ")").removeClass("hide").addClass('show');
				this.getItems().fadeTo(0, 0);
			},
			onSeek: function() {
				this.getItems().fadeTo(350, 1);
			}
		});
	}
}

// Initialise methods onto Frontend Object ====================================================
var Frontend = {
	ScrollAnimation: ScrollAnimation
};