//Cufon.replace('header h2'); 
$(document).ready(function() 
{
    
    $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	    
    });
    
    
    
    
    if ($('#music2').length > 0 && !!document.createElement("video").canPlayType)
        initAudio ('music2', 'Mike_Thomas _Marit');
        
    if (!!document.createElement("video").canPlayType)
    {}
    else
    {
        $("#music2 embed").remove (); 
    }   
});

function initAudio (id, title) {
	
	var supportsAudio = !!document.createElement('audio').canPlayType,
			audio,
			loadingIndicator,
			positionIndicator,
			timeleft,
			loaded = false,
			manualSeek = false;

	if (supportsAudio) {
		
		var episodeTitle = title;
		
		var player = '<p class="player">\
									  <span id="playtoggle" />\
									  <span id="gutter">\
									    <span id="loading" />\
									    <span id="handle" class="ui-slider-handle" />\
									  </span>\
									  <span id="timeleft" />\
									  <audio preload="metadata">\
									    <source src="/mp3/' + episodeTitle + '.ogg" type="audio/ogg"></source>\
											<source src="/mp3/' + episodeTitle + '.mp3" type="audio/mpeg"></source>\
												<source src="/mp3/' + episodeTitle + '.wav" type="audio/x-wav"></source>\
										</audio>\
									</p>';									
		
		$(player).insertBefore ("#" + id + " .title");
		
		audio = $('#' + id + ' .player audio').get(0);
		loadingIndicator = $('#' + id + ' .player #loading');
		positionIndicator = $('#' + id + ' .player #handle');
		timeleft = $('#' + id + ' .player #timeleft');
		
		if ((audio.buffered != undefined) && (audio.buffered.length != 0)) {
			$(audio).bind('progress', function() {
				var loaded = parseInt(((audio.buffered.end(0) / audio.duration) * 100), 10);
				loadingIndicator.css({width: loaded + '%'});
			});
		}
		else {
			loadingIndicator.remove();
		}
		
		$(audio).bind('timeupdate', function() {
			
			var rem = parseInt(audio.duration - audio.currentTime, 10),
					pos = (audio.currentTime / audio.duration) * 100,
					mins = Math.floor(rem/60,10),
					secs = rem - mins*60;
			
			timeleft.text('-' + mins + ':' + (secs < 10 ? '0' + secs : secs));
			if (!manualSeek) { positionIndicator.css({left: pos + '%'}); }
			if (!loaded) {
				loaded = true;
				
				$('#' + id + ' .player #gutter').slider({
						value: 0,
						step: 0.01,
						orientation: "horizontal",
						range: "min",
						max: audio.duration,
						animate: true,					
						slide: function(){							
							manualSeek = true;
						},
						stop:function(e,ui){
							manualSeek = false;					
							audio.currentTime = ui.value;
						}
					});
			}
			
		}).bind('play',function(){
			$("#" + id + " #playtoggle").addClass('playing');		
		}).bind('pause ended', function() {
			$("#" + id + " #playtoggle").removeClass('playing');		
		});		
		
		$("#" + id + " #playtoggle").click(function() {			
			if (audio.paused) {	audio.play();	} 
			else { audio.pause(); }			
		});

	}
    else
    {
        var episodeTitle = title;
        var player = '<embed type="application/x-shockwave-flash" flashvars="audioUrl=/mp3/' + episodeTitle + '.mp3" src="http://www.google.com/reader/ui/3523697345-audio-player.swf" allowfullscreen="false" controller="false"  width="310" height="22"  quality="best"></embed>';									
		
		$(player).insertBefore ("#" + id + " .title");   
    }
	
	
}

var music_status = 0;

function musicoff () 
{   
    if (!!document.createElement("video").canPlayType)
    {
        if (music_status == 1)
        {
            $ ("#music2 #playtoggle").trigger ('click');
            music_status = 0;
            $ ('#musicoff').addClass ('selected');
            $ ('#musicon').removeClass ('selectedon');
        }
    }
    else
    {
        $("#music2").html ('');
        $ ('#musicoff').addClass ('selected');
        $ ('#musicon').removeClass ('selectedon');
        music_status = 0;
    }
} 

function musicon () 
{
    if (!!document.createElement("video").canPlayType)
    {
        if (music_status == 0)
        {
            $ ("#music2 #playtoggle").trigger ('click');
            music_status = 1;
            $ ('#musicon').addClass ('selectedon');
            $ ('#musicoff').removeClass ('selected');
        }
    }
    else
    {
        $("#music2").html (''); 
        var player = '<object id="flash_fallback_1" class="vjs-flash-fallback" width="680" height="448" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"><param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"><param name="allowfullscreen" value="true"><param name="autoplay" value="true"><param name="flashvars" value="config={\'playlist\':[\'/images/bio.jpg\', {\'url\': \'/mp3/Mike_Thomas _Marit.mp3\',\'autoPlay\':true,\'autoBuffering\':true}]}"><img width="680" height="448" alt="" src="/images/bio.jpg"></object>';									
		//alert ($ ('#music2').html ());
        $ ('#music2').html (player);
        music_status = 1;

        $ ('#musicon').addClass ('selectedon');
        $ ('#musicoff').removeClass ('selected');
		//alert ($ ('#music2').html ());
    }
}