jQuery(document).ready(function($) {
	jQuery("#signup").animate({ top: "-50px" }, 200);
	jQuery("#signup_tab").animate({ top: "0px" }, 200);
	
	jQuery("#signup_tab").toggle(
		function() {
			jQuery("#signup").animate({ top: "0px" }, 200);
			jQuery("#signup_tab").animate({ top: "50px" }, 200);
		},
		function() {
			jQuery("#signup").animate({ top: "-50px" }, 200);
			jQuery("#signup_tab").animate({ top: "0px" }, 200);
		}
	);
	jQuery("#sidebar_tweets").addClass("js");
	jQuery("#show_tweets").toggle(
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000);
			jQuery("#show_tweets").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000).animate({ backgroundPosition:"0 0" },10).animate({ backgroundPosition:"100% 0" },1);
		
		},
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "0" }, 200);
			jQuery("#show_tweets").animate({ marginLeft: "0" }, 200).animate({ backgroundPosition:"100% 0" },200).animate({ backgroundPosition:"0 0" },10);
		}
	);
	
	jQuery("#sidebar_tweets").addClass("js");
	jQuery("#test").toggle(
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000);
			jQuery("#test").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000).animate({ backgroundPosition:"0 0" },10).animate({ backgroundPosition:"100% 0" },1);
		
		},
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "0" }, 200);
			jQuery("#test").animate({ marginLeft: "0" }, 200).animate({ backgroundPosition:"100% 0" },200).animate({ backgroundPosition:"0 0" },10);
		}
	);
	
	jQuery("#sidebar_tweets").addClass("js");
	jQuery("#test2").toggle(
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000);
			jQuery("#test2").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000).animate({ backgroundPosition:"0 0" },10).animate({ backgroundPosition:"100% 0" },1);
		
		},
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "0" }, 200);
			jQuery("#test2").animate({ marginLeft: "0" }, 200).animate({ backgroundPosition:"100% 0" },200).animate({ backgroundPosition:"0 0" },10);
		}
	);
	
	
	jQuery("#sidebar_tweets").addClass("js");
	jQuery("#test6").toggle(
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000);
			jQuery("#test6").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000).animate({ backgroundPosition:"0 0" },10).animate({ backgroundPosition:"100% 0" },1);
		
		},
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "0" }, 200);
			jQuery("#test6").animate({ marginLeft: "0" }, 200).animate({ backgroundPosition:"100% 0" },200).animate({ backgroundPosition:"0 0" },10);
		}
	);
	
	jQuery("#sidebar_tweets").addClass("js");
	jQuery("#test3").toggle(
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000);
			jQuery("#test3").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000).animate({ backgroundPosition:"0 0" },10).animate({ backgroundPosition:"100% 0" },1);
		
		},
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "0" }, 200);
			jQuery("#test3").animate({ marginLeft: "0" }, 200).animate({ backgroundPosition:"100% 0" },200).animate({ backgroundPosition:"0 0" },10);
		}
	);
	
	jQuery("#sidebar_tweets").addClass("js");
	jQuery("#test4").toggle(
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000);
			jQuery("#test4").animate({ marginLeft: "600px", paddingLeft:"0px" }, 1000).animate({ backgroundPosition:"0 0" },10).animate({ backgroundPosition:"100% 0" },1);
		
		},
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "0" }, 200);
			jQuery("#test4").animate({ marginLeft: "0" }, 200).animate({ backgroundPosition:"100% 0" },200).animate({ backgroundPosition:"0 0" },10);
		}
	);
	
	jQuery("#sidebar_tweets").addClass("js");
	jQuery("#test5").toggle(
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "0" }, 200);
			jQuery("#test5").animate({ marginLeft: "0" }, 200).animate({ backgroundPosition:"100% 0" },200).animate({ backgroundPosition:"0 0" },10);
		
		},
		function() {
			jQuery("#bg-wrapper").animate({ marginLeft: "0" }, 200);
			jQuery("#test5").animate({ marginLeft: "0" }, 200).animate({ backgroundPosition:"100% 0" },200).animate({ backgroundPosition:"0 0" },10);
		}
	);
	
	 $(".tweet").tweet({
          join_text: "auto",
          username: ["rob_james","tommc1985","matty_gibbon","hello_guillaume","interwebnut", "uniqueHQ"],
          avatar_size: 48,
          count: 20,
          auto_join_text_default: "", 
          auto_join_text_ed: "",
          auto_join_text_ing: "",
          auto_join_text_reply: "",
          auto_join_text_url: "",
          loading_text: "loading tweets..."
        });

});