function identify()
{
	var nickname_login_element=document.getElementById('nickname_login');
	var password_login_element=document.getElementById('password_login');
	
	var nickname_login=nickname_login_element.value;
	var password_login=password_login_element.value;
	
	$.ajax({
		type: "POST",
		url: "./control_panel/login.php",
		data: "login="+nickname_login+"&password="+password_login+"&ajax_login=1",
		success: function(msg)
		{
			var box_login_element=document.getElementById('box');
			
			if(msg=='<div style="color:green;">You successfully logged on.</div>')
			{
				box_login_element.innerHTML=msg;
				setTimeout('displayLogged("'+nickname_login+'")',2000);
			}
			else
			{
				box_login_element.innerHTML=msg;
				setTimeout('diplayLoginBox()',2000);
				
			}
   		}
 	});
	return false;
}

function diplayLoginBox()
{
	var box_login_element=document.getElementById('box');
	box_login_element.innerHTML='<input type="text" name="nickname" value="Nickname"onfocus="if(this.value==\'Nickname\')this.value=\'\';"onblur="if(this.value==\'\')this.value=\'Nickname\';" id="nickname_login"><input type="password" name="password" value="Password"onfocus="if(this.value==\'Password\')this.value=\'\';"onblur="if(this.value==\'\')this.value=\'Password\';" id="password_login"><input type="image" src="style/ok.png" class="button" id="button_login" onClick="javascript:identify()"><br><a href="index.php?page=panel_register"> Create a new account </a><br><a href="index.php?page=panel_recovery"> Forgot your password ? </a>';
}

function displayLogged(user)
{
	var box_element=document.getElementById('box');
	var box_login_element=document.getElementById('box-login');
	var img_donation_element=document.getElementById('img_donation');
	var side_menu_element=document.getElementById('side_menu');

	side_menu_element.removeChild(box_element);
	side_menu_element.removeChild(box_login_element);
	side_menu_element.removeChild(img_donation_element);
	
	var div_box_user_cp = document.createElement('div');
	div_box_user_cp.setAttribute('class','box-usercp');
	div_box_user_cp.setAttribute('id','box-usercp');
	div_box_user_cp.innerHTML='&nbsp;';
	
	var div_box = document.createElement('div');
	div_box.setAttribute('class','box');
	div_box.setAttribute('id','box');
	div_box.innerHTML='Logged as: '+user+'</b><br><div style="text-align:left;margin-left:20px;"><a href="index.php?page=show_account_info">Account informations</a><br><a href="index.php?page=panel_change_password">Password Change</a><br><a href="index.php?page=panel_vote_index">Vote Panel</a><br><a href="index.php?page=unstuck">Unstuck</a><br><a onClick="javascript:logOut()">Logout</a></div>';
	
	var div_img_donation = document.createElement('div');
	div_img_donation.setAttribute('id','img_donation');
	div_img_donation.innerHTML='<a href="index.php?page=donation"><img src="style/donate.png" alt="Donate"></a>';
	
	side_menu_element.appendChild(div_box_user_cp);
	side_menu_element.appendChild(div_box);
	side_menu_element.appendChild(div_img_donation);
}

function logOut()
{
	$.ajax({
	type: "POST",
	url: "./control_panel/disconnect.php",
	data: "ajax_login=1",
	success: function(msg)
	{
		if(msg=='<div style="color:green;">You succesfully delogged</div>')
		{
			var box_login_element=document.getElementById('box');
			box_login_element.innerHTML=msg;
			setTimeout('displayDelogged()',2000);
		}
		else
		{
		}
	}
 });
}

function displayDelogged()
{
	var box_element=document.getElementById('box');
	var box_user_cp_element=document.getElementById('box-usercp');
	var side_menu_element=document.getElementById('side_menu');
	var img_donation_element=document.getElementById('img_donation');
	
	side_menu_element.removeChild(box_element);
	side_menu_element.removeChild(box_user_cp_element);
	side_menu_element.removeChild(img_donation_element);
	
	var div_box_login = document.createElement('div');
	div_box_login.setAttribute('class','box-login');
	div_box_login.setAttribute('id','box-login');
	div_box_login.innerHTML='&nbsp;';
	
	var div_box = document.createElement('div');
	div_box.setAttribute('class','box');
	div_box.setAttribute('id','box');
	div_box.innerHTML='<input type="text" name="nickname" value="Nickname" onfocus="if(this.value==\'Nickname\')this.value=\'\';" onblur="if(this.value==\'\')this.value=\'Nickname\';" id="nickname_login"><input type="password" name="password" value="Password"onfocus="if(this.value==\'Password\')this.value=\'\';" onblur="if(this.value==\'\')this.value=\'Password\';" id="password_login"><input type="image" src="style/ok.png" class="button" id="button_login" onClick="javascript:identify()"><br><a href="index.php?page=panel_register"> Create a new account </a><br><a href="index.php?page=panel_recovery"> Forgot your password ? </a>';
	
	var div_img_donation = document.createElement('div');
	div_img_donation.setAttribute('id','img_donation');
	div_img_donation.innerHTML='<a href="index.php?page=donation"><img src="style/donate.png" alt="Donate"></a>';
	
	side_menu_element.appendChild(div_box_login);
	side_menu_element.appendChild(div_box);
	side_menu_element.appendChild(div_img_donation);
}

function redirection(page)
{
	window.location=page;
}