$(function(){
	/*delete alert*/
	$('.delete').click(function(){
		if(!confirm('Deleting item(s) - are you sure?'))
			return false;
	});


	/*search drop down*/
	var $search = $('.top-search');
	$('.search-trigger').live('click', function(e){
		e.preventDefault();
		if($search.hasClass('open')) {
			$('#search').animate({'top':'-80px'}, {duration:500});
			$search.removeClass('open').animate({'height':'0px'}, {duration:1200});
		}else{
			$('#search').animate({'top':'0'}, {duration:1200});
			$search.addClass('open').animate({'height':'34px'}, {duration:500});
		}
	});


	/*masonry*/
	var $container = $('#works');

	$container.imagesLoaded( function(){
		$container.masonry({
			itemSelector : 'section',
			columnWidth: 436,
			gutterWidth : 24
		});
	});


	/*
	 * frontpage
	 **/
	/*make section sizes*/
	var wh = $(window).height()+20;
	$('#michael, #frontpage section.wrapper, #news-content').each(function(){
		if($(this).height() <= wh){
			// alert($(this).height());
			$(this).height(wh);
		}
	});


	/*scrolls*/
	$('.top-trigger').click(function(){
		$.scrollTo($('#michael'), 800);
	});
	$('.news-trigger').click(function(){
		$.scrollTo($('#news'), 800, {offset:-20});
	});
	$('.bio-trigger').click(function(){
		$.scrollTo($('#bio'), 800, {offset:-20});
	});
	$('.git-trigger').click(function(){
		$.scrollTo($('#get-in-touch'), 800, {offset:-20});
	});


	/*jPlayer*/
	$('.mp3').click(function(e){
		e.preventDefault();
		var path = $(this).attr('href');
		var elem = $(this).attr('rel');
		var colour = $(this).attr('colour');
		var soundclass = 'sound-'+colour;
		var pausedclass = 'paused-'+colour;
		var playingclass = 'playing-'+colour;
		var elem = $('#'+elem);

		$('.whirlygig').remove();

		//check if clicked elem is already playing, if so pause
		if($(this).hasClass(playingclass)) {
			elem.jPlayer("pause");
			$(this).removeClass(playingclass).addClass(pausedclass);
			//swap image class using colour variable
			//.addClass(pausedclass)
			//.removeClass(soundclass)
		}else{
			//append whirlygig next to mp3 here
			$(this).after('<div class="whirlygig"></div>');

			//if paused, remove class and play
			if($(this).hasClass(pausedclass)){
				$(this).removeClass(pausedclass);
				elem.jPlayer("play");
				$('.whirlygig').remove();
			}

			//add paused class to other currently playing items which will be paused in a sec
			$('.mp3.playing-'+colour).not($(this)).addClass(pausedclass);

			//add playing class and remove all others
			$(this).addClass(playingclass);
			$('.mp3').not($(this)).removeClass(playingclass);

			//pause all others and play this one
			elem.bind($.jPlayer.event.play, function() {
				$(this).jPlayer("pauseOthers");
			});

			// maybe use this for progress bar?
			// $.jPlayer.event.timeupdate

			//load jPlayer
			audioPlayer(elem, path);
		}
	});
});

function audioPlayer(elem, path)
{
	elem.jPlayer({
		ready: function () {
			$(this).jPlayer("setMedia", {
				mp3: path
			}).jPlayer("play");
		},
		canplay: function () {
			$('.whirlygig').remove();
		},
		solution: "html, flash",
		swfPath: "./assets/js",
		supplied: "mp3"
    });
}