$(document).ready(function(){
	
	$('body').append('<div id="panel"><div id="panelcontent"></div><div class="panelbutton" id="hidepanel" style="display: none;"><a><b>PANELi KAPAT</b></a></div></div><div id="showpanel" class="panelbutton" style="display: visible;"><a>Theme Panel</a></div>');
	
	
	$(".panelbutton").click(function(){
		$("#panel").animate({
			height: "320px"
		}, "fast",function(){
			
			$.ajax({
			
				type: "GET",
				url: "uye_kayit_formu.html",
				async: false,
				dataType: "html",
				success: function(html){
					
					$('#panelcontent').html(html);
					
				}
			});
			
		});
		$("#hidepanel").fadeIn();
		$("#showpanel").fadeOut();
	
	});	
	
   $("#hidepanel").click(function(){
		$("#panel").animate({
			height: "0px"
		}, "fast", function(){ 
		
			$("#showpanel").fadeIn();
			$('#panelcontent').html('');
			});
		
		$("#hidepanel").fadeOut();
   });	
	
	

}); // ready