var playItem = 0;
var myPlayList;

var ember_control_top = 200;
var active_ember_control = -1;
var control_bg_bottom = 585;

var hasSetupPanels = false;

function setupEmberInfo(ember_info) {
    $(ember_info).css('position', 'absolute');
    $(ember_info).css('top', control_bg_bottom - $('p', ember_info).outerHeight(true) - 25);
    $(ember_info).css('height', $('p', ember_info).outerHeight(true));

    $('p', ember_info).css('background-color', 'Black');
    $('p', ember_info).css('border', '1px #1E1E1E solid');
    
    return $('p', ember_info).outerWidth(true);
}

function setupSound()
{
    $('#player_container').css('position', 'absolute').css('top', 30);
    $('#podcast').css('top', 300);
}

function setupMediaBackground()
{
    $('#ember_media').unreflect();
    $('img.ember_loc').unreflect();
    var wid = -1;
    var tmp_wid;
    
    tmp_wid = setupEmberInfo($('#experience_info'));
    if(wid < tmp_wid)
        wid = tmp_wid;
    tmp_wid = setupEmberInfo($('#photo_info'));
    if(wid < tmp_wid)
        wid = tmp_wid;
    tmp_wid = setupEmberInfo($('#sound_info'));
    if(wid < tmp_wid)
        wid = tmp_wid;
    tmp_wid = setupEmberInfo($('#location_info'));
    if(wid < tmp_wid)
        wid = tmp_wid;

    $('#bg_info_reflect').css('position', 'absolute');
    $('#bg_info_reflect').css('left', 275);
    $('#bg_info_reflect').css('top', control_bg_bottom);
    $('#bg_info_reflect').width(wid);
    
    $('#ember_media').css('position', 'absolute');
    $('#ember_media').css('left', 600);
    $('#ember_media').css('top', control_bg_bottom-500);
    $('#ember_media').reflect();
    $('#ember_media').css('width', 520);
    $('.ember_loc').css('left', 400);
    $('img.ember_loc').reflect();
}

function hideEmberDivs()
{
    $('#ember_experience').css('visibility', 'hidden');
    $('#ember_photos').css('visibility', 'hidden');
    $('#ember_location').css('visibility', 'hidden');
    $('#ember_sound').css('visibility', 'hidden');    
}

function clickedEmberControl(active_bg, ember_controls, index) {
    setupMediaBackground();
    
    //alert('media left: '+$('#ember_media').css('left')+', top: '+$('#ember_media').css('top'));

    if(index >= $(ember_controls).length)
        return;
        
    var cntl = $(ember_controls.get(index));
    $(active_bg).stop().animate({top : parseInt($(cntl).css('top'), 10) + "px"}, 500);
    $(ember_controls).removeClass('active_cntl');
    $(cntl).addClass('active_cntl');
    
    hideEmberDivs();
    
    if(index==0)
    {
        $('#ember_media').unreflect();
        $('#ember_media').css('visibility', 'visible');
        $('#ember_media').reflect();

        $('#ember_experience').css('visibility', 'visible');
    }
    else if(index == 1)
    {
        $('#ember_media').unreflect();
        $('#ember_media').css('visibility', 'visible');
        $('#ember_media').reflect();
        
        $('#ember_photos').css('visibility', 'visible');
    }
    else if(index == 2)
    {
        $('#ember_media').unreflect();
        $('#ember_media').css('visibility', 'visible');
        $('#ember_media').reflect();
        
        $('#ember_sound').css('visibility', 'visible');
    }
    else if(index == 3)
    {
        $('#ember_media').unreflect();
        $('#ember_media').css('visibility', 'hidden');
        $('#ember_location').css('visibility', 'visible');
    }

    active_ember_control = index;
}

