Your IP : 216.73.216.240


Current Path : /home/juvelize/martine/media/plg_system_sl_scrolltotop/js/
Upload File :
Current File : /home/juvelize/martine/media/plg_system_sl_scrolltotop/js/scrolltotop_mt.js

/**
 * @copyright	Copyright (c) 2013 Skyline Software (http://extstore.com). All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */

var Skyline_ScrollToTop	= new Class({
	Implements: [Options],

	options: {
		'id':			'scrollToTop',
		'className':	'scrollToTop',
		'image':		'',
		'text':			'^ Scroll to Top',
		'title':		'Scroll to Top',
		'transition':	Fx.Transitions.linear,
		'duration':		500
	},

	initialize:	function(options) {
		this.setOptions(options);

		// Create scroll FX
		this.scrollFx	= new Fx.Scroll(window, {
			transition:	this.options.transition,
			duration:	this.options.duration
		});

		// Create 'Scroll to Top' link and insert it to body
		this.scrollLink	= new Element('a', {
			'id':		this.options.id,
			'html':		this.options.text,
			'title':	this.options.title,
			'class':	this.options.className,
			'styles': {
				'visibility': 	'hidden',
				'opacity':		0
			},
			'events': {
				// Scroll to top on click
				click: function() {
					this.scrollFx.toTop();
				}.bind(this)
			}
		}).inject(document.id(document.body));

		if (this.options.image != '') {
			new Element('img', {
				'src':	this.options.image,
				'alt':	this.options.title
			}).inject(this.scrollLink, 'top');
		}

		// Show/Hide 'Scroll to Top' link
		if (window.getScrollTop() != 0) {
			this.scrollLink.fade(1);
		}

		window.addEvent('scroll', function() {
			var flag = this.scrollLink.getStyle('visibility') == 'visible';

			if (window.getScrollTop() != 0 && !flag) {
				this.scrollLink.fade(1);
			} else if (window.getScrollTop() == 0 && flag) {
				this.scrollLink.fade(0);
			}
		}.bind(this));
	}
});