$(document).ready(function() {

	/***************************************************************
	 *  Login-Slider
	 */
	 
	// Expand Panel
	$("#open").click(function(){
		$("div#panel").slideDown("slow");
	
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");	
	});		
	
	// Switch buttons from "Log In | Register" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});	 
	
	/*********************************************
	 * Teamspeak-Slider
	 */
	
	var state = 0;
	var wait = false;
	function changeSlider() {
		if(state==1){
			$('#teamspeak_slider').animate({width: 33 }, "slow", function(){state = 0;});    
		} else $('#teamspeak_slider').animate({width: 300 }, "slow", function(){state = 1;});        
	}
	
	$('#teamspeak_slider').click(function(){
		changeSlider();
	});
        
});