var sounds = new Array(
	"dirtroad.mp3",
	"thenewblack.mp3",
	"danke.mp3",
	"holl.mp3",
	"nevio_amore.mp3",
	"carolin_no_1.mp3",
	"50m_freistil.mp3",
	"aeolian_green.mp3"
		);

var prev_el = null;
var player = null;

$(document).ready(function() {
	$(".square").hover(
		function() {
			$(this).children('img').first().animate({opacity: 1});
		},
		function() {
			$(this).children('img').first().animate({opacity: 0.5});
		}	
	);

	$("div.square").click( function(event) {
			if($(event.target).attr('src') == 'sound/images/web.jpg')
				return;
		
			var el = $(this).children('div.overlay');
			if(prev_el == this) {
				if(player != null)
					player.stop();
				$(this).children('img').first().show();
				$(el).hide();
				prev_el = null;
				return;
			}
			if(prev_el != null) {
				$(prev_el).children('img').first().show();
				$(prev_el).children('div.overlay').hide();
			}
			var sid = sounds[$(this).attr('id')];
			if(sid != undefined) {
				if(player != null) {
			     	player.setFile("sound/files/" + sid);
					player.play();
				} else {
					$('#player').jPlayer({
						ready: function () {
								player = this;
						     	this.setFile("sound/files/" + sid);
								this.play();
						    }
					});
					if(player != null)
						player.play();
				}
				prev_el = this;
				$(this).children('img').first().hide();
				$(el).show();
			}
		}
	);
});