switchContent = function(id){
	if(	id == "home-section") {
		$('#content').fadeOut('slow');
		$('.section').hide();
		
	}else{
	
		$(".section[id!='"+id+"']").hide();
		id='#sections #'+id;
		$(id).show();
		
		
		if( !$('#content').is(":visible") ){
			$('#content').fadeIn('slow');
		}
	}
	
}

audiojs.events.ready(function() {
    var audios = document.getElementsByTagName('audio');
    var audio = audiojs.create(audios[0], {
		css: false,
		trackEnded: function() {
            var next = $('ol li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.addClass('playing').siblings().removeClass('playing');
            audio.load($('a', next).attr('data-src'));
            audio.play();
        },
		createPlayer: {
			markup: '\
			<div class="album-art"></div>\
              <div class="play-pause"> \
                <p class="play"></p> \
                <p class="pause"></p> \
                <p class="loading"></p> \
                <p class="error"></p> \
              </div> \
              <div class="controls"> \
             	<p class="previous"></p> \
                <p class="next"></p> \
              </div> \
              <div class="track-title"> \
              </div> \
              <div class="scrubber"> \
                <div class="progress"></div> \
                <div class="loaded"></div> \
              </div> \
              <div class="time"> \
                <em class="played">00:00</em>/<strong class="duration">00:00</strong> \
              </div> \
              <div class="error-message"></div>',
			playPauseClass: 'play-pause',
			scrubberClass: 'scrubber',
			progressClass: 'progress',
			loaderClass: 'loaded',
			timeClass: 'time',
			durationClass: 'duration',
			playedClass: 'played',
			errorMessageClass: 'error-message',
			playingClass: 'playing',
			loadingClass: 'loading',
			errorClass: 'error'
        }
    });
       
   // Load in the first track
	first = $('.track-list a').attr('data-src');
	$('.track-list li').first().addClass('playing');
	$('.track-title').html($('.track-list li').first().text());
	
	
	$('.album-art').append( $("#albums a:has(img)").first().clone() );
	
	
	audio.load(first);
	
	var index = 0;
	var trackArray =[]
	
	$("#albums li").each(function() {
		trackArray.push($(this));
	});
	
	// Load in a track on click
	$('.track-list li').click(function(e) {
		e.preventDefault();
		$('.track-title').html($(this).text());
		var a = $(this).parent().parent().find("a:has(img)");
		$('.album-art').html('').append(a.clone());
		$(this).addClass('playing').siblings().removeClass('playing');
		audio.load($('a', this).attr('data-src'));
		audio.play();
	});
	
	$('.audiojs .next').click(function(e) {
		index++;
		if(index > trackArray.length -1){
			index = 0;
		}
		var next = 	trackArray[index];
		next.click();
	});
	
	$('.audiojs .previous').click(function(e) {
		index--;
		if(index < 0 ){
			index = trackArray.length -1;
		}
		var prev = 	trackArray[index];
		prev.click();
	});
	
	
});

$(document).ready(function(){	
	$("#nav a").click(function(){	
		$("#nav a[id!='"+this.id+"']").removeClass("active");
		$(this).addClass("active");
		switchContent(this.id+"-section");
	});
	//
	$('.section').hide();
	$('#content').hide();
	$('#news-section').tweet( {
		avatar_size: null,
		username: "weareAan",
		count: 6,
		template: function(tweet){
			return tweet["text"]+'<div class="tweet_time">'+tweet["tweet_relative_time"]+'</div>';
		}
  	});
});