slantTabsHandler = function(){
	var $p_images = new Array();
	$p_images['lrg'] = { first:'/includes/gfx/slant_lrg_first.gif',overLast:'/includes/gfx/slant_lrg_over_last.gif',overLeft:'/includes/gfx/slant_lrg_over_left.gif',over:'/includes/gfx/slant_lrg_over.gif',last:'/includes/gfx/slant_lrg_last.gif'};
	$p_images['sml'] = { first:'/includes/gfx/slant_sml_first.gif',overLast:'/includes/gfx/slant_sml_over_last.gif',overLeft:'/includes/gfx/slant_sml_over_left.gif',over:'/includes/gfx/slant_sml_over.gif',last:'/includes/gfx/slant_sml_last.gif'};
	return {			
		init : function(){
			$T_sth = this;
			$E.addListener(window,'load',$T_sth.attachSlantStates);
			//var sml_1 = new Image(); sml_1.src='/includes/gfx/slant_sml_first.gif'; var sml_2 = new Image(); sml_2.src='/includes/gfx/slant_sml_over_left.gif'; var sml_3 = new Image(); sml_3.src='/includes/gfx/slant_sml_over.gif'; var sml_4 = new Image(); sml_4.src='/includes/gfx/slant_sml_last.gif'; var sml_5 = new Image(); sml_5.src='/includes/gfx/slant_sml_over_last.gif';			
			var lrg_1 = new Image(); lrg_1.src='/includes/gfx/slant_lrg_first.gif'; var lrg_2 = new Image(); lrg_2.src='/includes/gfx/slant_lrg_over_left.gif'; var lrg_3 = new Image(); lrg_3.src='/includes/gfx/slant_lrg_over.gif'; var lrg_4 = new Image(); lrg_4.src='/includes/gfx/slant_lrg_last.gif'; var lrg_5 = new Image(); lrg_5.src='/includes/gfx/slant_lrg_over_last.gif';
		},
		attachSlantStates : function(){
			var _elSlants_ul = $D.getElementsByClassName('slants');
			for(i in _elSlants_ul){
				$T_sth.setupTabs(_elSlants_ul[i]);
				$E.addListener(_elSlants_ul[i],'click',$T_sth.changeElState);
			}
		},
		setupTabs : function(o){
			_els = o.getElementsByTagName('LI');
			if(!$D.hasClass(_els[0],'first active')) $D.addClass(_els[0],'first active');
			if(!$D.hasClass(_els[_els.length-1],'last')) $D.addClass(_els.length-1,'last');
		},
		showContent : function(o){
			var o_show 	= o.parentNode.id.replace('tab-','block-');
			var blocks	= $D.getElementsByClassName('tabset','DIV',$(o_show).parentNode);
			for(i=0;i<blocks.length;i++){
				blocks[i].style.display = 'none';
			}
			$(o_show).style.display = 'block';
		},
		changeElState : function(e){
			var _el 	= $E.getTarget(e);
			var _els	= this.getElementsByTagName('LI');
			if(_el.nodeName == 'A'){
				$T_sth.showContent(_el);				
				for(i =0;i<_els.length;i++){
					$D.replaceClass(_els[i],'active','');
					$D.replaceClass(_els[i],'lastactive','');
					$D.replaceClass(_els[i],'nextactive','');
				}
				if(_el.parentNode.previousSibling && _el.parentNode.previousSibling.nodeType != 3){
					if(_el.parentNode.previousSibling.nodeName == 'LI'){
						$D.addClass(_el.parentNode.previousSibling,'nextactive');
					}else{
						$D.addClass(_el.parentNode.previousSibling.previousSibling,'nextactive');
					}
				}
				if(!$D.hasClass(_el.parentNode,'last')){
					$D.addClass(_el.parentNode,'active');
				}else{
					$D.addClass(_el.parentNode,'lastactive');
				}
				if(!$D.hasClass(_el.parentNode,'first')){
					$D.addClass(this.parentNode,'grad');
				}else{
					$D.removeClass(this.parentNode,'grad');					
				}

			}
			$E.stopEvent(e);
		}
	};
}();