function scrollItemWidth() {
    var windowWidth = $j('body').innerWidth();
    $j('.scroll-item').css('width',windowWidth + 'px');
}
function setSlideData(i) {
    var o = slides[i];
    $j('#slide-content h1')[0].innerHTML = o.title;
    $j('#slide-content span')[0].innerHTML = o.content;
    $j('.wheel').css('background-position', '0 ' + o.wheel);
}
var t = null;
var mousein = false;
$j(function() {
    var navMenu = $j('#team-nav-menu');
    $j('h1.team-nav-header').bind('click',function() {
        if ($j(navMenu).css('display') == 'none') {
            $j(navMenu).css('display','block');
        } else {
            $j(navMenu).css('display','none');
        }
    });
    $j('#why-boxes li a').bind('click',function() {
    // clear all others
        clearTimeout(t);
        hideMore();
        var p = this.parentNode;
        $j(p).find('.more-hover').fadeIn(500,function() {
            $j(this).bind('mouseout',function(){
                t = setTimeout(function() {
                    clearTimeout(t);
                    hideMore();
                },250);
            });
        });
    });

    $j('#lightbox').overlay();

});
function hideMore() {
    $j('.more-hover').fadeOut(500);
}

function gotoJam(i) {
    var details = $j('#jam-detail li');
    $j(details).css('display','none');
    details[i].style.display='block';
    $j('#jam-process-steps').css('background-image','url(' + jams[i].image + ')');
    $j('#jam-title')[0].innerHTML = jams[i].title;
}
function nextJam() {
    var total = jams.length;
    if ( currentJam < total - 1 ) {
        clearJam();
        currentJam++;
    } else {
        currentJam = 0;
    }
    gotoJam(currentJam);
}
function prevJam() {
    var total = jams.length;
    if ( currentJam > 0) {
        clearJam();
        currentJam--;
    } else {
        currentJam = total - 1;
    }
    gotoJam(currentJam);
}
function clearJam() {
    $j('#jam-detail li').css('display','none');
}
function openLightbox(id) {
    $j('#lightbox-content').html($j('#'+id)[0].innerHTML);
    $j('#lightbox').data('overlay').load();
}
function expandWork(id) {
    var o = $j('#full-' + id);
    if ( $j(o).css('display') == 'block') {
        $j(o).css('display','none');
    } else {
        $j(o).css('display','block');
    }
}

