function showHide(objId) {
    o = $('#' + objId);
    o.slideToggle('slow', function() {
        if (o[0].style.display != 'none') {
            $('html,body').animate({
                        scrollTop: o.prev().offset().top
                    }, 1000)
        }
    });
};

function openGallery ()
{
    var basePath = 'img/portfolio/';
    var images = [basePath + 'clai.png', 
                  basePath + 'proposta.png', 
                  basePath + 'liliankerr.png', 
                  basePath + '3127estudio.png',
                  basePath + 'giepra.png',
                  basePath + 'cristo-rey.png'];
    var titles = ['Red de Liturgia (CLAI)', 
                  'Calzados Proposta / American Shoes', 
                  'Lilian Kerr', 
                  '3127 Estudio de Diseño',
                  'GIEPRA',
                  'Congregación Cristo Rey'];
    var descriptions = ['<h1>Desarrollo de portal de gestión de recursos litúrgicos.</h1>\
                         <p>Tecnologías: PHP (Zend Framework), Python, MySQL y Javascript<br />\
                         Diseño y maquetación: <a href="http://www.mongelechiche.com.ar">Lluís Rafols</a><br />\
                         <a href="http://www.clailiturgia.org">http://www.clailiturgia.org</a></p>', 
                         '<h1>Desarrollo de portal de venta de calzado.</h1>\
                         <p>Tecnologías: PHP (Zend Framework), MySQL y Javascript<br />\
                         Diseño y maquetación: <a href="http://www.mongelechiche.com.ar">Lluís Rafols</a><br />\
                         <a href="http://www.calzadosproposta.com.ar">http://www.calzadosproposta.com.ar</a></p>', 
                         '<h1>Desarrollo de portal de venta de calzado.</h1>\
                         <p>Tecnologías: PHP (Zend Framework), MySQL y Javascript<br />\
                         Maquetación: <a href="http://www.mongelechiche.com.ar">Lluís Rafols</a><br />\
                         <a href="http://www.liliankerr.ar">http://www.liliankerr.com.ar</a></p>', 
                        '<h1>Desarrollo del sitio web institucional bilingüe e implementación de galería de fotos.</h1>\
                        <p>Tecnologías: PHP (LightVC framework), XHTML, CSS, Javascript (jQuery)<br />\
                        Diseño: 3127 Estudio de Diseño<br />\
                        <a href="http://www.3127estudio.com.ar">http://www.3127estudio.com.ar</a></p>',
                        '<h1>Desarrollo de sitio web académico basado en Wordpress</h1>\
                        <p>Tecnologías: PHP (Wordpress), MySQL y Javascript.<br />\
                        Diseño: Tema <a href="http://pressplaying.com/">PressPlay</a><br />\
                        <a href="http://www.giepra.com.ar">http://www.giepra.com.ar</a></p>',
                        '<h1>Desarrollo de sitio web bilingüe basado en Wordpress</h1>\
                        <p>Tecnologías: PHP (Wordpress), MySQL y Javascript.<br />\
                        Diseño: Modificación del tema <a href="http://wordpress.org/extend/themes/deep-silent">Deep Silent</a><br />\
                        <a href="http://www.imcristorey.org">http://www.imcristorey.org</a></p>'];
    $.prettyPhoto.open(images, titles, descriptions);
};

$(document).ready(function() {
    $("a[rel^='prettyPhoto']").prettyPhoto({animationSpeed: 'fast'});
    $("a[rel='portfolio']").click(openGallery);
});