$(document).ready(function(){
	//login form
	$('.login-form').hide();
	$('#login-button').click(function(){
		if($('.login-form').hasClass('visible')){
			$('.login-form').fadeOut("fast");
			$('.login-form').removeClass('visible');
		}
		else{
			$('.login-form').fadeIn("fast");
			$('.login-form').addClass('visible');
		}
	});
	
	//tabs
	$('#tabs div').hide(); // Hide all divs
	$('#tabs div:first').fadeIn("slow"); // Show the first div
	$('#tabs ul li:first a').addClass('active-tab').removeClass('blue-button-small'); // Set the class for active state
	$('#tabs ul li:first a span').addClass('active')
	$('#tabs ul li a').click(function(){ // When link is clicked
		$('#tabs ul li a').removeClass('active-tab').addClass('blue-button-small'); // Remove active class from links
		$('#tabs ul li a span').removeClass('active')
		$(this).addClass('active-tab').removeClass('blue-button-small'); //Set parent of clicked link class to active
		$(this).children().addClass('active')
		var currentTab = $(this).attr('href'); // Set currentTab to value of href attribute
		$('#tabs div').hide(); // Hide all divs
		$(currentTab).fadeIn("slow"); // Show div with id equal to variable currentTab
		return false;
	});
});