/*

lastupdate:2011-07-21

*/

(function($){
	$.fn.maGallery = function(opt) {
		
		var opt = $.extend({
			effect       : 'fade',
			speed        : 5000,
			innnerClass  : 'galleryBg',
			currentClass : 'current',
			hoverClass   : 'hover',
			dataAttr     : 'data-repImg',
			btnL         : '#btnB',
			btnR         : '#btnT',
			bgLink       : true,
			thumbLink    : true,
			slideSpeed   : 1000,
			repSpeed     : 1000,
			delay        : true,
			easing       : 'linear',
			sideMove     : false
		}, opt);
		
		var $this;
		var $canvas;
		var $current;
		var $btnL;
		var $btnR;
		
		var repImg;
		var timer;
		var defSize = 0;
		var defMgn = 0;
		var clone;
		var clone2;
		var ulWidth = 0;
		var liWidth = 0;
		var liHarf = 0;
		var galleryHeight;
		var times;
		var cache = [];
		
		function alterIndex($this){
			$('li',$this).each(function(i){
				$(this).data('i',i);
			});
		}

		function anchorSet(){
			$canvas.unbind('click').unbind('mouseover');
			$('.overlay').unbind();
			var href;
			var $anchor = $current.find('a');
			href = $anchor.attr('href');
			if(!(href == '#' || href == '' || href == undefined)){
				$canvas.css({cursor:'pointer'}).bind('click',function(){
					if(!!$anchor.attr('target')){
						var target= $anchor.attr('target');
							switch(target){
								case '_blank':
									window.open(href);
									break;
								default:
								location.href = href;
							}
					}else{
						location.href = href;
					}
				});
				
				$canvas.bind('mouseover',function(){
					$canvas.addClass(opt.hoverClass);
				});
				$canvas.bind('mouseout',function(){
					$canvas.removeClass(opt.hoverClass);
				});
				
				$('.overlay').bind('mouseover',function(){
					clearInterval(timer);
				});
				
				$('.overlay').bind('mousemove',function(){
					clearInterval(timer);
				});
				
				$('.overlay').bind('mouseout',function(){
					timer = setInterval(function(){
						thumbMove($this,$current.next(),-1);
					},opt.speed);
				});
				
			}else{
				$canvas.css({cursor:'default'}).unbind('click').unbind('mouseover');
				$('.overlay').unbind();
			}
		}
		
		function repImage(){
			if(opt.bgLink){
				anchorSet();
			}
			switch(opt.effect){
				case 'fade':
					$('.galleryCurrent',$canvas).css({opacity:'0.1',backgroundImage:'url('+repImg+')'})
					.animate({opacity:'1'},{duration:opt.repSpeed});
				break;
				case 'cross':
					$('<div class="inner galleryNext"><div class="overlay" /></div>').appendTo($canvas)
						.css({
							//position:'absolute',
							//top:'0',
							//left:'0',
							//width:'100%',
							//height:galleryHeight,
							backgroundImage:"url("+repImg+")",
							//backgroundPosition:'center top',
							//backgroundRepeat:'no-repeat',
							opacity:'0'
						})
						.not(':animated').animate(
							{opacity:'1'},
							{duration:opt.repSpeed,queue:false}
						);
					$(' .galleryCurrent',$canvas).not(':animated').animate(
						{opacity:'0'},
						{duration:opt.repSpeed,queue:false,complete:
							function(){
								$(' .galleryCurrent',$canvas).remove();
								$(' .galleryNext',$canvas).addClass('galleryCurrent').removeClass('galleryNext');
							}
						}
					);
				break;
			}
		}
		
		function thumbMove($this,$target,times){
			var isPN;
			var moveObj;
			var defObj;
			
			if(times > 0){
				isPN = true;
			}else if (times < 0){
				isPN = false;
			}else{
				return false;
			}
			
			var moveWidth = liWidth * times;
			moveWidth = moveWidth+'px';
			repImg =$('img',$target).attr(opt.dataAttr);
			//repImg =$('img',$target).attr('src');
			
			if(opt.sideMove){
				moveObj = {marginLeft:'+='+moveWidth};
				defObj = {marginLeft:'-'+defMgn+'px'};
			}else{
				moveObj = {marginTop:'+='+moveWidth};
				defObj = {marginTop:'-'+defMgn+'px'};
			}
			
			$('ul',$this).not(':animated')
				.animate(
					moveObj,
					{
						duration:opt.slideSpeed,
						easing:opt.easing,
						complete:function(){
							$('ul',$this).css(defObj);
							for(var i=1;i<=Math.abs(times);i++){
								if(isPN){
									$('ul',$this).prepend($('ul li:last',$this));
								}else{
									$('ul',$this).append($('ul li:first',$this));
								}
							}
							alterIndex($this);
							$current.removeClass(opt.currentClass);
							$target.addClass(opt.currentClass);
							$current = $target;
							
							if(opt.delay){
								repImage();
							}
						},
						queue:false
					}
				);
				
				if(!opt.delay){
					repImage();
				}
		}
		
		this.each(function() {
			$this = $(this);
			
			$('li img',$this).each(function(i){
				var cacheImage = new Image();
				cacheImage.src = $(this).attr(opt.dataAttr);
				cache.push(cacheImage);
			});
			
			$this.css({position:'relative'});
			$this.prepend('<div class="'+opt.innnerClass+'" />');
			$canvas = $('.'+opt.innnerClass,$this);
			defSize = $('li',$this).size();
			clone = $('li',$this).clone();
			clone2 = $('li',$this).clone();
			$('ul',$this).append(clone);
			$('ul',$this).prepend(clone2);
			$('ul li',$this).eq(defSize).addClass(opt.currentClass);
			$current = $('.'+opt.currentClass,$this);
			repImg = $('ul .'+opt.currentClass+' img',$this).attr(opt.dataAttr);
			//repImg = $('ul .'+opt.currentClass+' img',$this).attr('src');
			
			var wayMethod,margin1,margin2,padding1,padding2,border1,boder2;
			
			if(opt.sideMove){
				wayMethod = 'width';
				margin1 = 'marginLeft';
				margin2 = 'marginRight';
				padding1 = 'paddingLeft';
				padding2 = 'paddingRight';
				border1 = 'borderLeftWidth';
				border2 = 'borderRightWidth';
			}else{
				wayMethod = 'height';
				margin1 = 'marginTop';
				margin2 = 'marginBottom';
				padding1 = 'paddingTop';
				padding2 = 'paddingBottom';
				border1 = 'borderTopWidth';
				border2 = 'borderBottomWidth';
			}
			
			
			$('li',$this).each(function(i){
				var $li = $(this);
				var wid = parseInt($li[wayMethod]());
				var ml  = parseInt($li.css(margin1));
				var mr  = parseInt($li.css(margin2));
				var pl  = parseInt($li.css(padding1));
				var pr  = parseInt($li.css(padding2));
				var blw = !isNaN(parseInt($li.css(border1))) ? parseInt($li.css(border1)) : 0 ;
				var brw = !isNaN(parseInt($li.css(border2))) ? parseInt($li.css(border2)) : 0 ;
				var cLi = 0;
				
				ulWidth += wid+ml+mr+pl+pr+blw+brw+1;
				cLi = wid+ml+mr+pl+pr+blw+brw;
				if(cLi > liWidth){
					liWidth = cLi;
				}
			});
			
			alterIndex($this);
			
			liHarf = Math.floor(liWidth / 2);
			var parentHarf = Math.floor(($('ul',$this).parent()[wayMethod]() + parseInt($('ul',$this).parent().css(padding1)) + parseInt($('ul',$this).parent().css(padding2))) / 2);
			//defMgn = (liWidth*defSize)-(parentHarf)+liHarf;
			defMgn = (liWidth*defSize);
				
			if(opt.sideMove){
				$('ul',$this).css(
					{
						marginLeft:'-'+defMgn+'px',
						width:ulWidth+'px'
					}
				);
			}else{
				$('ul',$this).css(
					{
						marginTop:'-'+defMgn+'px',
						height:ulWidth+'px'
					}
				);
			}
			
			//galleryHeight = ($this.height()+parseInt($this.css('paddingTop'))+parseInt($this.css('paddingBottom')))+'px';
			
			/*$canvas.css({
				position:'absolute',
				top:'0',
				left:'0',
				width:'100%',
				height:galleryHeight
			});*/
			
			$canvas.append('<div class="inner galleryCurrent"><div class="overlay" /></div>');
			$('.inner',$canvas).css({
				//position:'absolute',
				//top:'0',
				//left:'0',
				//width:'100%',
				//height:galleryHeight,
				backgroundImage:"url("+repImg+")"//,
				//backgroundPosition:'center top',
				//backgroundRepeat:'no-repeat'
			});
			
			$btnL = $(opt.btnL,$this);
			$btnR = $(opt.btnR,$this);
			
			$('ul li',$this).bind('mouseover',function(){
				$(this).addClass(opt.hoverClass);
			}).bind('mouseout',function(){
				$(this).removeClass(opt.hoverClass);
			});
			
			$btnL.bind('click',function(e){
				clearInterval(timer);
				thumbMove($this,$current.prev(),1);
				timer = setInterval(function(){thumbMove($this,$current.next(),-1);},opt.speed);
				e.preventDefault();
			});
			$btnR.bind('click',function(e){
				clearInterval(timer);
				thumbMove($this,$current.next(),-1);
				timer = setInterval(function(){thumbMove($this,$current.next(),-1);},opt.speed);
				e.preventDefault();
			});
			
			if(opt.bgLink){
				anchorSet();
			}
			
			if(!opt.thumbLink){
				$('li',$this).bind('click',function(e){
					var $target = $(this);
					times = $current.data('i') - $target.data('i');
					clearInterval(timer);
					thumbMove($this,$target,times);
					timer = setInterval(function(){thumbMove($this,$current.next(),-1);},opt.speed);
					e.preventDefault();
				});
			}
			
			timer = setInterval(function(){
				thumbMove($this,$current.next(),-1);
			},opt.speed);
			
		});

		return this;
	};
})(jQuery);