var speed = 300;
var maxItems = 9;
var itemWidth=92;
var moveElements = true;

(function($) { 
	$(document).ready(function(){
			
			function CheckPosition(anc,currClass){
				if(moveElements){
			var li = $(anc).parent();
		if(currClass == 'current'){
		var pos = $(li).attr('pos');
		if(parseInt(pos)==1){
			if(leftLock==false){
				leftLock=true;
				jQuery('ul.tabs').animate({'left':0},400,function(){
						leftLock=false;
						availableMovements = maxMovements;
						movementsMade=0;
						showHideArrows();
						
						
				});
				}
			
				return false;
		}
		else if(parseInt(pos)> maxItems+movementsMade){
				if(rightLock==false){
				var cLeft = jQuery('.tabs').css('left').replace('px','');
				var nLeft = parseInt(cLeft)-itemWidth;
				rightLock = true;
				jQuery('ul.tabs').animate({'left':nLeft},speed,function(){
						rightLock = false;
						availableMovements--;
						movementsMade++;
						showHideArrows();
				});
				}

				return false;
		}
		
	}
	}
	else{
	return false;
	}
}
			var maxMovements = $('ul.tabs li').size()-maxItems;
			if(maxMovements<=0){
				$('.left-nav').css('visibility','hidden');
				$('.right-nav').css('visibility','hidden');
			}
			var availableMovements = maxMovements;
			var movementsMade = 0;
			showHideArrows();
			var leftLock = false;
			var rightLock = false;
			
			var _addClass    = $.fn.addClass,
			_removeClass = $.fn.removeClass;

			$.fn.addClass  = function(){
			if(arguments[0]=='current'){
				CheckPosition(this,arguments[0]);
				}
				return _addClass.apply(this, arguments);
			}

			$.fn.removeClass = function(){
				
				return _removeClass.apply(this, arguments);
			}
			var i= 1;
			$('ul.tabs li').each(function(){
				$(this).attr('pos',i.toString());
				i++;
			});
			$('.left-nav').click(function(){
				
				if(leftLock==false){
				var cLeft = jQuery('.tabs').css('left').replace('px','');
				var nLeft = parseInt(cLeft)+itemWidth;
				leftLock=true;
				jQuery('ul.tabs').animate({'left':nLeft},speed,function(){
						leftLock=false;
						availableMovements++;
						movementsMade--;
						showHideArrows();
						
				});
				}

				return false;
			});
			$('.right-nav').click(function(){
				if(rightLock==false){
				var cLeft = jQuery('.tabs').css('left').replace('px','');
				var nLeft = parseInt(cLeft)-itemWidth;
				rightLock = true;
				jQuery('ul.tabs').animate({'left':nLeft},speed,function(){
						rightLock = false;
						availableMovements--;
						movementsMade++;
						showHideArrows();
				});
				}

				return false;
			});
			function showHideArrows(){
				if(availableMovements>=maxMovements){
						$('.left-nav').css('visibility','hidden');
				}
				else{
					$('.left-nav').css('visibility','visible');
				}
				if(availableMovements<1){
						$('.right-nav').css('visibility','hidden');
				}
				else{
					$('.right-nav').css('visibility','visible');
				}

			}
			$('ul.tabs li a').mouseover(function(){
				if(!$(this).hasClass('current')){
					$(this).addClass('hover');
				}
				moveElements = false;
			});
			$('ul.tabs li a').mouseout(function(){
				if($(this).hasClass('hover')){
					$(this).removeClass('hover');
				}
				moveElements = true;
			});
			$('ul.tabs li a').click(function(){
				$('ul.tabs li a.current').removeClass('current');
				$(this).removeClass('current');
				$(this).addClass('current');
			});
			$('.panelItem').click(function(){
			$("ul.tabs").tabs().prev();
			});
			
	})
})(jQuery);