var publicationsListImages;//array de todas las thumbs
var publicationsListNum = -1;//contador de thumbs cargadas
var publicationsImg;//objeto de imagen que usan las thumbs para cargarse
var publicationsListMargin = 50;//distancia desde el margen left del browser
var publicationsItemWidth = 180;//ancho thumb
var publicationsItemSpace = 30;//espacio entre thumbs
var publicationsMaskWidth = 0;//ancho de la máscara
var publicationsListWidth = 0;//ancho de la lista de thumbs
var pubListX = 0;//posicion en eje x de la lista (scroll)
//
function loadPublicationsList(dataStr){
	//inicializa la lista con las imagenes que vienen desde php en dataStr
	publicationsListFirstRun = false;
	publicationsListNum = -1;
	publicationsListImages = new Array();
	//recibo las imagenes del php
	var images = dataStr.split(";");
	for(var i=0;i<images.length;i++){
		publicationsListImages.push(images[i]);
	}
	removeBg();//quito el background porque esta seccion no lo usa
	initPublicationsListControllers();
	resizePublicationsList(false);
	//empiezo la carga de imagenes en secuencia
	publicationsListItemLoadImage();
	$("#publicationsListTitle span").css({color:mainColor});
	$(".publicationsItemOver").css({opacity:0.6,backgroundColor:mainColor});
	if(dataStr == ""){	
		$("#publicationsListControllers").css({display:"none"});
	}
}
function resizePublicationsList(animate){
	//ajusto el ancho del contenedor de la lista de publicationss para que no se active el scroll
	var itemWidthTotal = publicationsItemWidth+publicationsItemSpace;
	//publicationsMaskWidth = Math.floor((WINDOW_WIDTH-publicationsListMargin)/itemWidthTotal)*itemWidthTotal-publicationsItemSpace;
	publicationsMaskWidth = Math.floor((WINDOW_WIDTH-publicationsListMargin)/itemWidthTotal)*itemWidthTotal-publicationsItemSpace;
	if(publicationsMaskWidth<publicationsItemWidth){
		publicationsMaskWidth=publicationsItemWidth;
	}
	var maxScroll = -(publicationsListWidth-publicationsMaskWidth);
	var holderLeft = $("#publicationsList #holder").position().left;
	$("#publicationsList").stop(true);
	$("#publicationsList #holder").stop(true);
	if(animate){
		$("#publicationsList").delay(1000).animate({width:publicationsMaskWidth},300,function(){
			//reposiciono el footer por si se activó el scroll H
			WINDOW_HEIGHT = $(window).height();
			reposFooter();
		});
		//reposiciono la lista si hace falta
		if(holderLeft < maxScroll && holderLeft < 0){
			$("#publicationsList #holder").delay(1000).animate({left:maxScroll},300);
		}
	}else{
		$("#publicationsList").css({width:publicationsMaskWidth});
		if(holderLeft < maxScroll && holderLeft < 0){
			$("#publicationsList #holder").css({left:maxScroll});
			favListPosition = maxScroll;//si estoy en la lista de favs lo guardo en memoria para el reload
		}
	}
	testPublicationsControllersVisibility();
}
function getPublicationsListMaxScroll(num){
	tmpWidth = Math.ceil(num/2)*(publicationsItemWidth+publicationsItemSpace)-publicationsItemSpace;
	var itemWidthTotal = publicationsItemWidth+publicationsItemSpace;
	publicationsMaskWidth = Math.floor((WINDOW_WIDTH-publicationsListMargin)/itemWidthTotal)*itemWidthTotal-publicationsItemSpace;
	if(publicationsMaskWidth<publicationsItemWidth){
		publicationsMaskWidth=publicationsItemWidth;
	}
	var maxScroll = -(tmpWidth-publicationsMaskWidth);
	return maxScroll;
}
function initPublicationsListControllers(){
	//le asigno eventos y le doy fade-in a las flechas
	$("#publicationsListControllers").css({opacity:0});
	$("#publicationsListControllers").stop(true).delay(100).animate({opacity:1},100);
	$("#publicationsListControllers #prev").css({cursor:"auto",opacity:0.3});
	$("#publicationsListControllers #prev #on").css({display:"block",opacity:0});
	$("#publicationsListControllers #prev").mouseover(function() {
		if($("#publicationsListControllers #prev").css("cursor") == "pointer"){
			$(this).children("#off").animate({opacity:0},150);
			$(this).children("#on").animate({opacity:1},150);
		}
	});
	$("#publicationsListControllers #prev").mouseout(function() {
		if($("#publicationsListControllers #prev").css("cursor") == "pointer"){
			$(this).children("#off").animate({opacity:1},150);
			$(this).children("#on").animate({opacity:0},150);
		}
	});
	$("#publicationsListControllers #prev").click(function() {
		movePubList(1);
	});
	$("#publicationsListControllers #next").css({cursor:"pointer"});
	$("#publicationsListControllers #next #on").css({display:"block",opacity:0});
	$("#publicationsListControllers #next").mouseover(function() {
		if($("#publicationsListControllers #next").css("cursor") == "pointer"){
			$(this).children("#off").animate({opacity:0},150);
			$(this).children("#on").animate({opacity:1},150);
		}
	});
	$("#publicationsListControllers #next").mouseout(function() {
		if($("#publicationsListControllers #next").css("cursor") == "pointer"){
			$(this).children("#off").animate({opacity:1},150);
			$(this).children("#on").animate({opacity:0},150);
		}
	});
	$("#publicationsListControllers #next").click(function() {
		movePubList(-1);
	});
}
function testPublicationsControllersVisibility(){
	//visibilidad flechas
	if(publicationsListWidth > publicationsMaskWidth){
		$("#publicationsListControllers").css({visibility:"visible"});
	}else{
		$("#publicationsListControllers").css({visibility:"hidden"});
	}
	testPublicationsArrows();
}
function publicationsListItemLoadImage(){
	//carga secuencial de imagenes de items (thumbnails)
	if(publicationsListNum < publicationsListImages.length-1){
		publicationsListNum ++;
		publicationsImg = new Image();
		publicationsImg.onload = function() {
			//redefino el ancho total de la lista de projects
			publicationsListWidth = Math.ceil((publicationsListNum+1)/2)*(publicationsItemWidth+publicationsItemSpace)-publicationsItemSpace;
			testPublicationsControllersVisibility();//controlo visibilidad de las flechas
			//asigno los eventos y le doy fade-in al  item que se cargo
			$("#publicationsList #holder #witem"+publicationsListNum).mouseover(function() {
				$(this).children(".publicationsItemOver").stop(true).animate({opacity:0.87},100);
				$(this).children(".publicationsItemText").stop(true).animate({color:mainColor},100);
				$(this).children(".publicationsItemTextOver").stop(true).animate({opacity:1},100);
			});
			$("#publicationsList #holder #witem"+publicationsListNum).mouseout(function() {
				$(this).children(".publicationsItemOver").stop(true).animate({opacity:0},100);
				$(this).children(".publicationsItemText").stop(true).animate({color:"#484848"},100);
				$(this).children(".publicationsItemTextOver").stop(true).animate({opacity:0},100);
			});
			$("#publicationsList #holder #witem"+publicationsListNum+" .publicationsItemText span").css({color:mainColor});
			$("#publicationsList #holder #witem"+publicationsListNum+" .publicationsItemOver").css({opacity:0,borderColor:mainColor});
			$("#publicationsList #holder #witem"+publicationsListNum).css({opacity:0,visibility:"visible"});
			$("#publicationsList #holder #witem"+publicationsListNum).animate({opacity:1},100,publicationsListItemLoadImage);
		}
		$("#wimage"+publicationsListNum).append(publicationsImg);
		publicationsImg.src = publicationsListImages[publicationsListNum];
	}else{
		//controla por ultima vez la las flechas respecto a la posicion de la lista
		pubListX = $("#publicationsList #holder").position().left;
		testPublicationsArrows();
	}
}
function publicationsImgOverOnload(target){
	$(target).css({visibility:"visible"});
}
function movePubList(value){
	var speed = 300;
	pubListX += (publicationsMaskWidth+publicationsItemSpace)*value;
	var maxScroll = -(publicationsListWidth-publicationsMaskWidth);
	if(pubListX>0){
		pubListX = 0;
	}
	if(pubListX<maxScroll){
		pubListX = maxScroll;
	}
	testPublicationsArrows();
	$("#publicationsList #holder").stop(true).animate({left:pubListX},speed);
}
function setPublicationsListX(x){
	pubListX = x;
	testPublicationsArrows();
	$("#publicationsList #holder").stop(true).css({left:pubListX});
}
function testPublicationsArrows(){
	var maxScroll = -(publicationsListWidth-publicationsMaskWidth);
	if(pubListX<maxScroll){
		pubListX = maxScroll;
	}
	if(pubListX>0){
		pubListX = 0;
	}
	if(pubListX == 0){
		$("#publicationsListControllers #prev").mouseout();
		$("#publicationsListControllers #prev").css({cursor:"auto",opacity:0.3});
	}else{
		$("#publicationsListControllers #prev").css({cursor:"pointer",opacity:1});
	}
	if(pubListX == maxScroll){
		$("#publicationsListControllers #next").mouseout();
		$("#publicationsListControllers #next").css({cursor:"auto",opacity:0.3});
	}else{
		$("#publicationsListControllers #next").css({cursor:"pointer",opacity:1});
	}
}