// JavaScript Document


// Ocultar elementos por CSS si y solo si disponemos de javascript
var javascriptActivado = document.getElementById && document.getElementsByTagName;
if(javascriptActivado){document.documentElement.className="js";}
// DESPUES EN EL CSS -> .js #elemento {display:none;}


$(function(){
		   
	   
var desplegado = null;
var btnMainPulsado= null;

//Capas a mostrar desde el menú principal
$('#lnkClients').click(function(){
	$(this).css('display','none');
	btnMainActivo = $(this);
	pliega_despliega($('#clients'));
	return false;
});
$('#linkContagious').click(function(){
	$(this).css('display','none');
	btnMainActivo = $(this);
	pliega_despliega($('#contagious'));
	return false;
});
$('#lnkLared').click(function(){
	$(this).css('display','none');
	btnMainActivo = $(this);
	pliega_despliega($('#lared'));
	return false;
});
$('#lnkEquipo').click(function(){
	$(this).css('display','none');
	btnMainActivo = $(this);
	pliega_despliega($('#equipo'));
	return false;
});
$('#lnkWhere').click(function(){
	$(this).css('display','none');
	btnMainActivo = $(this);
	pliega_despliega($('#where'));
	return false;
});


//Botones cerrar de cada sección (Clientes, Equipo, Contagious...)
$('#closeClients').click(function(){
	btnMainPulsado.css('display','block');
	$('#clients').slideToggle("slow");
	btnMainPulsado.css('visibility','show');
	return false;							  
	});
$('#closeContagious').click(function(){
	btnMainPulsado.css('display','block');
	$('#contagious').slideToggle("slow");
	btnMainPulsado.css('visibility','show');
	return false;							  
	});
$('#closeLared').click(function(){
	btnMainPulsado.css('display','block');
	$('#lared').slideToggle("slow");
	btnMainPulsado.css('visibility','show');
	return false;							  
	});
$('#closeEquipo').click(function(){
	btnMainPulsado.css('display','block');
	$('#equipo').slideToggle("slow");
	btnMainPulsado.css('visibility','show');
	return false;							  
	});
$('#closeWhere').click(function(){
	btnMainPulsado.css('display','block');
	$('#where').slideToggle("slow");
	btnMainPulsado.css('visibility','show');
	return false;							  
	});



$('#allJobs').click(function(){
	initPaginado(0);
	return false;							  
	});
$('#publicisJobs').click(function(){
	initPaginado(1);
	return false;							  
	});
$('#dialogJobs').click(function(){
	initPaginado(2);
	return false;							  
	});
$('#modemJobs').click(function(){
	initPaginado(3);
	return false;							  
	});


var arrayItems;
var initCont = 0;
function initPaginado(cual)
{
	arrayItems = new Array();
	
	$('.publicis, .modem, .dialog').hide();
	switch(cual)
	{
		case 0:
			$('.publicis, .modem, .dialog').show();
		break;
		case 1:
			$('.publicis').show();
		break;
		case 2:
			$('.dialog').show();
		break;
		case 3:
			$('.modem').show();
		break;
	}
	
	var max = $(".trabajos li").length;
	for (var n=0; n<max; n++) 
	{
		var isVisible = $(".trabajos li:eq("+n+")").css('display');
		if(isVisible == "block" || isVisible == "inline")
		{
			arrayItems.push($(".trabajos li:eq("+n+")"))
		};
	}
	muestraPagina(1);
}


var paginado = 9;
var anterior = 1;

function muestraPagina(n){
	var total = 0;
	elementos = arrayItems.length;
	var maxPages = Math.floor(arrayItems.length/paginado)+1;
	if((arrayItems.length%paginado)==0){
		maxPages = maxPages-1;
		}

	var txtPaginacion = "<ul>";
	if(n>1){
		txtPaginacion +="<li class='newpage' id='"+(n-1)+"'>< Anterior </li>";
		}
	else{
		txtPaginacion +="<li><span class='no'>< Anterior </span></li> ";
		}
	for(var j=1; j<=maxPages; j++)
	{
		if(n == j)
		{
			txtPaginacion += "<li><span>"+j+"</span></li>";
		}
		else
		{
			txtPaginacion += "<li class='newpage' id='"+(j)+"'>"+j+"</li>";
		}
		if(j<maxPages)txtPaginacion += "<li class='separador'> | </li>";
	};

	
	// oculta todos los elementos
	for(var i=0; i<arrayItems.length; i++){
			arrayItems[i].hide();
		};	
	
	// muestra los elementos pedidos en la paginacion
	total = n*paginado-paginado;
	for(var i=total; i<total+paginado; i++){
			if(i<arrayItems.length){
				arrayItems[i].show();
				}
		}

	
	if(n<maxPages){
		txtPaginacion +=" <li class='newpage' id='"+(n+1)+"'>Siguiente ></li> ";
		}
	else{
		txtPaginacion +="<li><span class='no'> Siguiente ></span></li> ";
		}
		txtPaginacion +="</ul>";
	
	if(maxPages>1)$('.paginacion').html(txtPaginacion);
	else $('.paginacion').html("");
	
	$('.newpage').click(function()
		{
		muestraPagina(Number($(this).attr("id")));					 
		});
}

function pliega_despliega(quien)
{
	if(btnMainPulsado != null){
		btnMainPulsado.css('display','block');
		}
	btnMainPulsado = btnMainActivo;

	
	if(desplegado != null){
		desplegado.slideUp("slow", function(){quien.slideDown("slow");});
		}
	else{
		quien.slideDown("slow");
		}
	desplegado = quien ;
}

initPaginado(0);

});