$(document).ready(function() {
$('.container').before("<ul class='styleswitch' style='position:absolute; top:10px; right:10px; margin:0; padding:0; list-style:none; text-align:right; border:0px solid #fff;'><li style='color:#fff;'>Demo:</li><li><a class='primary' href='#' style='color:#fff;'>Primary</a></li><li><a class='wine' href='#' style='color:#fff;'>Wine</a></li><li><a class='spring' href='#' style='color:#fff;'>Spring</a></li><li><a class='formal' href='#' style='color:#fff;'>Formal</a></li></ul>");

$(".primary").click(function() {
$("link[class=color]").attr({href : "css/primary.css"});
return false;
});

$(".wine").click(function() {
$("link[class=color]").attr({href : "css/wine.css"});
return false;
});

$(".spring").click(function() {
$("link[class=color]").attr({href : "css/spring.css"});
return false;
});

$(".formal").click(function() {
$("link[class=color]").attr({href : "css/formal.css"});
return false;
});

$("a[href=#colors]").click(function() {
$('.styleswitch').animate( { borderWidth:"15px" }, 250).animate( { borderWidth:"0px" }, 250);
return false;
});

$(".checks li:last").click(function() {
$('.styleswitch').animate( { borderWidth:"15px" }, 250).animate( { borderWidth:"0px" }, 250);
});

});