$(document).ready(function(){
$('#switcher .button').click(function(){
$('body').removeClass();
if(this.id=='switcher-narrow')
{
$('body').addClass('narrow');
}
else if(this.id=='switcher-large')
{
$('body').addClass('large');
}
$('#switcher .button').removeClass('selected');
$(this).addClass('selected');
});
});
$(document).ready(function(){
$('#switcher h3').toggle(function(){
$('#switcher .button').addClass('hidden');
},function(){
$('#switcher .button').removeClass('hidden');
});
});
$(document).ready(function(){
$('#switcher .button').hover(function(){
$(this).addClass('hover');
},function(){
$(this).removeClass('hover');
});
});
$(document).ready(function(){
$('#switcher').click(function(event){
if(event.target==this)
{
$('#switcher .button').toggleClass('hidden');
}
});
});
$(document).ready(function(){
var toggleStyleSwitcher = function()
{
$('#switcher .button').toggleClass('hidden');
};
$('#switcher').click(toggleStyleSwitcher);
$('#switcher-normal').click(function(){
$('#switcher').click(toggleStyleSwitcher);
});
$('#switcher-narrow,#switcher-large').click(function(){
$('#switcher').unbind('click',toggleStyleSwitcher);
});
});