Смена стилей на JS

<script type="text/javascript" src="{THEME}/js/stylesheetToggle.js"></script>

<link rel="alternate stylesheet" type="text/css" href="{THEME}/style/styles.css" title="styles1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="{THEME}/style/styles2.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="{THEME}/style/styles3.css" title="styles3" media="screen" />
<script type="text/javascript">
$(function() {
	$.stylesheetInit();
	$('#toggler').bind('click', function(e) {
		$.stylesheetToggle();
		return false;
	});
	$('.styleswitch').bind('click', function(e){
		$.stylesheetSwitch(this.getAttribute('rel'));
		return false;
	});
});
</script>
<div id="bg">
	<div style="padding-top:16px; align:center;">
		<a href="style=style2" rel="styles1" class="styleswitch"><img src="{THEME}/images/red.png"></a>
		<a href="style=style1" rel="styles2" class="styleswitch"><img src="{THEME}/images/dark.png"></a>
		<a href="style=style3" rel="styles3" class="styleswitch"><img src="{THEME}/images/blue.png"></a>
	</div>
</div>