$(document).ready(function(){
	var switcher = $('div#styleswitcher');
	
	// make switcher link visible (it's hidden if JS is not enabled)
	switcher.css('display', 'block');
	
	// show or hide the style switcher when the style link is clicked
	$('div#styleswitcher > h2 > a').click(function(){
		switcher.toggleClass('active');
		return false;
	});
	
	// show the switcher if the user clicks somewhere else on the style swticher (like the small
	// arrow on the right) and hide it if he clicks somewhere else in the document.
	switcher.click(function(){
		switcher.addClass('active');
		return false;
	});
	
	$(document).click(function(){
		switcher.removeClass('active');
	});
	
	// switcher hooks into every link of the class "switcher" (the title stores the name of the style to switch to)
	$('a.switcher').click(function(){
		// implement switcher here...
	});
});