$=jQuery;
$(document).ready(function() {

    $('img').each(function (i) {
        var e = $(this);
        var over = e.attr('oversrc');
        if (over) {
            var oldsrc = e.attr('src');
            e.mouseover(function() {e.attr('src', over)});
            e.mouseout(function() {e.attr('src', oldsrc)});
        }
    });

    $('#s01').addClass('current');
    $('#n01').addClass('active');
    $('img.large',$('#collection .current')).each(function () {
        $(this).attr('src',$(this).attr('hsrc') );
    });

    $('.pane').click(function() { toggle_pane($(this) ); });
    $('#collection-nav .previous').click(function() { previous_slide(); return false; });
    $('#collection-nav .next').click(function() { next_slide(); return false; });
    $('#collection-nav').mouseover(function() { $('#collection-nav .pager').show(); });
    $('#collection-nav').mouseout(function() { $('#collection-nav .pager').hide(); });

    $.fn.media.defaults.flvPlayer = wp_template_url+'/player.swf';
    $.fn.media.defaults.mp3Player = wp_template_url+'/player.swf';
    $.fn.media.defaults.bgColor = '#000000';
    $.fn.media.defaults.caption = false;
    $.fn.media.defaults.flashvars = {controlbar: 'none'};
    
    $('a.media').media();
});

function toggle_pane(e)
{
    if (window.zooming == true) return;
    window.zooming = true;
    if (e.hasClass('maximized') ) hide_pane(e);
    else show_pane(e);
}
function show_pane(e)
{
    var slide = e.parent('.slide');
    e.data('owidth', e.width() );
    e.data('oheight', e.height() );
    e.addClass('maximized')
    e.animate({width: slide.width(), height: slide.width()}, 500, function(){window.zooming=false;});
}
function hide_pane(e)
{
    e.animate({width: e.data('owidth'), height: e.data('oheight')}, 500, function(){window.zooming=false;e.removeClass('maximized')});
}

function show_slide(slide)
{
    var incoming = $('#'+slide);
    if (incoming.length < 1 || incoming.hasClass('current') ) return;

    hide_pane($('.maximized') );
    $('.pager .active').removeClass('active');
    var slide_num = slide.substring(1);
    $('#n'+slide_num).addClass('active');

    $('img.large',incoming).each(function () {
        $(this).attr('src',$(this).attr('hsrc') );
    });

    var outgoing = $('#collection .slide.current');
    incoming.addClass('current');

    var collection = incoming.parent('#collection');

    // determine the direction we're gonna slide
    var xFrom;
    if (incoming.attr('id') > outgoing.attr('id') ) xFrom = collection.width();
    else xFrom = -collection.width();

    incoming.css({left: xFrom} );

    outgoing.animate({left: -xFrom}, 500, null, function(){outgoing.removeClass('current');});
    incoming.animate({left: 0}, 500);
}

function previous_slide()
{
    show_slide($('#collection .slide.current').prev().attr('id') );
}
function next_slide()
{
    show_slide($('#collection .slide.current').next().attr('id') );
}