function init(id) {
	$('input[placeholder],textarea[placeholder]', $('#'+id)).focus(function() {
		var input = $(this);
		if (input.val() == input.attr('placeholder')) {
			input.val('');
			input.removeClass('placeholder');
		}
	}).blur(function() {
		var input = $(this);
		if (input.val() == '' || input.val() == input.attr('placeholder')) {
			input.addClass('placeholder');
			input.val(input.attr('placeholder'));
		}
	}).blur();
}

function shoutbox_update() {
	//$('#shoutboxMessages').html("<img src='http://www.devlibre.fr/images/loading.gif' alt='Chargement...' />");
	$.ajax({
		url : 'http://www.musicoos.com/ajax/ajax-general.php?f=shoutbox_getmessages',
		dataType : 'jsonp'
	});
}
function shoutbox_addmsg() {
	var msg = $("#shoutbox-msg").val();
	if (msg.length > 0 && msg != " ") {
		$.ajax({
			url : 'http://www.musicoos.com/ajax/ajax-general.php?f=shoutbox_addmsg&msg='+msg,
			dataType : 'jsonp'
		});
		$("#shoutbox-msg").val("");
	}
}

function register() {
	var errors = new Array;
	
	var email = $('#boxRegister .content .email').val();
	var password = $('#boxRegister .content .password').val();
	var confirm = $('#boxRegister .content .confirm').val();
	
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	if (!reg.test(email)) {
		errors.push("Votre adresse email n'est pas valide");
		$('#boxRegister .content .email').addClass("invalid");
	} else {
		$('#boxRegister .content .email').removeClass("invalid");
	}

	if (password != confirm || password.length == 0) {
		errors.push("Les mots de passe doivent être renseignés et identiques");
		$('#boxRegister .content .password').addClass('invalid');
		$('#boxRegister .content .confirm').addClass('invalid');
	} else {
		$('#boxRegister .content .password').removeClass('invalid');
		$('#boxRegister .content .confirm').removeClass('invalid');
	}
	
	if (errors.length != 0) {
		var errMsg = "";
		for (var i = 0; i < errors.length; i++) {
			errMsg += errors[i] + "\n";
		}
		alert(errMsg);
	} else {
		data = "email="+email+"&password="+password;
		$.ajax({
			type: "GET",
			url: 'http://www.musicoos.com/ajax/ajax-general.php?f=register',
			dataType: 'jsonp',
			data: data
		});
	}
}
function login() {
	var errors = new Array;
	var email = $('#boxLogin .email').val();
	var password = $('#boxLogin .password').val();
	
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	if (!reg.test(email)) {
		errors.push("Votre adresse email n'est pas valide");
		$('#boxLogin .email').addClass("invalid");
	} else {
		$('#boxLogin .email').removeClass("invalid");
	}
	if (password.length == 0) {
		errors.push("Les mots de passe doivent être renseignés et identiques");
		$('#boxLogin .password').addClass('invalid');
	} else {
		$('#boxLogin .password').removeClass('invalid');
	}
	if (errors.length == 0) {
		data = "email="+email+"&password="+password;
		$.ajax({
			type: "GET",
			url: 'http://www.musicoos.com/ajax/ajax-general.php?f=login',
			dataType: 'jsonp',
			data: data
		});
	}
}

function createDialog(divid, opts, title, content) {
	var window = new Window(divid, opts);
	window.title(title);
	window.content(content);
	init(divid);
}

function boxRegister() {
	var content = "";
	content += "<input type='text' class='email' placeholder='Votre email' /><br /><br />";
	content += "<input type='password' class='password' placeholder='Votre mot de passe' /><br /><br />";
	content += "<input type='password' class='confirm' placeholder='Confirmez votre mot de passe' /><br /><br /><br />";
	content += "<p><a class='button center' onclick='register();' style='width:103px'>Créer le compte</a></p>";
	
	createDialog('boxRegister', { width:'240px', top:'200px', left:'300px' }, "Créez votre compte gratuitement !", content);
}
function boxLogin() {
	if (! document.getElementById("boxLogin")) {
		var content = "";
		content += "<div id='boxLogin' style='display:none;'>";
			content += "<input type='text' class='email' placeholder='Votre email' /> &nbsp; ";
			content += "<input type='password' class='password' placeholder='Votre mot de passe' /> &nbsp; ";
			content += "<a class='button' onclick='login()' style='width:100px'>Login</a>";
		content += "</div>";
		
		$('#menu').append(content);
		$('#boxLogin').slideDown('fast');
		init('boxLogin');
	} else {
		$('#boxLogin').slideUp('fast', function () { $('#boxLogin').remove(); });
	}
}

