// ==== ################### special for absolute ABS_CMS admin ####################### ====
// ========================== LAYER VISIBILITY functions ==============================
// == Set of the functions to manage the submenu layers on the admin interface pages ==
// ====================================================================================
var tabMenu = {
	tab_div: 'tab_menu',
	item_li_prefix: 'm_',
	item_a_prefix: 'a_',
	item_span_prefix: 'span_',
	a_class: 'tabmenu_a',
	span_class: 'tabmenu_span',
	span_deactive_class: 'tabmenu_span_deactive',
	active_class_suffics: '_active',
	main_div_class: 'info_layer', 
	pageMainDivs : null,
	init : function(){
		var defInit = false;
		var menuCont = '<ul>';
		$j("."+this.main_div_class).each(function(){
			var mainDivDefault = $j("#"+this.id+'_default').val();
			var mainDivJs = $j("#"+this.id+'_js').val();
			var mainDivName = $j("#"+this.id+'_name').val().replace(/ /, "&nbsp;");
			
			// изменение , показываем вкладку модели, если нет - описание
			
			if( mainDivDefault == 1 && !defInit ){
				defInit = true;
    			//tabMenu.active_def_name = this.id;
    			var liClass = 'al';
    			var aClass = 'aa';
    			var color = '#636363';
    			$j(this).show();
    		} else {
    			var liClass = 'nl';
    			var aClass = 'na';
    			var color = '#fff';
    			$j(this).hide();
    		}
    		
    		menuCont += 
    		'<li class="'+liClass+'" id=' + tabMenu.item_li_prefix + this.id + '>'+
	    		'<a id=' + tabMenu.item_a_prefix + this.id +' class="'+tabMenu.a_class+' ' + aClass + '" href="#">'+
	    			'<div id=' + tabMenu.item_span_prefix + this.id + ' class=' + tabMenu.span_class + ' style="color:'+color+'">' + mainDivName + '</div>'+
	    		'</a>'+
    		'</li>';
		});
		menuCont += '</ul>';
		$j("#" + tabMenu.tab_div).html(menuCont);
		
		if( !$j("#tab_menu .aa").length ){
    		$j("#m_descr").removeClass().addClass("al");	
    		$j("#a_descr").removeClass("na").addClass("aa");	
    		$j("#descr").show();
    	}
		
		
		this.hoverInit();
		this.clickInit();
	},
	hoverInit : function(){
		$j("#tab_menu a.tabmenu_a").unbind();
		$j("#tab_menu a.na").hover(
			function () {
		    	$j(this).removeClass('na').addClass('aa');
				$j(this).parent('li').removeClass('nl').addClass('al');
				$j(this).children('div').css('color','#636363');
			}, 
			function () {
				$j(this).removeClass('aa').addClass('na');
				$j(this).parent('li').removeClass('al').addClass('nl');
				$j(this).children('div').css('color','#fff');
				//$j(this).css('background-position','right -40px');
				//$j(this).parent('li').css('background-position','0 -40px');
			}
		);
	},
	clickInit : function(){
		//$j("#tab_menu a.tabmenu_a").unbind('click');
		$j("#tab_menu a.na").click(function(){
			$j("#tab_menu a.aa").removeClass('aa').addClass('na');
			$j("#tab_menu li.al").removeClass('al').addClass('nl');
			$j(".tabmenu_span").css('color','#fff');
			
			$j(this).removeClass('na').addClass('aa');
			$j(this).parent('li').removeClass('nl').addClass('al');
			$j(this).children('div').css('color','#636363');
			
			tabMenu.hoverInit();
			tabMenu.clickInit();
			$j(".info_layer").hide();
			var id = this.id.replace('a_','');
			$j("#"+id).show();
			return false;
		});
		$j("#tab_menu a.aa").click(function(){
			return false;
		});
	},
	hoverA : function(div_id){
		$j("#a_"+div_id).css('background-position','right 0');
		$j("#m_"+div_id).css('background-position','0 0');
		//alert(div_id);
	},
	hoverN : function(div_id){
		$j("#a_"+div_id).css('background-position','right -40px');
		$j("#m_"+div_id).css('background-position','0 -40px');
	},
    switchMenu : function(div_id){
    	this.reset();
    	$j("#"+div_id).show();     
    	var inCont = $j("#" + this.item_a_prefix + div_id).html();
    	$j("#" + this.item_li_prefix + div_id).html('<div class="div_active">'+inCont+'</div>'); 
    	$j("#" + this.item_span_prefix + div_id)
    		.removeClass()
    		.addClass(this.span_class + this.active_class_suffics);
    },
    reset : function(){
    	$j("."+this.main_div_class).each(function(){
			if(!$j("#" + tabMenu.item_a_prefix + this.id).length){
				var mainDivJs = $j("#" + this.id + '_js').val();
				var mainDivName = $j("#" + this.id + '_name').val().replace(/ /, "&nbsp;");
				var chCont = 
				'<a id=' + tabMenu.item_a_prefix + this.id+' class=' + tabMenu.a_class + ' href="javascript:tabMenu.switchMenu('+"'"+this.id+"'"+'); '+mainDivJs+'();">'+	
				 	'<div id=' + tabMenu.item_span_prefix + this.id + ' class=' + tabMenu.span_class + '>'+mainDivName+'</div>'+
				'</a>';
				$j("#" + tabMenu.item_li_prefix + this.id).html(chCont);
			}
			$j("#" + this.id).hide();    	
    	});
    },
    removeActionJS : function(div_id){
    	var chCont = '<a id='+this.item_a_prefix+div_id+' class='+this.a_class+' href="javascript:tabMenu.switchMenu('+"'"+div_id+"'"+');">';	
    	chCont += '<div id='+this.item_span_prefix+div_id+' class='+this.span_class+'>'+$(div_id + '_name').value+'</div>';
		chCont += '</a>';
		$(this.item_li_prefix + div_id).innerHTML = chCont;
		hideError();
    },
    deactive : function(div_id){
    	var inCont = $(this.item_a_prefix + div_id).innerHTML;
    	$(this.item_li_prefix + div_id).innerHTML = '<div class="div_DEactive">'+inCont+'</div>'; 
		$(this.item_span_prefix + div_id).className = this.span_deactive_class;
		hideError();
    },
    /*
     * Переименовываем таб div_id 
     */
    rename : function(div_id,name){
    	$j("#"+this.item_span_prefix + div_id).html(name);
    },
    /*
     * Скрываем таб div_id 
     */
    hide : function(div_id){
    	$j("#" + this.item_li_prefix + div_id).hide();
    },
    /*
     * Показываем таб div_id 
     */
    show : function(div_id){
    	$j("#" + this.item_li_prefix + div_id).show();
    },
	altName : function(div_id,altId){
		$j("#" + this.item_span_prefix + div_id).html( $j("#" + div_id+'_nameAlt'+altId).val().replace(/ /, "&nbsp;") );
	},
	stName : function(div_id){
		$j("#"+this.item_span_prefix + div_id).html( $j("#"+div_id+'_name').val().replace(/ /, "&nbsp;") );
	}  
}