var currentlyPlaying = undefined;
var current_marquise = 0;
var marquises = undefined;
var marquise = undefined;

function displayMarquises() {
    var current = ($('#marquise div.image.show')?  $('#marquise div.image.show') : $('#marquise div.image:last'));
    var next = ($('#marquise div.image.next')?  $('#marquise div.image.next') : $('#marquise div.image:first'));
    var next_marquise = current_marquise + 1;
    if (next_marquise >= marquises.length) {
    	next_marquise = 0;
    }
    next.css({'opacity': '0.0', 'background-image': 'url('+marquises[next_marquise].fields['marquise']+')'})
    .addClass('show')
    .removeClass('next')
    .animate({opacity: 1.0}, 1000);
    current.animate({'opacity': '0.0'}, 1000)
    .removeClass('show')
    .addClass('next');
    current_marquise = next_marquise;
};

function loadMarquise() {
	$.getJSON("/marquise/", function(json){
		marquises = json;
	    marquise = setInterval(displayMarquises,4000);
	    $('#marquise div.image:last').css({'opacity': 1.0, 'background-image': 'url('+marquises[0].fields['marquise']+')'});
	});
};

$(function() {
	var audio_player = $f('audio_player','/static/flowplayer/flowplayer.commercial.swf', {key: '#$605d56a8e579e252af8', plugins: {audio: { url: '/static/flowplayer/flowplayer.audio.swf' }}});
	$f('audio_player').hide();

	$('.bt_play_marquise').click(function () {
	    // remove leading # in href
	    trackURL = marquises[current_marquise].fields['zapmix'];
	    if ( currentlyPlaying !=  trackURL) {
	        // update currentlyPlaying
	        currentlyPlaying = trackURL;
	        $('.bt_play').removeClass('pause');
	        var clip = {
	            url: currentlyPlaying,
	            autoPlay: false
	        };
	        $f('audio_player').play(clip);
	        clearInterval(marquise);
	    } else {
	        // toggle play-pause state
	        $f('audio_player').toggle();
	        marquise = setInterval(displayMarquises,4000);
	    }
	    $(this).toggleClass('pause');
	    return false;
	});

	loadMarquise();
});