var TabWeasel = new Class({
	
	lock : false,
	
	mouseover : function(el) {
		
		if(!this.lock) {
		
			if(el.hasClass('subarticle')) {
				el.addClass('subarticle-hover');
			}
			
			var aSubarticlesIdPieces = el.get('id').split('-');
			var subarticlesid = '';
			var t = aSubarticlesIdPieces.length;
			aSubarticlesIdPieces.each(function(item, idx) {
				if(idx > 0 && idx < (t-1)) {
					if(idx > 1 && (t - idx) > 1) {
						var dash = '-';
					} else {
						var dash = '';
					}
					subarticlesid = subarticlesid + dash + item;
				}
			});
			
			if($chk($('subarticles-' + subarticlesid))) {
			
				$('subarticles-padding-' + subarticlesid).setStyle('display', 'block');
			
				$('subarticles-' + subarticlesid).setStyle('left', ($('subarticles-padding-' + subarticlesid).getPosition().x - $('toppanel-inner').getPosition().x - $('toppanel-inner').getStyle('padding-left').toInt()));
				
				$('subarticles-' + subarticlesid).setStyle('display', 'block');
			}

			if(el.hasClass('left')) {
				el.addClass('left-hover');
				el.getNext().addClass('right-hover');
			} else if(el.hasClass('right')) {
				el.addClass('right-hover');
				el.getPrevious().addClass('left-hover');
			}
		}
		
		
		
	},
	
	mouseout : function(el) {
		
		if(!this.lock) {
		
			if(el.hasClass('subarticle')) {
				el.removeClass('subarticle-hover');
			}
			
			var aSubarticlesIdPieces = el.get('id').split('-');
			var subarticlesid = '';
			var t = aSubarticlesIdPieces.length;
			aSubarticlesIdPieces.each(function(item, idx) {
				if(idx > 0 && idx < (t-1)) {
					if(idx > 1 && (t - idx) > 1) {
						var dash = '-';
					} else {
						var dash = '';
					}
					subarticlesid = subarticlesid + dash + item;
				}
			});

			if($chk($('subarticles-' + subarticlesid))) {
				$('subarticles-' + subarticlesid).setStyle('display', 'none');
				$('subarticles-padding-' + subarticlesid).setStyle('display', 'none');
			}
		
		
			if(el.hasClass('left')) {
				el.removeClass('left-hover');
				el.getNext().removeClass('right-hover');
			} else if(el.hasClass('right')) {
				el.removeClass('right-hover');
				el.getPrevious().removeClass('left-hover');
			}
		}
		
	},
	
	click : function(el) {
		
		if(!this.lock) {
		
			this.lock = true;
		
			if(el.hasClass('subarticle')) {
				return;
			}
			
			$$('li.left').each(function(el1) {
				el1.removeClass('left-active');
			});
			$$('li.right').each(function(el1) {
				el1.removeClass('right-active');
			});
			
			if(el.hasClass('left')) {
				el.addClass('left-hover');
				el.getNext().addClass('right-hover');
			} else if(el.hasClass('right')) {
				el.addClass('right-hover');
				el.getPrevious().addClass('left-hover');
			}
			
		}
		
	}
						  
});