/*------------------------------------------------------------------------ # JA Teline III Stable - Version 1.1 - Licence Owner JA140174 # ------------------------------------------------------------------------ # Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved. # @license - Copyrighted Commercial Software # Author: J.O.O.M Solutions Co., Ltd # Websites: http://www.joomlart.com - http://www.joomlancers.com # This file may not be redistributed in whole or significant part. -------------------------------------------------------------------------*/ /** * JA News Sticker module allows display of article's title from sections or categories. \ * You can configure the setttings in the right pane. Mutiple options for animations are also added, choose any one. * If you are using this module on Teline III template, * then the default module position is "headlines". **/ JANewSticker = new Class( { initialize: function(_options){ this.options = Object.extend( { modes: {horizontal:['left','width'],horizontal_right:['left','width'], verticald:['top','height'], vertical:['top','height']}, size:240, mode: 'horizontal', buttonEvent:'click', handlerEvent:'click', interval: 5000, autoRun:true, previousIndex:null, nextIndex: null, currentIndex:0, startItem: 0, onRunning:null }, _options || {} ); // list action of button using in the slider. this.fx = new Array(); this.fx2 = new Array(); if( this.options.mode == 'vertical' || this.options.mode == 'verticald' ){ this.options.size = this.options.box.offsetHeight; } else { this.options.size = this.options.box.offsetWidth; } // if choose horizontal slider. if( this.options.mode == 'horizontal_stripe' ){ }else { this.onRunning = this.options.onRunning; if( isNaN(this.options.startItem) || (this.options.startItem > this.options.items.length || this.options.startItem < 0 ) ){ this.options.startItem = 0; } var maxWidth = 0; this.options.items.each(function(_item, index){ // set z-index for each item in the list. _item.setStyle('z-index', this.options.items.length - index); if( index == this.options.startItem ){ _item.setStyle('visibility','visible'); } _item.setStyle('width', _item.offsetWidth); if( _item.offsetWidth > maxWidth ){ maxWidth = _item.offsetWidth; } this.fx2[index] = new Fx.Style( _item, 'opacity', _options.fxOptions ); this.fx2[index].offsetWidth= _item.offsetWidth; if( index != this.options.startItem ) this.fx2[index].hide(); if( this.options.mode != 'opacity' ) { this.fx[index] = new Fx.Style( _item,this.options.modes[this.options.mode][0], _options.fxOptions||{duration:500,wait:false} ); } }.bind(this)); if( this.options.box.offsetWidth <= 0 ){ this.options.box.setStyle('width', maxWidth); // this.options.size = maxWidth; } // define list buttons drivent. this.buttons = {previous: [], next: [], play: [], playback: [], stop: []}; this.options.autoRun = true; if( _options.buttons ){ for( var action in _options.buttons ) { this.bindingButtonsEvent( action, $type(_options.buttons[action])=='array' ? _options.buttons[action] : [_options.buttons[action]] ); } } // if auto run if( this.options.autoRun ) { this.play( this.options.interval,'next',true ); } // process when mouse over and mouse out. var wrapper2 = this.options.wrapper; wrapper2.addEvent("mouseenter", function(){ this.stop(); }.bind(this)); wrapper2.addEvent("mouseleave", function(){ this.play(this.options.interval,'next',true); }.bind(this)); } }, /** * previous */ previous: function(manual) { // // this.fx2[this.options.currentIndex].start(1,0); // this.fx[this.options.currentIndex].start( (this.options.size), 0 ); this.options.currentIndex += this.options.currentIndex > 0 ? -1 : this.options.items.length-1; this.running( null, manual, 'previous' ); }, /** * next */ next:function(manual){ // display secord element. this.options.currentIndex += (this.options.currentIndex < this.options.items.length-1) ? 1 : (1 - this.options.items.length); this.running( null, manual, 'next' ); }, /** * play */ play: function( delay, direction, wait ){ this.stop(); if(!wait){ this[direction](false); } this.options.autoRun = this[direction].periodical(delay,this,false); }, /** * stop. */ stop:function(){ $clear(this.options.autoRun); }, /** * running */ running: function( item, manual, runningMode ){ this.options.previousIndex = this.options.currentIndex + (this.options.currentIndex>0 ? -1 : this.options.items.length-1); this.options.nextIndex = this.options.currentIndex + (this.options.currentIndex < this.options.items.length-1 ? 1 : 1-this.options.items.length); // // if next item then hide previous element // // alert( this.fx2[this.options.currentIndex].offsetWidth ); if( this.options.mode != 'opacity' ) { var size1; var size2; if( this.options.mode == 'horizontal_right' || this.options.mode == 'verticald' ){ size1 = -(this.options.size); size2 = (this.options.size); } else { size1 = (this.options.size); size2 = -(this.options.size); } if( runningMode == 'next' ) { this.fx2[this.options.previousIndex].start(1,0); this.fx[this.options.previousIndex].start( 0, size1 ); this.fx2[this.options.currentIndex].start(0,1); this.fx[this.options.currentIndex].start( +size2, 0 ); } else if( runningMode == 'previous') { this.fx2[this.options.nextIndex].start(1,0); this.fx[this.options.nextIndex].start( 0, +(this.options.size) ); this.fx2[this.options.currentIndex].start(0,1); this.fx[this.options.currentIndex].start( -(this.options.size), 0 ); } } else { if( runningMode == 'next' ) { this.fx2[this.options.previousIndex].start(1,0); this.fx2[this.options.currentIndex].start(0,1); } else { this.fx2[this.options.nextIndex].start(1,0); this.fx2[this.options.currentIndex].start(0,1); } } if( manual ){ this.stop(); } // if using callback method. if(this.onRunning){ this.onRunning( this.options.items[this.options.currentIndex],(this.buttons ? this.buttons[this.options.currentIndex]:null) ); } if( manual && this.options.autoRun ){ this.play( this.options.interval,'next', true ); } }, bindingButtonsEvent:function( action, buttons ){ for(var i=0; i