/**
* Main script file
* @package News Show Pro GK5
* @Copyright (C) 2009-2012 Gavick.com
* @ All rights reserved
* @ Joomla! is Free Software
* @ Released under GNU/GPL License : http://www.gnu.org/copyleft/gpl.html
* @version $Revision: GK5 1.0 $
**/

jQuery.noConflict();

jQuery(window).on('load', function() {
	jQuery(document).find('.nspMain').each(function(i, module) {	
		if(!jQuery(module).hasClass('activated')) {
			new NSP5(module);
		}
	});
});

var NSP5 = function(module) {
	// init class fields
	this.init_fields(module);
	// init the interface
	this.init_interface();
};

NSP5.prototype = {
	// class fields
	animation: true,
	anim_arts: false,
	anim_lists: false,
	arts: null,
	arts_block_width: 0,
	arts_current: 0,
	arts_pages: null,
	arts_per_page: null,
	config: null,
	hover_anim: null,
	links: null,
	links_block_width: 0,
	links_pages: null,
	links_pages_amount: null,
	links_current: 0,
	modInterface: null,
	module: null,
	// touch events properties
	swipe_max_time: 500, // in ms
	swipe_min_move: 30, // in px
	//
	init_fields: function(module) {
		// the most important class field ;)
		this.module = jQuery(module);
		this.module.addClass('activated');
		// rest of the fields
		this.config = jQuery.parseJSON(this.module.attr('data-config').replace(/'/g,"\""));
		this.arts = this.module.find('.nspArt');
		this.arts_pages = this.module.find('.nspArtPage');
		this.arts_per_page = this.config['news_column'] * this.config['news_rows'];
		this.hover_anim = this.module.hasClass('hover');
		this.links = (this.module.find('.nspLinkScroll1')) ? this.module.find('.nspLinkScroll1 li') : [];
		this.links_pages = this.module.find('.nspList');
		this.links_pages_amount = Math.ceil(Math.ceil(this.links.length / this.config['links_amount']) / this.config['links_columns_amount']);
		this.modInterface = { 
			top: this.module.find('.nspTopInterface'), 
			bottom: this.module.find('.nspBotInterface')
		};
		this.pages_amount = Math.ceil(this.arts.length / this.arts_per_page);
	},
	init_interface: function() {
		var $this = this;
		// arts
		if(this.arts.length > 0){
			this.arts_block_width = 100;
		}
		// events
		this.module.mouseenter(function() {
			if(!$this.module.hasClass('onhover')) {
				$this.module.addClass('onhover');
			}
		});
		//
		this.module.mouseleave(function() {
			if($this.module.hasClass('onhover')) {
				$this.module.removeClass('onhover');
			}
		});
		// links
		if(this.links.length > 0){
			this.links_block_width = 100;
		}
		// top interface
		this.nsp_art_list(0, 'top');
		this.nsp_art_list(0, 'bottom');
		//
		if(this.modInterface.top && this.modInterface.top.find('.nspPagination')){
			this.modInterface.top.find('.nspPagination li').each(function(i, item){
				if($this.hover_anim == 'mouseenter') {
					jQuery(item).mouseenter(function(){
						$this.arts_anim(i);
					});	
				}else {
					jQuery(item).click(function(e){
						e.preventDefault();
						$this.arts_anim(i);
					});	
				}
			});
		}
		//
		if(this.modInterface.top && this.modInterface.top.find('.nspPrev')){
			this.modInterface.top.find('.nspPrev').click(function(e){
				e.preventDefault();
				$this.arts_anim('prev');
			});
			
			this.modInterface.top.find('.nspNext').click(function(e){
				e.preventDefault();
				$this.arts_anim('next');
			});
		}
		// bottom interface
		if(this.modInterface.bottom && this.modInterface.bottom.find('.nspPagination')){
			this.modInterface.bottom.find('.nspPagination li').each(function(i, item){
				if($this.hover_anim == 'mouseenter') {
					jQuery(item).mouseenter(function(){
						$this.lists_anim(i);
					});	
				}else {
					jQuery(item).click(function(e){
						e.preventDefault();
						$this.lists_anim(i);
					});	
				}
			});
		}
		//
		if(this.modInterface.bottom && this.modInterface.bottom.find('.nspPrev')){
			this.modInterface.bottom.find('.nspPrev').click(function(e){
				e.preventDefault();
				$this.lists_anim('prev');
			});
			
			this.modInterface.bottom.find('.nspNext').click(function(e){
				e.preventDefault();
				$this.lists_anim('next');
			});
		}
		//
		if(this.module.hasClass('autoanim')){
			setTimeout(function(){
				$this.nsp_gk5_autoanim();
			},$this.config['animation_interval']);
		}
		// Touch events for the articles
		var arts_wrap = this.module.find('.nspArts');
		if(arts_wrap) {		
			var arts_pos_start_x = 0;
			var arts_pos_start_y = 0;
			var arts_time_start = 0;
			var arts_swipe = false;
			
			arts_wrap.bind('touchstart', function(e) {
				arts_swipe = true;
				var touches = e.originalEvent.changedTouches || e.originalEvent.touches;
	
				if(touches.length > 0) {
					arts_pos_start_x = touches[0].pageX;
					arts_pos_start_y = touches[0].pageY;
					arts_time_start = new Date().getTime();
				}
			});
			
			arts_wrap.bind('touchmove', function(e) {
				var touches = e.originalEvent.changedTouches || e.originalEvent.touches;
				
				if(touches.length > 0 && arts_swipe) {
					if(
						Math.abs(touches[0].pageX - arts_pos_start_x) > Math.abs(touches[0].pageY - arts_pos_start_y)
					) {
						e.preventDefault();
					} else {
						arts_swipe = false;
					}
				}
			});
						
			arts_wrap.bind('touchend', function(e) {
				var touches = e.originalEvent.changedTouches || e.originalEvent.touches;
				
				if(touches.length > 0 && arts_swipe) {									
					if(
						Math.abs(touches[0].pageX - arts_pos_start_x) >= $this.swipe_min_move && 
						new Date().getTime() - arts_time_start <= $this.swipe_max_time
					) {					
						if(touches[0].pageX - arts_pos_start_x > 0) {
							$this.arts_anim('prev');
						} else {
							$this.arts_anim('next');
						}
					}
				}
			});
		}
		// Touch events for the links
		var links_wrap = this.module.find('.nspLinksWrap');
		if(links_wrap) {	
			var links_pos_start_x = 0;
			var links_pos_start_y = 0;
			var links_time_start = 0;
			var links_swipe = false;
			
			links_wrap.bind('touchstart', function(e) {
				links_swipe = true;
				var touches = e.originalEvent.changedTouches || e.originalEvent.touches;
	
				if(touches.length > 0) {
					links_pos_start_x = touches[0].pageX;
					links_pos_start_y = touches[0].pageY;
					links_time_start = new Date().getTime();
				}
			});
			
			links_wrap.bind('touchmove', function(e) {
				var touches = e.originalEvent.changedTouches || e.originalEvent.touches;
				
				if(touches.length > 0 && links_swipe) {
					if(
						Math.abs(touches[0].pageX - links_pos_start_x) > Math.abs(touches[0].pageY - links_pos_start_y)
					) {
						e.preventDefault();
					} else {
						links_swipe = false;
					}
				}
			});
						
			links_wrap.bind('touchend', function(e) {
				var touches = e.originalEvent.changedTouches || e.originalEvent.touches;
				
				if(touches.length > 0 && links_swipe) {									
					if(
						Math.abs(touches[0].pageX - links_pos_start_x) >= $this.swipe_min_move && 
						new Date().getTime() - links_time_start <= $this.swipe_max_time
					) {					
						if(touches[0].pageX - links_pos_start_x > 0) {
							$this.lists_anim('prev');
						} else {
							$this.lists_anim('next');
						}
					}
				}
			});
		}
		this.afterInit();
	},
	//
	nsp_art_list: function(i, pos){
		var num  = (i !== null) ? i : (pos == 'top') ? this.arts_current : this.links_current;
		
		if(this.modInterface[pos] && this.modInterface[pos].find('.nspPagination')){
			var pagination = this.modInterface[pos].find('.nspPagination');
			pagination.find('li').attr('class', '');
			jQuery(pagination.find('li')[num]).attr('class', 'active');
		}
	},
	//
	arts_anim: function(dir) {
		if(!this.anim_arts) {
			var $this = this;
			this.anim_arts = true;
			jQuery(this.arts_pages[this.arts_current]).removeClass('active');
			
			if(dir == 'next') {
				this.arts_current = (this.arts_current == this.pages_amount - 1) ? 0 : this.arts_current + 1;
			} else if(dir == 'prev') {
				this.arts_current = (this.arts_current == 0) ? this.pages_amount - 1 : this.arts_current - 1;
			} else {
				this.arts_current = dir;
			}
            $this.beforeAnim();
			//		
			jQuery($this.module.find('.nspArtScroll2')).animate({
				'margin-left': (-1 * this.arts_current * this.arts_block_width) + "%"
			}, $this.config['animation_speed']);
			
			setTimeout(function() {
				jQuery($this.arts_pages[$this.arts_current]).addClass('active');
			}, this.config['animation_speed'] * 0.5);
			
			setTimeout(function() {
				$this.anim_arts = false;
				$this.afterAnim();
			}, this.config['animation_speed']);
			
			this.nsp_art_list(this.arts_current, 'top');
			this.animation = false;
			setTimeout(function(){
				$this.animation = true;
			}, this.config['animation_interval'] * 0.8);
		}
	},
	//
	lists_anim: function(dir) {
		if(!this.anim_lists) {
			var $this = this;
			this.anim_lists = true;
			
			for(var x = 0; x < this.config['links_columns_amount']; x++) {
				var item = this.links_pages[this.links_current * this.config['links_columns_amount'] + x];
				if(item) {
					jQuery(item).removeClass('active');
				}
			}
			
			if(dir == 'next') {
				this.links_current = (this.links_current == this.links_pages_amount - 1) ? 0 : this.links_current + 1;
			} else if(dir == 'prev') {
				this.links_current = (this.links_current == 0) ? this.links_pages_amount - 1 : this.links_current - 1;
			} else {
				$this.links_current = dir;
			}
			
			$this.beforeAnim();
			
			setTimeout(function() {
				for(var x = 0; x < $this.config['links_columns_amount']; x++) {
					var item = $this.links_pages[$this.links_current * $this.config['links_columns_amount'] + x]; 
					if(jQuery(item).length) {
						jQuery(item).addClass('active');
					}
				}
			}, this.config['animation_speed'] * 0.5);
			//
			setTimeout(function() {
				$this.anim_lists = false;
				$this.afterAnim();
			}, this.config['animation_speed']);
			//
			jQuery($this.module.find('.nspLinkScroll2')).animate({
				'margin-left': (-1 * this.links_current * this.links_block_width) + "%"
			}, $this.config['animation_speed']);
			
			this.nsp_art_list(null, 'bottom');
		}
	},
	//
	nsp_gk5_autoanim: function() {
		var $this = this;
		//
		if(!this.module.hasClass('onhover')) {
			this.arts_anim('next');
		}
		//
		setTimeout(function() {
			$this.nsp_gk5_autoanim();
		}, $this.config['animation_interval']);
	},
	beforeAnim: function() {
	    // support callback after animation
	    
	},
	afterAnim: function() {
	    // support callback after animation
	    
	},
	afterInit: function() {
	    // support callback after init interface
	}
};