function setupWorship() {
    if(false)//document.images)
    {
        var ember_img = new Image(456, 114);
        ember_img.src="images/worship/ember.png";
        var ember_cntl_bg = new Image(167, 445);
        ember_cntl_bg.src="images/worship/control_bg.png";
        var ember_bg = new Image(201, 35);
        ember_bg.src="images/worship/active_bg.png";
        var ember_info_bg_reflect = new Image(250, 100);
        ember_info_bg_reflect.src="images/worship/info_bg_reflect.png";                    
        var ember_panel = new Image(500, 500);
        ember_panel.src="images/worship/media_panel.png";
        var ember_warehouse = new Image(333, 500);
        ember_warehouse.src="images/worship/warehouse.jpg";
    }
    
    var slideshows = $('.ember_slideshow');
    var container = $('#ember_slideshows');
    var labels =     $('h4', container);
    
    $(slideshows).each(function(){
        var index = $(slideshows).index(this);
        var top = 40 + Math.floor(index / 2) * 150;
        var left = (index % 2) * 230;
        $(this).css('left', left).css('top', top);
        $(labels.get(index)).css('left', left + 10).css('top', top + 120);
    });

    $('.pp_pic_holder').remove();
    $('.pp_overlay').remove();
    $('.ppt').remove();

    if($(".clearfix > a[rel^='prettyPhoto']").length > 0)
    {
        $(".clearfix > a[rel^='prettyPhoto']").prettyPhoto();
    }
    
    $('.ember_slideshow').each(function() {
        $(this).cycle({
            fx: 'fade'
        });
    });
    
    $('.ember_slideshow *').css('background-color', 'transparent');
    
    setupMediaBackground();
        
    var active_bg = $('#ember_active_bg');
    var ember_controls = $('#ember_controls h3');
    
    var bg_img = $('#ember_controls img').get(0);
    $(bg_img).css('position', 'absolute');

    $(bg_img).css('left', 61).css('top', 140);
    
    $(bg_img).reflect();

    $(ember_controls).each(function() {
        var index = $(ember_controls).index(this);
        $(this).css('top', ember_control_top + index * 50);
        $(this).click(function(e) {
            //set the active background
            clickedEmberControl(active_bg, ember_controls, index);

            //alert('The current class for '+index+' is '+$(this).attr('class'));
            
            //set the correct content visible
        });
    });
    clickedEmberControl(active_bg, ember_controls, 0);

    var raw_labels = $('#raw_experience_flow h4');
    $(raw_labels).each(function() {
        var raw_index = $(raw_labels).index(this);
        var rrow = Math.floor(raw_index / 3);
        var rcol = raw_index % 3;
        $(this).css('top', 10 + rrow * 130).css('left', 5 + 5 * (rcol + 1) + rcol * 165);
    });

    var raw_videos = $('#raw_experience_flow a');
    $(raw_videos).each(function() {
        var raw_index = $(raw_videos).index(this);
        var row = raw_index / 3;
        var col = raw_index % 3;
        $(this).css('left', col * 130).css('top', 60 + 170 * row);
    });
    
    var tmp = $('#video_experience h3').get(1);
    $(tmp).css('top', 220);
    var story_labels = $('#stories_flow h4');
    $(story_labels).each(function() {
        var story_index = $(story_labels).index(this);
        var srow = Math.floor(story_index / 3);
        var scol = story_index % 3;
        $(this).css('top', 10 + srow * 130).css('left', 5 + 5 * (scol + 1) + scol * 165);
    });
    
    var raw_videos = $('#raw_experience_flow a');
    $(raw_videos).each(function() {
        $(this).css('position', 'absolute');
        $(this).css('display', 'block');
        var index = $(raw_videos).index(this);
        var row = Math.floor(index / 3);
        var col = index % 3;
        $(this).css('top', 5 + row * 130).css('left', 5 + 5 * (col + 1) + col * 165);
    });
    
    var story_videos = $('#stories_flow a');

    $(story_videos).each(function() {
        $(this).css('position', 'absolute');
        $(this).css('display', 'block');
        var index = $(story_videos).index(this);
        var row = Math.floor(index / 3);
        var col = index % 3;
        $(this).css('top', 5 + row * 130).css('left', 5 + 5 * (col + 1) + col * 165);
    });
    /**/
    
    $('#stories_flow').css('top', 240);
    
    //$('#experience_info').css('border', '1px blue solid');

    //$('#ember_controls img.ember_controls_bg').reflect();
    /**/
    setupSound();
    setupPlayer();
}

function showWorship()
{
    setCookie('current_control', 'worship', 1);
    $('#content').show('slow');
    $('#worship').show('slow');
    setupMediaBackground();
    clickedEmberControl($('#ember_active_bg'), $('#ember_controls h3'), active_ember_control);
    //alert('top ' + $('#experience_info').css('top') + '  border: ' + $('#experience_info').css('border'));
}

function hideWorship(callback)
{
   $('#worship').stop(true, true).hide('slow', callback);
}