this.cpanel = function(){
    $("#cpanel h3").toggle(
      function () {
		$("#cpanel ul").show("fast");
		$("#cpanel h3").css("background-position","100% -31px");		
      },
      function () {
		$("#cpanel ul").hide("fast");
		$("#cpanel h3").css("background-position","100% 0");		
      }
    );
};
this.about = function(){
	var dt = $("dt");
	$("#side dl").addClass("fixed");
	$("#side dt").addClass("nav");
	$("#side dd").addClass("body");
	this.change = function(obj){
		// reset
		$("#side dt").removeClass("selected");
		$("#side dd").hide();
		// show
		$(obj).addClass("selected");
		$(obj).next("dd").show();
		h1 = $(obj).height();
		h2 = $(obj).next("dd").height();
		$(obj).next("dd").css("top",h1);
		$("#side dl").animate(
			{ height: h1+h2 }, 
			500
		);	
		//$("#side dl").css("height",h1+h2);
	};
	$("#side dt").click(function(){
		change($(this));
	});
	// init
	change($("#side dt:first-child"));
};

this.misc = function(){
	$("#twitter").before('<h3 class="category">Twitter Updates</h3>');
	$("#twitter").append('<ul id="twitter_update_list"></ul><p class="link"><a href="http://twitter.com/cssglobe" title="Follow Css Globe on Twitter">Follow me on Twitter</a></p>');
	$("#twitter").after('<p><em>Say "Hi" and I\'ll follow you back!</em></p>')
	$.getScript("http://twitter.com/javascripts/blogger.js");
	$.getScript("http://twitter.com/statuses/user_timeline/cssglobe.json?callback=twitterCallback2&count=5");
};

this.init = function(){
	cpanel();
	about();
	misc();
};
$(document).ready(function(){	
	init();	
});