/*************************************************/
/*                                               */
/*     Tabs Control & AJAX Implementation V2.0   */
/*                                               */
/*               Alexander Valera                */
/*              Powered by Prototype             */
/*           http://www.prototypejs.org/         */
/*                                               */
/*        Universia Venezuela - 19/05/2007       */
/*                                               */
/*************************************************/

var _tab;
var _pars;
var _loading;
var _url;
var _box;
var _myAjax;

//funcion que varifica a que menuTabs pertenece el objeto
var varificarTab = function(){

	if(!_tab.hasClassName('seleccionado')){
		if(_tab.descendantOf('destacados-menu')){
			resetTabs('destacados-menu');
			_box = $('destacadosBox');
			_loading = 'loading2';
			_url  = 'promociones.php';
		}else{
			resetTabs('menuTabs');
			_box = $('contenidosBox');
			_loading = 'loading1';
			_url  = 'destacados1.php';
		}
		_tab.className = "seleccionado";
		
		_pars = 'tab2=' + _tab.id;
	}	
}

var resetTabs = function(list) {
	var menuTabs = $(list).immediateDescendants();
	menuTabs.each(function(node){
			node.removeClassName('seleccionado');
		});
}

var cargando = function(){
	_box.update("<div id=\""+ _loading +"\"><img src=\"../images/loader.gif\" style=\"border:0px;\" /><br />Cargando ...</div>");
}

var ajaxContent = function(){
	_myAjax = new Ajax.Request(
		_url, 
		{
			method: 'post',
			parameters: _pars,
			onLoading: function(){
		  		//cargando();
				},
			onSuccess: function(transport) {
				_box.update(transport.responseText);
				}
		});
}

var loadContent = function(tabElem){
	//guardo el objeto en tab
	_tab = $(tabElem);
	varificarTab();
	ajaxContent();
}

var overClass = function(tabElem){
	_tab2 = $(tabElem);
	
	if(!_tab2.hasClassName('seleccionado')){
		_tab2.className='tabOver';
		
	}
}

var outClass = function(tabElem){
	_tab2 = $(tabElem);
	if(_tab2.className != 'seleccionado'){
		_tab2.className='tabOut';
	}
}