var first_level_active_class = 'categorias_btns_active';
var first_level_default_class = 'categorias_btns';
var first_level_id_prefix = 'cat_btn_';
var uploads_path = 'web/uploads/catalogue/';

/*
* 	preActions(): Acciones ejecutadas mientras se espera la respuesta AJAX.  	
*/
function preActions(level,params) 
{		
	showSexyBox('32');
	
	//Vaciar contenedor medio (search & download)
	resetMiddleContainer();
	
	if(level == FIRST_LEVEL_NUM)  
	{
		//Vaciar contenedores de segundo nivel
		resetSecondLevelContainers();
		
		//Vaciar contenedores de tercer nivel
		resetThirdLevelContainers();
		
		//Vaciar contenedores de cuarto nivel
		resetFourthLevelContainers();
				
		//actualizar primer nivel
		updateFirstLevel(params[0]);		
		
		//resetear fondo		
		changeBGImage('categorias', '');
		
		//resetear titulo
		document.getElementById('titulo_rubro').innerHTML = '';
						
	} else if(level == SECOND_LEVEL_NUM)  
	{
		//Cambiar fondo
		changeBGImage('categorias', uploads_path+params[1]);
		
		//Cambiar titulo
		document.getElementById('titulo_rubro').innerHTML = params[0];
		
		//Vaciar contenedores de tercer nivel
		resetThirdLevelContainers();
		
		//Vaciar contenedores de cuarto nivel
		resetFourthLevelContainers();
	} else if(level == THIRD_LEVEL_NUM)  
	{
		//Vaciar contenedores de cuarto nivel
		resetFourthLevelContainers();
	}

}

/*
* 	postActions(): Acciones ejecutadas luego de completarse la respuesta AJAX.  	
*/
function postActions(level) {
	hideSexyBox();	
}

function updateFirstLevel(elem_id) 
{
	for(i=0;i<4;i++)
	{
		changeClass(first_level_id_prefix+i, first_level_default_class);
	}
	
	if(elem_id)
		changeClass(elem_id, first_level_active_class);
}


function resetSecondLevelContainers() 
{	
	for(i=0;i<4;i++) {
		document.getElementById('rubros_'+i).innerHTML = '';
	}			
}

function resetThirdLevelContainers() 
{
	document.getElementById('subrubros').innerHTML = '';				
}

function resetFourthLevelContainers() 
{	
	document.getElementById('productos').innerHTML = '';				
}

function resetMiddleContainer() 
{	
	document.getElementById('middle_container').innerHTML = '';				
}

function changeBGImage(element_id, image)
{
	element = document.getElementById(element_id);
	if (element){ 
		element.style.background = '#656565 url(' + 
									image + 
									') no-repeat 0px 60px';
	}
}

function changeClass(element_id, class_name){
	element = document.getElementById(element_id);
	if (element){ 
		element.className = class_name;
	}
}