var PORTFOLIO_SRC = "http://www.fenton.com/portfolio/portfolio_entries.html";
var PORTFOLIO_HTML = '';

function _open_portfolio(scrollToId) {
    var scrollToIdx = '';
    if (parseInt(scrollToId)) {
        scrollToIdx = parseInt(scrollToId)-1;
    } else {
        var i = 0;
        var divs = $('div.portfolio-item', PORTFOLIO_HTML);
        for (var dx = 0; dx < divs.length; dx++) {
            if ($(divs[dx]).attr('id') == scrollToId) {
                scrollToIdx = dx;
                break;
            }
        }
    }
    $('#portfolio-holder').append('<div id="portfolio-panel">');
    $('#portfolio-panel').append('<div id="button-frame">');
    $('#button-frame').append('<div id="portfolio"><ul />');
    $('#button-frame').append('<div id="lightbox-secNav"><a href="#" id="lightbox-secNav-btnClose"><img src="/images/lightbox-btn-close.gif"></a></div>');
    $('#button-frame').append('<div class="portfolio-nav"><a href="#" class="prev">prev</a> <a href="#" class="next">next</a></div>');
    var to_start = $('<div class="to-start"><span class="0" /></div>').hide();
    var o = {
        circular: 0,
        scroll: 1,
        visible: 1,
        btnNext: ".next",
        btnPrev: ".prev",
        btnGo: ["#back-to-start-link"],
        beforeStart: function(a) {
            // debug
            return true;
        },
        afterEnd: function(a) {
            if ($(a)[0].className == 'portfolio-first') {
                $('.prev').hide();
                $('.next').show();
            } else if ($(a)[0].className == 'portfolio-last') {
                $('.prev').show();
                $('.next').hide();
            } else {
                $('.prev,.next').show();
            }
        }
    };
    if (scrollToIdx != '') {
        o.start = scrollToIdx;
    }
    var carousel = $('#portfolio').html(PORTFOLIO_HTML).jCarouselLite(o);
    if (scrollToIdx==0) {
        $('.prev').hide();
    }
    if(scrollToIdx==$('div.portfolio-item',PORTFOLIO_HTML).length-1) {
        $('.next').hide();
    }
    $('#portfolio-panel').lightBox({
        containerBorderSize: 0,
        overlayBgColor: '#000',
        overlayOpacity: 0.8,
        containerResizeSpeed: 300,
        imageBtnClose: "/images/lightbox-btn-close.gif"
    }).click();
    return $(this);
}

function openPortfolio(scrollToId) {
    //if (PORTFOLIO_HTML == '') {
        $.get(PORTFOLIO_SRC,
        function(html) {
            PORTFOLIO_HTML = html;
            _open_portfolio(scrollToId);
        },
        'html');
    //}
    //else {
    //    _open_portfolio(scrollToId);
    //}
}