function completeTags(filename, track, title, album, artist, year, genre) {
	var content = "";
	content += "<div class='completeTags'>";
		content += "<input type='hidden' class='filename' value='"+filename+"'>";
		content += "<table>";
			content += "<tr><td class='leftCell'>Numéro de piste<td> <td class='rightCell'><input type='text' class='track' value='"+track+"' /></td></tr>";
			content += "<tr><td class='leftCell'>Titre<td> <td class='rightCell'><input type='text' class='titre' value='"+title+"' /></td></tr>";
			content += "<tr><td class='leftCell'>Album<td> <td class='rightCell'><input type='text' class='album' value='"+album+"' /></td></tr>";
			content += "<tr><td class='leftCell'>Artiste<td> <td class='rightCell'><input type='text' class='artist' value='"+artist+"' /></td></tr>";
			content += "<tr><td class='leftCell'>Année<td> <td class='rightCell'><input type='text' class='year' value='"+year+"' /></td></tr>";
			content += "<tr><td class='leftCell'>Genre<td> <td class='rightCell'><input type='text' class='genre' value='"+genre+"' /></td></tr>";
		content += "</table><br />";
		
		content += "<a class='button' onclick='sendTags()'>Envoyer</a>";
	content += "</div>";
	
	createDialog('completeTags', { width:'300px', top:'200px', left:'300px' }, "Mettez à jour les infos de votre musique !", content);
}
function sendTags() {
	data = "filename="+encodeURIComponent($('.completeTags .filename').val())+
			"&track="+encodeURIComponent($('.completeTags .track').val())+
			"&title="+encodeURIComponent($('.completeTags .titre').val())+
			"&album="+encodeURIComponent($('.completeTags .album').val())+
			"&artist="+encodeURIComponent($('.completeTags .artist').val())+
			"&year="+encodeURIComponent($('.completeTags .year').val())+
			"&genre="+encodeURIComponent($('.completeTags .genre').val());
	$.ajax({
		type: "POST",
		url: 'http://www.musicoos.com/audiotheque?f=updateTags&val='+$("#progressbar").progressbar('value'),
		dataType: 'jsonp',
		data: data
	});
}
function getTags(filename) {
	$.ajax({
		type: "GET",
		url: 'http://www.musicoos.com/audiotheque?f=getTags&filename='+filename,
		dataType: 'jsonp'
	});
}
/*
function convertMP3(filename) {
	$.ajax({
		type: "GET",
		url: 'http://www.musicoos.com/ajax/ajax-mp3_to_ogg.php?f=convert&filename='+filename,
		dataType: 'jsonp'
	});
}*/

function clickTabs(id) {
	if (id == 0) {
		var ctn = "<p>Gérer sa bibliothèque musicale, faire des recherches en tout simplicité, et écouter sa musique sans limite, gratuitement, sur tous les navigateurs récents.</p>";
		ctn += "<p>Tout ça en toute légalité, en utilisant des musiques libres de droit. Artistes indépendants, bénéficiez en outre d'une visibilité accrue, en mettant en valeur vos titres musicaux favoris avec une page dédiée sur Musicoos !</p>";
	} else if (id == 1) {
		var ctn = "<p>Nous jouons franc-jeu avec vous, veuillez ainsi faire de même avec nous : n'utilisez aucun fichier musical sous licence commerciale !</p>";
		ctn += "<p>Les IPs sont collectées, et peuvent être transmises aux autorités compétentes. Rappellez-vous : vous êtes le seul responsable de vos actions sur Internet, et si vous trichez, vous devrez répondre de vos actes devant la Justice.</p>";
	} else if (id == 2) {
		var ctn = "<p>Musicoos croit dans le libre. Ainsi, le site n'utilise que des technologies libres et est hébergé sur une plateforme libre, en utilisant uniquement des logiciels libres.</p>";
		ctn += "<p>Et afin d'améliorer votre expérience de navigation, nous nous engageons à rester gratuit, à ne pas commercialiser vos données personnelles, et limiter fortement l'utilisation de la publicité.</p>";
	}
	
	$("#feature_menu .tabs").removeClass('current');
	$("#feature_menu #tabs-"+id).addClass('current');
	$("#feature").html(ctn);
}

function playMusic(divid, filename) {
	var ctn = "<audio class='audio' controls preload autoplay>";
			ctn += "<source src='http://www.musicoos.com/uploads/"+filename+"'>";
			ctn += "<source src='http://www.musicoos.com/uploads/"+filename.replace('.mp3','.ogg')+"'>";
		ctn += "</audio>";
	$('#'+divid).html(ctn);
}

$(document).ready(function() {
	shoutbox_update();
	setInterval(shoutbox_update, 25000);
	init('shoutboxWrap');
	//boxRegister();
});