// JavaScript Document
var track_to_play='';
var player;

$(document).ready(function(e) {
	randomTrack();
    $('select#tracks').removeClass('invisible').selectmenu();
	$('select#tracks').change(function(){
		setTrack($(this).val(), true);
	});
	$('h1.about span.inactive').live('click', function(){
		$('#' + $('h1.about span.active').attr('id') + "div").hide();
		$('h1.about span.active').removeClass('active').addClass('inactive');
		$('#' + $(this).attr('id') + "div").show();
		$(this).addClass('active').removeClass('inactive');
	});
	$('span.mp3').click(function(){
		$(this).removeClass('mp3');
		externalPlay($(this).attr('class'));
		$(this).addClass('mp3');
	});
});

function randomTrack(){
	var valTemp = $('select#tracks option').eq(Math.floor(Math.random() * $('select#tracks option').length)).val();
	setTrack(valTemp, false);
	$('select#tracks').val(valTemp);
}
function externalPlay(varTrackTitle){
	$('select#tracks').val(varTrackTitle);
    $('select#tracks').selectmenu();
	setTrack(varTrackTitle, true);
}
function setTrack(varTrackTitle, varPlayNow){
	$('#music_container').html('<audio src=\"audio\/' + varTrackTitle + ".mp3\" id=\"player\"><\/audio>");
	playMusic(varPlayNow);
}

function playMusic(varPlayNow){
	player = new MediaElementPlayer('audio#player',{audioWidth: 190,
		audioHeight: 30,
		startVolume: 0.8,
		loop: false,
		enableAutosize: true,
		features: ['playpause','progress','current','duration','tracks','volume'],
		flashName: 'flashmediaelement.swf'});
	player.load();
	if (varPlayNow){
		setTimeout(function(){player.play();}, 1000);
	}else{
		player.pause();
	}
}