/*
 * jQuery mouseGallerySlide v1.1.0 
 *
 * Copyright (c) 2008 Taranets Aleksey
 * www: markup-javascript.com
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */

jQuery.fn.mouseGallerySlide = function(_options){
	// defaults options	
	var _options = jQuery.extend({
		scrollElParent: 'ul',
		scrollEl: 'li'
	},_options);
	


	return this.each(function(){
		var _this = $(this);
		
		var _gHeight = _this.outerHeight(); //высота контейнера галереи
		
		
		var _scrollElParent = jQuery(_options.scrollElParent,_this);
		var _scrollEl = jQuery(_options.scrollEl,_this);
		var _liHeight = _scrollEl.outerHeight(true);	//высота одного элемента
		//var _liSum = _scrollEl.length * _liHeight;	//высота всех элементов
		var _liSum = $('ul',_this).outerHeight();	//высота всех элементов
		
		var _sec = (_liSum - _gHeight) * 30; //высота невидимой части * 30
		
		var _maxMargin = _liSum;		//ширина всех элементов
		var _posHolder = _this.offset();	//расположение контейнера (left и top)
		var _width = _this.outerWidth();	//ширина контейнера
		var _height = _this.outerHeight();	//высота контейнера
		
		var _chapter = _gHeight/12;		//высота участка контейнера
		var _speed = 0
		var _direction = 2;
		var _timerOut = false;
		
		var _cloneList = _scrollEl.clone();
		_scrollElParent.append(_cloneList);
		_scrollElParent
		
		//при изменении размера экрана - изменяем данные о расположении контейнера
		jQuery(document).resize(function(){
			_posHolder = _this.offset();
		});
		
		
		$(document).mousemove(function(e){
			if (e.pageX > _posHolder.left && e.pageX < (_posHolder.left + _width) && e.pageY > _posHolder.top && e.pageY < (_posHolder.top + _height))
			{//если движение мышки внутри контейнера
				mouseOverMove(e);
			}
			else 
			{
				_scrollElParent.stop();  //иначе - остановить движение
			}
		});
		
		function mouseOverMove(e) {
			//определение скорости и направления движения 
			//в зависимости от того, на каком участке мышь
			for (var i=0; i <= 12; i++) {
				if ((_chapter*i) > (e.pageY - _posHolder.top)) {
					switch(i){
						case 1: _speed = 4;break
						case 2:	_speed = 3;break
						case 3: _speed = 2;break
						case 4: _speed = 1;break
						case 12: _speed = 4;break
						case 11: _speed = 3;break
						case 10: _speed = 2;break
						case 9: _speed = 1;break
						default:_speed = 0;
					}					
					if (i < 5) _direction = 1;
					else if (i > 8) _direction = 3;
					break;
				}
			}
			animateEl();
		}
		function animateEl() {
			if (_timerOut) clearTimeout(_timerOut);
			_scrollElParent.stop();
			var _curMargin = parseInt(_scrollElParent.css('marginTop')); //смещение элементов внутри контейнера
			if (_direction == 1) {
				var k = -_curMargin/_maxMargin;
				_scrollElParent.stop()
					.animate(
						{marginTop:0},
						{easing:'linear',duration:(_sec/_speed)*k, complete:function(){
							_scrollElParent.css({'marginTop':-(_maxMargin)});	//когда доходит до края - сдвинуть в начало (цикл)
							_timerOut = setTimeout(function(){animateEl()},15)
						}}
					);
			}
			if (_direction == 3) {
				var k = (_maxMargin + _curMargin)/_maxMargin;
				//alert(k);
				_scrollElParent.stop()
					.animate(
						{marginTop:-_maxMargin},
						{easing:'linear',duration:(_sec/_speed)*k, complete:function(){
							_scrollElParent.css({'marginTop':0});
							_timerOut = setTimeout(function(){animateEl()},15)
						}}
					);
			}
		}
	});
}