$(document).ready(function() {	
	//hide the advanced config
	$('#advanced_options').hide();
	$('#use_mysql').hide();
	$('label.sqlite').css('background-color', '#ddd');
	$('label.mysql').css('background-color', '#fff');
	
	// Sets advanced_options link behaviour :
	$('#advanced_options_link').click(function() {
		$('#advanced').toggleClass('userLinkOn');
		$('#advanced_options').slideToggle(250);
		return false;
	});
	
	$('#mysql').click(function() {
		$('#use_mysql').slideDown(250);
		$('label.sqlite').css('background-color', '#fff');
		$('label.mysql').css('background-color', '#ddd');
	});
	$('#sqlite').click(function() {
		$('#use_mysql').slideUp(250);
		$('label.sqlite').css('background-color', '#ddd');
		$('label.mysql').css('background-color', '#fff');
	});

	// Hide and show input field values for login form
	var textuser = "username";
	var textpassword = "password";
	$("#user").focus(function() {
		if($(this).attr("value") == textuser) $(this).attr("value", "");
	});
	$("#user").blur(function() {
		if($(this).attr("value") == "") $(this).attr("value", textuser);
	});
	$("#password").focus(function() {
		if($(this).attr("value") == textpassword) $(this).attr("value", "");
	});
	$("#password").blur(function() {
		if($(this).attr("value") == "") $(this).attr("value", textpassword);
	});
});