function verPortfolio(portfolio) {
	var total_imagenes = portfolio.programacion.length + portfolio.programacion_y_diseno.length;

	$('#portfolio').html('<div id="visorMiniaturas"><div id="visorWrap" /></div>');
	$('#visorWrap').css({'width' : getPageWidth()+'px', 'height' : $('#visorMiniaturas').css('height')});
	$('#visorWrap').append('<div id="visorMiniaturasAnterior"><img src="imagenes/portfolio/arrow-prev.png" /></div>');
	$('#visorWrap').append('<div id="visorMiniaturasSiguiente"><img src="imagenes/portfolio/arrow-next.png" /></div>');
	$('#visorWrap').append('<div id="miniaturasWrap"><div id="miniaturasDiv"></div></div>');
	$('#miniaturasWrap').css({'width' : (getPageWidth()-(parseInt($('#visorMiniaturasSiguiente').css('width'))*2))+'px', 'height' : $('#visorMiniaturas').css('height'), 'margin-left' : $('#visorMiniaturasSiguiente').css('width')});
	$('#portfolio').append('<div id="portfolioOverlay"></div>');
	$('#portfolioOverlay').css({'width' : getPageWidth()+'px', 'height' : (getPageHeight()-parseInt($('#visorMiniaturas').css('height')))+'px'});
	$('#portfolio').append('<div id="visorImagen"><a target="_blank" id="enlacetemporal" ><img id="imagenPortfolio" src="imagenes/fancybox/blank.gif" /></a></div>');
	$('#visorImagen').css({'width' : getPageWidth()+'px', 'height' : (getPageHeight()-parseInt($('#visorMiniaturas').css('height')))+'px'});
	$('#visorImagen').append('<div id="portfolioInfo" class="size1" style="color:#ffffff;height:30px;margin: 0px auto;position: absolute; bottom: 20px;width:100%;text-align: center;"></div>');

	$.each(portfolio.programacion_y_diseno, function(i, k){
		$('#miniaturasDiv').append('<div class="miniaturaP"><img src="imagenes/portfolio/thumbs/'+k.imagen+'" onclick="javascript:verPortfolioDetalle(\''+k.nombre+'\', \''+k.descripcion+'\', \''+k.tipo_de_tarea+'\', \''+k.imagen+'\', \''+k.enlace+'\');" /></div>');
	});

	$.each(portfolio.programacion, function(i, k){
		$('#miniaturasDiv').append('<div class="miniaturaP"><img src="imagenes/portfolio/thumbs/'+k.imagen+'" onclick="javascript:verPortfolioDetalle(\''+k.nombre+'\', \''+k.descripcion+'\', \''+k.tipo_de_tarea+'\', \''+k.imagen+'\', \''+k.enlace+'\');" /></div>');
	});

	$('#miniaturasDiv').css('width', (total_imagenes*(140))+'px');

	$('#visorMiniaturasAnterior > img').click(function() {
		var posActual = parseInt($('#miniaturasDiv').css('margin-left'));
		var limit = 0;
		var paso = parseInt(parseInt($('#miniaturasWrap').css('width'))/3);
		var posicion = posActual+paso;

		if(posicion > limit) {
			$('#miniaturasDiv').stop().animate({ 'margin-left': limit+'px' }, 350);
		} else {
			$('#miniaturasDiv').stop().animate({ 'margin-left': posicion+'px' }, 350);
		}
	});

	$('#visorMiniaturasSiguiente > img').click(function() {
		var posActual = parseInt($('#miniaturasDiv').css('margin-left'));
		var limit = -1*((total_imagenes*140)-parseInt($('#miniaturasWrap').css('width')));
		var paso = parseInt(parseInt($('#miniaturasWrap').css('width'))/3);
		var posicion = posActual-paso;

		if(posicion > limit) {
			$('#miniaturasDiv').stop().animate({ 'margin-left': posicion+'px' }, 350);
		} else {
			$('#miniaturasDiv').stop().animate({ 'margin-left': limit+'px' }, 350);
		}
	});
}

function verPortfolioDetalle(nombre, descripcion, tarea, imagen, enlace) {
	$('#visorImagen > a').attr('href', 'http://'+enlace);

	imgPreload = new Image();

	imgPreload.onerror = function() {
	};

	imgPreload.onload = function() {
		$('#portfolioInfo').html('<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main"><a href="http://'+enlace+'" target="_blank" title="'+nombre+'" class="size1" style="color:#ffffff;" ><b>'+nombre+'</b></a> - '+tarea+'</span><span id="fancybox-title-right"></span></span>');
		cambiarTamanyos();

		$('#imagenPortfolio').fadeOut('slow', function(){
			$('#imagenPortfolio').attr('src', imgPreload.src);
			$('#imagenPortfolio').css({'width' : imgPreload.width+'px', 'height' : imgPreload.height+'px'});
				portfolioImagenRedimensionar();
			$('#imagenPortfolio').fadeIn('slow');
		});
	};

	imgPreload.src = 'imagenes/portfolio/'+imagen;
}

function portfolioImagenRedimensionar() {
	var alto = parseInt($('#imagenPortfolio').css('height'));
	var ancho = parseInt($('#imagenPortfolio').css('width'));
	var alto_tope = parseInt(parseInt($('#visorImagen').css('height')))-120;
	var ancho_tope = parseInt($('#visorImagen').css('width'))-10;

	var marginLeft;
	var marginTop;

	var proporcion = parseFloat(alto/alto_tope);
	var nuevo_ancho = 0;
	var nuevo_alto = 0;

	nuevo_ancho = Math.round(ancho/proporcion);
	nuevo_alto = Math.round(alto/proporcion);

	if(nuevo_alto > alto_tope)
	{
		proporcion = alto_tope/nuevo_alto;
		nuevo_ancho = Math.round(proporcion*nuevo_ancho);
		nuevo_alto =  Math.round(proporcion*nuevo_alto);
	}

	if(nuevo_ancho > ancho_tope)
	{
		proporcion = ancho_tope/nuevo_ancho;
		nuevo_ancho = Math.round(proporcion*nuevo_ancho);
		nuevo_alto =  Math.round(proporcion*nuevo_alto);
	}

	marginLeft = parseInt((ancho_tope-nuevo_ancho)/2);
	marginTop = parseInt((alto_tope-nuevo_alto)/2);

	$('#imagenPortfolio').css({
		'width': nuevo_ancho,
		'height': nuevo_alto,
		'margin-top': (marginTop+50)+'px',
		'border' : '7px solid #ffffff',
		'border-radius' : '7px',
		'-webkit-border-radius' : '7px',
		'-moz-border-radius' : '7px'
	});
}

function redimensionarPortfolio() {

	$('#visorWrap').css({'width' : getPageWidth()+'px', 'height' : $('#visorMiniaturas').css('height')});
	$('#miniaturasWrap').css({'width' : (getPageWidth()-(parseInt($('#visorMiniaturasSiguiente').css('width'))*2))+'px', 'height' : $('#visorMiniaturas').css('height'), 'margin-left' : $('#visorMiniaturasSiguiente').css('width')});
	$('#portfolioOverlay').css({'width' : getPageWidth()+'px', 'height' : (getPageHeight()-parseInt($('#visorMiniaturas').css('height')))+'px'});
	$('#visorImagen').css({'width' : getPageWidth()+'px', 'height' : (getPageHeight()-parseInt($('#visorMiniaturas').css('height')))+'px'});
	portfolioImagenRedimensionar();
}