$(document).ready(function() {

    // Expand Panel
    $("#open").click(function(){
    $("div#panel").slideDown("slow");
	
	});	
	
	// Expand Panel
    $("#open2").click(function(){
    $("div#panel").slideDown("slow");
	
	});	
	
	// Collapse Panel
    $("#close").click(function(){
    $("div#panel").slideUp("slow");	
    });		
	
// Collapse Panel
    $("#close2").click(function(){
    $("div#panel").slideUp("slow");	
    });	

	// Switch buttons from "Log In | Register" to "Close Panel" on click
    $("#toggle a").click(function () {
    $("#toggle a").toggle();
    });		


    // Expand Panel
    $("#toggleLogin").click(function() {

        if (document.getElementById('toggleLogin').innerText == "Log off") {
            document.getElementById('toggleLogin').innerText = "Log In | Register";
            document.getElementById('loggedinName').innerText = "";

            document.getElementById('loggedinNameBAR1').innerText = "";
            document.getElementById('loggedinNameBAR2').innerText = "";
            document.getElementById('loggedinNameBAR3').innerText = "";

            document.getElementById('loginProfile').innerText = "";
            document.getElementById('loginSms').innerText = "";

            document.getElementById('auth').style.display = 'inline';
            document.getElementById('sms').style.display = 'none';
            $("div#panel").toggle("slow");
            return;

        }

        $("div#panel").toggle("slow");

    });



    $("#loginSms").click(function() {
        document.getElementById('auth').style.display = 'none';
        document.getElementById('sms').style.display = 'inline';

        $("div#panel").toggle("slow");

    });


});