$(document).ready(function() {
	
	
	if (document.getElementById("toppanel2")!=null)
	{

		// Expand Panel
		$("#open").click(function(){
			$("div#panel").slideDown("slow"); // panel = login
			document.getElementById('toppanel2').style.visibility = 'hidden';
		});	
		$("#open2").click(function(){
			$("div#panel2").slideDown("slow");  // panel2 = coordonnees		
			document.getElementById('toppanel').style.visibility = 'hidden';
		});
		
		// Collapse Panel
		$("#close").click(function(){
		
			setTimeout( "get_visibility('toppanel2')" , 700); 
			$("div#panel").slideUp("slow");	
			$("div#panel2").slideUp("slow");
			
		});	
		$("#close2").click(function(){
			setTimeout( "get_visibility('toppanel')" , 700); 
			$("div#panel2").slideUp("slow");
			$("div#panel").slideUp("slow");
		});
		
		// Switch buttons from "Login" / "coord" to "Close Panel" on click
		$("#toggle a").click(function () {
			$("#toggle a").toggle();
		});	

	} else {
	
		// Expand Panel
		$("#open").click(function(){
			$("div#panel").slideDown("slow"); // panel = login
		});	
		
		// Collapse Panel
		$("#close").click(function(){		
			$("div#panel").slideUp("slow");				
		});	
		
		// Switch buttons from "Login" / "coord" to "Close Panel" on click
		$("#toggle a").click(function () {
			$("#toggle a").toggle();
		});		
	
	}

		
});

function get_visibility (id)
{
	document.getElementById(id).style.visibility = 'visible'
}